@charset "UTF-8";
/* ======================
    Form variables
====================== */
.clearfix:after, .itcss-buttons-opposite:after, .itcss-box-body:after, .itcss-grid:after, .itcss-grid-inner:after, .basket-compartment-buttons-container:after, .my-account-slideout-cards .card-item:after, .favourites-content-list:after, #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .no-results:after, #itcss-header .ui-slideout-content-footer:after, .itcss-form-field-date:after, .itcss-form-buttons:after, .itcss-teaser:after, .itcss-items-list-item:after, .notification-preferences-channel-container:after, .notification-preferences-category-column:after, .notifications-menu-head:after, .notifications-menu-foot:after, .notification-preferences-confirm.sweet-alert .sa-button-container:after {
  content: "";
  display: block;
  clear: both; }

.justify-content, .comments-box-header {
  display: block;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0; }
  .justify-content > *, .comments-box-header > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px; }
  .justify-content:after, .comments-box-header:after {
    content: '';
    display: inline-block;
    width: 100%; }
  .justify-content.top-align > *, .top-align.comments-box-header > * {
    vertical-align: top; }

.hidden-element {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute; }

.js-closed {
  display: none; }

.js-opened {
  display: block; }

/* ======================
  Toggle
====================== */
.js-toggle-handle {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.js-toggle-indicator {
  display: inline-block;
  transition: all 0.25s ease-in-out; }

.js-toggle-collapsed .js-toggle-indicator {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.js-toggle-collapsed .js-toggle-expanded .js-toggle-indicator {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.js-toggle-collapsed .js-toggle-target {
  display: none; }

.js-toggle-expanded .js-toggle-target {
  display: block; }

.js-toggle-collapsed .js-toggle-collapsed .js-toggle-indicator, .js-toggle-expanded .js-toggle-collapsed .js-toggle-indicator {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.js-toggle-collapsed .js-toggle-collapsed .js-toggle-target, .js-toggle-expanded .js-toggle-collapsed .js-toggle-target {
  display: none; }

.js-toggle-collapsed .js-toggle-expanded .js-toggle-target, .js-toggle-expanded .js-toggle-expanded .js-toggle-target {
  display: block; }

.js-toggle-target[data-target] {
  display: none; }
  .js-toggle-target[data-target].js-toggle-expanded {
    display: block; }

/* ======================
  Reset
====================== */
body#scheme29186 *:focus {
  outline-color: #406A8C;
  outline-width: 3px;
  outline-style: inset; }

body#scheme29186 header *:focus {
  outline-offset: -3px;
  filter: none !important; }

img {
  max-width: 100%; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important; }

input[type="search"] {
  -webkit-appearance: textfield; }

button {
  border: 0;
  padding: 0;
  cursor: pointer;
  overflow: visible; }

[class^="icon-"], [class*=" icon-"] {
  position: relative;
  top: 1px; }

[class^="icon-"][data-tile_type="icon-tile"], [class*=" icon-"][data-tile_type="icon-tile"] {
  font-family: 'icon-tile-fonticons' !important; }

[class^="svg-icon"] {
  fill: currentColor;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast; }

/* ======================
    SVG shadow filter
====================== */
.fallback-svg-shadow {
  display: none; }

.lt-ie10 .fallback-svg-shadow {
  display: inline-block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fallback-svg-shadow {
    display: inline-block; } }

@supports (-ms-accelerator: true) {
  .fallback-svg-shadow {
    display: inline-block; } }

/* ======================
  Typography
====================== */
.heading-1 {
  font-size: 32px;
  margin: 0; }

.heading-2 {
  font-size: 26px;
  margin: 0; }

.heading-3 {
  font-size: 20px;
  margin: 0; }

.heading-4 {
  font-size: 16px;
  margin: 0; }

.heading-5 {
  font-size: 14px;
  margin: 0; }

.heading-6 {
  font-size: 12px;
  margin: 0; }

.itcss-bigger-text {
  font-size: 1.15em; }

.typography h1, .typography .heading-h1 {
  margin: 0 0 20px 0; }

.typography h2, .typography .heading-h2 {
  margin: 0 0 20px 0; }

.typography h3, .typography .heading-h3 {
  margin: 0 0 15px 0; }

.typography h4, .typography .heading-h4 {
  margin: 0 0 10px 0; }

.typography h5, .typography .heading-h5 {
  margin: 0 0 5px 0; }

.typography h6, .typography .heading-h6 {
  margin: 0 0 5px 0; }

.typography p, .typography ul, .typography ol, .typography pre {
  margin: 0 0 20px 0; }

.light-text {
  color: #666; }

/* ======================
  Buttons
====================== */
.itcss-button, .notification-preferences-confirm.sweet-alert .sa-button-container button {
  display: inline-block;
  min-width: 60px;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: #FFF;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
  box-sizing: border-box;
  padding: 9px 15px;
  border-radius: 5px;
  text-shadow: 0 1px 1px #060606;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  transition: all 0.25s ease-in-out; }
  .itcss-button:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button:hover {
    text-decoration: none !important; }
  .itcss-button:visited, .notification-preferences-confirm.sweet-alert .sa-button-container button:visited, .itcss-button:link, .notification-preferences-confirm.sweet-alert .sa-button-container button:link {
    color: #FFF; }
  .itcss-button.full-width, .notification-preferences-confirm.sweet-alert .sa-button-container button.full-width {
    display: block;
    margin: 10px 0; }
  .itcss-button[disabled], .notification-preferences-confirm.sweet-alert .sa-button-container button[disabled] {
    cursor: default;
    text-shadow: 0 1px 1px #0a0a0a;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  .itcss-button.primary, .notification-preferences-confirm.sweet-alert .sa-button-container button.primary, .notification-preferences-confirm.sweet-alert .sa-button-container button.confirm, .notification-preferences-confirm.sweet-alert button.itcss-button.confirm {
    background: #5DAB00; }
    .itcss-button.primary:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.primary:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.confirm:hover, .notification-preferences-confirm.sweet-alert button.itcss-button.confirm:hover, .itcss-button.primary:focus, .notification-preferences-confirm.sweet-alert .sa-button-container button.primary:focus, .notification-preferences-confirm.sweet-alert .sa-button-container button.confirm:focus, .notification-preferences-confirm.sweet-alert button.itcss-button.confirm:focus {
      background: #4E8F00;
      color: #FFF; }
    .itcss-button.primary[disabled]:not(.button-loading), .notification-preferences-confirm.sweet-alert .sa-button-container button.primary[disabled]:not(.button-loading), .notification-preferences-confirm.sweet-alert .sa-button-container button[disabled].confirm:not(.button-loading), .notification-preferences-confirm.sweet-alert button.itcss-button[disabled].confirm:not(.button-loading) {
      background: #B0C399; }
  .itcss-button.secondary, .notification-preferences-confirm.sweet-alert .sa-button-container button.secondary {
    background: #999; }
    .itcss-button.secondary:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.secondary:hover, .itcss-button.secondary:focus, .notification-preferences-confirm.sweet-alert .sa-button-container button.secondary:focus {
      background: #666;
      color: #FFF; }
    .itcss-button.secondary[disabled]:not(.button-loading), .notification-preferences-confirm.sweet-alert .sa-button-container button.secondary[disabled]:not(.button-loading) {
      background: #ccc; }
  .itcss-button.danger, .notification-preferences-confirm.sweet-alert .sa-button-container button.danger {
    background: #FF2E2A; }
    .itcss-button.danger:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.danger:hover, .itcss-button.danger:focus, .notification-preferences-confirm.sweet-alert .sa-button-container button.danger:focus {
      background: #A50000;
      color: #FFF; }
    .itcss-button.danger[disabled]:not(.button-loading), .notification-preferences-confirm.sweet-alert .sa-button-container button.danger[disabled]:not(.button-loading) {
      background: #D0A1A1; }
  .itcss-button.ghost, .notification-preferences-confirm.sweet-alert .sa-button-container button.ghost {
    border: 1px solid #5DAB00;
    color: #5DAB00;
    text-shadow: none; }
    .itcss-button.ghost.ghost, .notification-preferences-confirm.sweet-alert .sa-button-container button.ghost.ghost {
      padding: 8px 14px; }
    .itcss-button.ghost:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.ghost:hover {
      border-color: #4E8F00;
      color: #4E8F00; }
  .itcss-button.rm, .notification-preferences-confirm.sweet-alert .sa-button-container button.rm {
    background: #ffffff;
    text-shadow: none;
    color: #0E75C6;
    font-weight: bold;
    border: 1px solid #ccc; }
    .itcss-button.rm [class^="icon-"], .notification-preferences-confirm.sweet-alert .sa-button-container button.rm [class^="icon-"] {
      font-size: 2.1em;
      margin: -0.08em 0.2em 0 0; }
    .itcss-button.rm > *, .notification-preferences-confirm.sweet-alert .sa-button-container button.rm > * {
      display: inline-block;
      vertical-align: middle; }
    .itcss-button.rm:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.rm:hover, .itcss-button.rm:focus, .notification-preferences-confirm.sweet-alert .sa-button-container button.rm:focus {
      color: #09538C; }
  .itcss-button.action, .notification-preferences-confirm.sweet-alert .sa-button-container button.action {
    border: 1px dashed #ccc;
    background: #FFF;
    color: #0E75C6;
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
    line-height: 30px;
    min-width: auto; }
    .itcss-button.action.negative, .notification-preferences-confirm.sweet-alert .sa-button-container button.action.negative {
      color: #FF2E2A; }
    .itcss-button.action [class^="icon-"], .notification-preferences-confirm.sweet-alert .sa-button-container button.action [class^="icon-"] {
      font-size: 16px;
      vertical-align: middle;
      top: -1px; }
    .itcss-button.action.delete [class^="icon-"], .notification-preferences-confirm.sweet-alert .sa-button-container button.action.delete [class^="icon-"] {
      font-size: 20px;
      font-weight: bold; }
  .itcss-button.large, .notification-preferences-confirm.sweet-alert .sa-button-container button.large {
    font-size: 14px;
    min-width: 70px;
    padding: 12px 20px; }
    .itcss-button.large.ghost, .notification-preferences-confirm.sweet-alert .sa-button-container button.large.ghost {
      padding: 11px 19px; }
  .itcss-button.link, .notification-preferences-confirm.sweet-alert .sa-button-container button.link {
    padding: 0;
    text-shadow: none;
    min-width: 0;
    color: #0E75C6;
    background: none;
    border: 0; }
    .itcss-button.link:hover, .notification-preferences-confirm.sweet-alert .sa-button-container button.link:hover {
      color: #09538C; }
  .itcss-button.multiline, .notification-preferences-confirm.sweet-alert .sa-button-container button.multiline {
    white-space: normal; }
  .itcss-button.button-loading, .notification-preferences-confirm.sweet-alert .sa-button-container button.button-loading {
    position: relative; }
    .itcss-button.button-loading[disabled], .notification-preferences-confirm.sweet-alert .sa-button-container button.button-loading[disabled] {
      pointer-events: none; }
    .itcss-button.button-loading .itcss-loader, .notification-preferences-confirm.sweet-alert .sa-button-container button.button-loading .itcss-loader {
      border: 1px solid #ccc;
      border-radius: 5px;
      box-sizing: border-box; }

.itcss-buttons-opposite .itcss-button, .itcss-buttons-opposite .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-buttons-opposite button {
  float: left;
  width: 48%;
  box-sizing: border-box; }
  .itcss-buttons-opposite .itcss-button + .itcss-button, .itcss-buttons-opposite .notification-preferences-confirm.sweet-alert .sa-button-container button + .itcss-button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-buttons-opposite button + .itcss-button, .itcss-buttons-opposite .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-buttons-opposite .itcss-button + button, .itcss-buttons-opposite .notification-preferences-confirm.sweet-alert .sa-button-container button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-buttons-opposite button + button {
    margin-left: 4%; }

.add_element_button {
  display: block;
  text-align: center;
  background: #ecf5ff;
  line-height: 50px;
  height: 50px;
  color: #2f8cdd;
  font-size: 14px;
  border: 1px dashed #208ade;
  position: relative;
  z-index: 1;
  margin: -1px;
  border-radius: 5px; }
  .add_element_button:hover {
    color: #ffffff;
    background: #208ade; }
  .add_element_button.light {
    background: #FFF;
    color: #2f8cdd;
    border-color: #ccc; }
    .add_element_button.light:hover {
      background: #2f8cdd;
      color: #ffffff; }
  .add_element_button.top {
    border-radius: 3px 3px 0 0; }
  .add_element_button.bottom {
    border-radius: 0 0 3px 3px; }
  .add_element_button > [class*="icon-"] {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin: 0 10px 0 0;
    top: 0; }
  .add_element_button > span {
    display: inline-block;
    vertical-align: middle; }

/* ======================
  Basic container box
====================== */
.itcss-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 0 30px;
  padding: 20px;
  background: #FFF; }
  .itcss-box .itcss-box-separator {
    height: 1px;
    background: #ccc;
    margin: 20px -20px; }
  .itcss-box.flush {
    padding: 0; }
    .itcss-box.flush .itcss-box-separator {
      margin: 20px 0; }
  .itcss-box.border_box1 {
    box-sizing: border-box; }
    .itcss-box.border_box1.padded_box {
      padding: 20px; }
  .itcss-box.fill {
    background: #f4f4f4; }
  .itcss-box + .itcss-box {
    margin: 30px 0 0; }
  .itcss-box-header {
    background: #f4f4f4;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #ccc;
    padding: 20px; }
    .itcss-box-header.light {
      background: #fff; }
    .itcss-box-header.continuous {
      background: none;
      border-bottom: none; }
    .itcss-box-header-title {
      font-weight: bold;
      margin: 0;
      line-height: 1;
      font-size: 16px; }
    .itcss-box-header-sub-title {
      display: block;
      font-size: 12px;
      font-weight: normal;
      line-height: 1;
      color: #666;
      margin-top: 5px; }
    .itcss-box-header-hint {
      font-size: 12px;
      font-weight: normal;
      text-transform: none;
      color: #666;
      float: right;
      font-style: italic; }
    .itcss-box-header.flush {
      padding: 0; }
    .itcss-box-header .js-toggle-indicator {
      font-weight: 500;
      font-size: 18px;
      margin-left: 0.5em;
      top: 2px;
      display: inline-block; }
  .js-toggle-collapsed .itcss-box-header {
    border-bottom: 0;
    border-radius: 4px; }
  .itcss-box-body {
    padding: 20px;
    border-radius: 0 0 4px 4px; }
    .itcss-box-body.flush {
      padding: 0; }
    .continuous + .itcss-box-body,
    .continuous + .itcss-box-body .itcss-box-body {
      padding-top: 0; }
  .equal-height .itcss-box {
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 auto;
    /* IE 10 use instead of flex-grow*/
    -webkit-flex-grow: 1;
    flex-grow: 1;
    box-sizing: border-box; }
  .itcss-box-footer {
    display: block;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 0 0 4px 4px;
    border: 1px dashed #ccc;
    margin: -1px; }
    .itcss-box-footer.light {
      background: #fff;
      border: 1px solid #ccc; }

/* ======================
  Grid layout
====================== */
.itcss-grid {
  margin-left: -15px;
  margin-right: -15px; }
  .itcss-grid-inner {
    margin-left: -15px;
    margin-right: -15px; }
  .itcss-grid-column, .itcss-grid-half, .itcss-grid-full, .itcss-grid-content, .itcss-grid-aside {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; }
  .itcss-grid.reverse-floats .itcss-grid-column,
  .itcss-grid.reverse-floats .itcss-grid-half,
  .itcss-grid.reverse-floats .itcss-grid-full,
  .itcss-grid.reverse-floats .itcss-grid-content,
  .itcss-grid.reverse-floats .itcss-grid-aside {
    float: right; }
  .itcss-grid-column {
    width: 33.33333%; }
  .itcss-grid-half {
    width: 50%; }
  .itcss-grid-full {
    float: none; }
  .itcss-grid-content {
    width: 66.66667%; }
  .itcss-grid-aside {
    width: 33.33333%; }
  .itcss-grid.equal-height {
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .equal-height .itcss-grid-column,
  .equal-height .itcss-grid-half,
  .equal-height .itcss-grid-full,
  .equal-height .itcss-grid-content,
  .equal-height .itcss-grid-aside {
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }

.lt-ie10 .itcss-grid {
  margin-left: 0;
  margin-right: 0; }

.lt-ie10 .equal-height {
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box; }
  .lt-ie10 .equal-height > * {
    display: table-cell;
    table-layout: fixed;
    float: none;
    height: 100%; }

@media only screen and (max-width: 960px) and (min-width: 768px) {
  .itcss-grid > .itcss-grid-content,
  .itcss-grid > .itcss-grid-aside {
    width: 50%; } }

@media only screen and (max-width: 640px) {
  .itcss-grid {
    margin: 0; }
    .itcss-grid > .itcss-grid-column,
    .itcss-grid > .itcss-grid-half,
    .itcss-grid > .itcss-grid-full,
    .itcss-grid > .itcss-grid-content,
    .itcss-grid > .itcss-grid-aside {
      float: none;
      width: auto;
      padding: 0; }
    .itcss-grid.reverse-floats .itcss-grid-column,
    .itcss-grid.reverse-floats .itcss-grid-half,
    .itcss-grid.reverse-floats .itcss-grid-full,
    .itcss-grid.reverse-floats .itcss-grid-content,
    .itcss-grid.reverse-floats .itcss-grid-aside {
      float: none; }
    .itcss-grid.equal-height {
      display: block; } }

/* ======================
  Notifications
====================== */
.itcss-notification {
  font-size: 14px;
  position: relative;
  line-height: 1.3;
  text-align: left;
  border-radius: 5px;
  padding: 10px 30px 10px 60px;
  margin-bottom: 30px; }
  .itcss-box .itcss-notification {
    margin-bottom: 20px; }
  .itcss-notification-icon {
    position: absolute !important;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    left: 20px;
    top: 50% !important;
    margin: -12px 0 0; }
  .itcss-notification.composite {
    padding: 30px 30px 30px 80px; }
    .itcss-notification.composite .itcss-notification-icon {
      left: 20px;
      top: 20px !important;
      margin: 2px 0 0;
      font-size: 32px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center; }
  .itcss-notification-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px;
    line-height: 1.2; }
  .itcss-notification-content {
    color: #666; }
  .itcss-notification-buttons {
    cursor: default;
    margin-top: 20px; }
    .itcss-notification-buttons .itcss-button + .itcss-button, .itcss-notification-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button + .itcss-button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-notification-buttons button + .itcss-button, .itcss-notification-buttons .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-notification-buttons .itcss-button + button, .itcss-notification-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-notification-buttons button + button {
      margin-left: 10px; }
  .itcss-notification p,
  .itcss-notification ul {
    margin: 0; }
  .itcss-notification p + p,
  .itcss-notification p + ul {
    margin: 10px 0 0; }
  .itcss-notification ul li + li {
    margin-top: 5px; }
  .itcss-notification.success {
    color: #61B002;
    background-color: #EDF6E7;
    border: 1px solid #C9E4AE; }
    .itcss-notification.success a.icon-remove:hover {
      background: #5FAE01; }
    .itcss-notification.success .itcss-notification-title {
      color: #61B002; }
  .itcss-notification.error {
    color: #D71E1E;
    background-color: #FBE8EA;
    border: 1px solid #F5CACC; }
    .itcss-notification.error a.icon-remove:hover {
      background: #D71E1E; }
    .itcss-notification.error .itcss-notification-title {
      color: #D71E1E; }
  .itcss-notification.warning {
    color: #ED7112;
    background-color: #FFF4EA;
    border: 1px solid #FBDABF; }
    .itcss-notification.warning a.icon-remove:hover {
      background: #ED7112; }
    .itcss-notification.warning .itcss-notification-title {
      color: #ED7112; }
  .itcss-notification.information {
    color: #136ECA;
    background-color: #EBF5FF;
    border: 1px solid #BFDBF4; }
    .itcss-notification.information a.icon-remove:hover {
      background: #136ECA; }
    .itcss-notification.information .itcss-notification-title {
      color: #136ECA; }
  .itcss-notification.small {
    font-size: 12px; }
  .itcss-notification a.icon-remove {
    position: absolute;
    right: -1px;
    top: -1px;
    font-size: 12px;
    color: #666;
    padding: 3px 5px;
    border-radius: 0 3px 0 3px; }
    .itcss-notification a.icon-remove:hover {
      color: #fff; }

/* ======================
  Loading
====================== */
.itcss-loader {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: white;
  background: rgba(255, 255, 255, 0.9); }
  .itcss-button .itcss-loader, .notification-preferences-confirm.sweet-alert .sa-button-container button .itcss-loader {
    background: white;
    background: rgba(255, 255, 255, 0.7); }
  .itcss-loader.dark {
    background: #f3f3f3;
    background: rgba(242, 242, 242, 0.9); }
    .itcss-button .itcss-loader.dark, .notification-preferences-confirm.sweet-alert .sa-button-container button .itcss-loader.dark {
      background: #f6f6f6;
      background: rgba(242, 242, 242, 0.7); }
  .itcss-loader.solid {
    background: #fff; }
    .itcss-loader.solid.dark {
      background: #f2f2f2; }
  .itcss-loader-container {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -20px; }
    .small .itcss-loader-container {
      margin-top: -10px; }
    .with-text .itcss-loader-container {
      margin-top: -34px; }
    .with-text.small .itcss-loader-container {
      margin-top: -21px; }
  .itcss-loader-animation {
    margin: 0 auto;
    padding: 13px 20px;
    position: relative;
    height: 14px; }
    .itcss-loader-animation .dot {
      width: 14px;
      height: 14px;
      background-color: #79B1E0;
      display: inline-block;
      border-radius: 50%;
      vertical-align: top;
      will-change: transform, background-color;
      -webkit-animation: loading-dot 1s infinite ease-in-out;
      animation: loading-dot 1s infinite ease-in-out; }
      .itcss-loader-animation .dot1 {
        -webkit-animation-delay: -0.44s;
        animation-delay: -0.44s; }
      .itcss-loader-animation .dot2 {
        -webkit-animation-delay: -0.22s;
        animation-delay: -0.22s; }
      .itcss-loader-animation .dot3 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s; }
      .itcss-loader-animation .dot + .dot {
        margin-left: 9px; }
    .small .itcss-loader-animation {
      height: 6px;
      padding: 7px 0; }
      .small .itcss-loader-animation .dot {
        width: 6px;
        height: 6px; }
        .small .itcss-loader-animation .dot + .dot {
          margin-left: 3px; }
  .itcss-loader-text {
    color: #666;
    font-size: 14px;
    padding: 0 20px; }

@-webkit-keyframes loading-dot {
  0%, 50%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #79B1E0; }
  25% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #0E75C6; } }

@keyframes loading-dot {
  0%, 50%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #79B1E0; }
  25% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #0E75C6; } }

.lt-ie10 .itcss-loader-animation {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/loader.gif"); }
  .lt-ie10 .itcss-loader-animation .dot {
    display: none; }

.lt-ie10 .small .itcss-loader-animation {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/loader_small.gif"); }

table, tbody, tfoot, thead, tr, th, td {
  vertical-align: middle; }

table th {
  text-align: left; }

table .left {
  text-align: left; }

table .center {
  text-align: center; }

table .right {
  text-align: right; }

table .top {
  vertical-align: top; }

table .nowrap {
  white-space: nowrap; }

table .full-width {
  width: 100%; }

/* ======================
    Table styles - universal
====================== */
.table_style_holder {
  border: 1px solid #ccc;
  border-radius: 5px; }

.table_style_holder.no_side_borders {
  border-left: 0;
  border-right: 0; }

.table_style_holder.no_borders {
  border: 0; }

.table_style_holder.border-top {
  border: 0;
  border-top: 1px solid #ccc; }

.table_style_holder > .notification_box {
  margin: 20px; }

.table_style_outer {
  overflow-x: auto;
  border-top: 1px solid #ccc; }

.table_style {
  color: #333;
  position: relative;
  background: #FFF;
  border: 1px solid #ccc;
  border-radius: 5px;
  /*overflow:hidden;*/
  border-collapse: inherit; }

.table_style_holder .table_style,
.table_style.no-border {
  border: 0; }

.table_style:not(.scrollable) {
  width: 100%; }

.table_style.single_border {
  border-bottom: 1px solid #ccc; }

.table_style.full_border {
  border: 1px solid #ccc; }

.table_style.double_border {
  border-bottom: 2px solid #ccc; }

.table_style tr.delimiter td {
  border-top: 2px solid #999; }

.table_style th, .table_style td {
  font-size: 12px;
  border-top: 1px solid #ccc;
  padding: 15px 10px;
  color: #666;
  transition: all 0.15s ease-in-out 0s; }

.table_style th {
  border-top: 0; }

.table_style_holder .table_style th {
  border-top: 1px solid #ccc; }

.table_style_holder .table_style:first-child th,
.table_style_holder .table_style_outer:first-child th {
  border-top: 0; }

.table_style.no_top_border th {
  border-top: 0; }

.table_style.cell_borders th:not(:first-child), .table_style.cell_borders td:not(:first-child) {
  border-left: 1px solid #ccc; }

.full_width .table_style th, .full_width .table_style td {
  padding: 7px 10px; }

.table_style th {
  background: #f4f4f4;
  text-transform: uppercase;
  padding: 15px 10px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  color: #333; }

.table_style td.no_style {
  padding: 0 !important;
  border: none !important;
  height: auto !important; }

.table_style:not(.white_background) > tr:nth-child(2n) td {
  background: #fafafa; }

.table_style th .bigger, .table_style td .bigger {
  font-size: 1.3em; }

.table_style th.border_cell, .table_style td.border_cell {
  background: #f4f4f4;
  border-right: 1px solid #ccc;
  padding-left: 0;
  padding-right: 0; }

.table_style th.border_cell {
  background: #f4f4f4;
  border-right: none; }

.table_style th.center, .table_style td.center {
  text-align: center; }

.table_style th.no_padding, .table_style td.no_padding {
  padding: 0 !important;
  height: auto !important; }

.table_style th.no-radius, .table_style td.no-radius {
  border-radius: 0 !important; }

.table_style th:first-child:not(.border_cell), .table_style td:first-child:not(.border_cell) {
  padding-left: 20px; }

.table_style th:last-child:not(.border_cell), .table_style td:last-child:not(.border_cell) {
  padding-right: 20px; }

.table_style table {
  width: 100%; }

.table_style:not(.no_hover) > tr:nth-child(2n):hover td, .table_style:not(.no_hover) > tr:hover td {
  background: #f2f2f2; }

.table_style > tbody > tr:first-child > td {
  border-top: 0; }

.table_style > tbody > tr:first-child > td table > tbody > tr:first-child > td {
  border-top: 0; }

.table_style p {
  margin: 0 0 2px 0; }

.table_style > thead > tr:first-child > th:first-child {
  border-top-left-radius: 5px; }

.table_style > thead > tr:first-child > th:last-child {
  border-top-right-radius: 5px; }

.table_style > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 5px; }

.table_style > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 5px; }

/* Table - Sorting */
.table_style thead th a {
  display: block;
  text-decoration: none;
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: right center;
  color: #333; }

.table_style thead th a.nosort {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/new/img/data-table-nosort.gif"); }

.table_style thead th a.desc {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/new/img/data-table-desc.gif"); }

.table_style thead th a.asc {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/new/img/data-table-asc.gif"); }

/* hidden options row */
.table_style .hidden_options .options_container {
  display: none;
  background: #f4f4f4;
  padding: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative; }

.table_style .hidden_options .options_container.light {
  background: #FFF; }

.table_style .hidden_options .options_container .icon-cross.close_options {
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: bold;
  color: #DF2121;
  font-size: 14px;
  cursor: pointer; }

.table_style .hidden_options .options_container.with_arrow:before, .table_style .hidden_options .options_container.with_arrow:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  right: 45px;
  top: -10px; }

.table_style .hidden_options .options_container.with_arrow:before {
  border-bottom: 10px solid #ccc;
  top: -11px; }

.table_style .hidden_options .options_container.with_arrow:after {
  border-bottom: 10px solid #f4f4f4;
  z-index: 1; }

/* ======================
    Table styles - optional elements
====================== */
/* inline row options */
.table_style label.inline_option {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px; }

.table_style label.inline_option:first-child {
  margin: 0; }

.table_style label.inline_option .ez-radio, .table_style label.inline_option .text {
  display: inline-block;
  vertical-align: middle;
  top: auto;
  margin: 0; }

/* table header */
.table_style_holder .table_header {
  padding: 25px 20px; }

.table_style_holder .table_header.border-bottom {
  border-bottom: 1px solid #ccc; }

.table_style_holder .table_header p {
  margin: 0; }

.table_style_holder .table_header p:not(:last-child) {
  margin: 0 0 10px 0; }

.table_style_holder .table_header.icon_decoration {
  position: relative;
  padding-left: 100px; }

.table_style_holder .table_header.icon_decoration .icon {
  position: absolute;
  top: 50%;
  left: 0;
  height: 70px;
  width: 100px;
  margin: -35px 0 0 0;
  text-align: center; }

.table_style_holder .table_header.icon_decoration .icon img {
  display: inline-block;
  vertical-align: middle; }

.table_style_holder .table_header.icon_decoration .icon:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.table_style_holder .table_header h2 {
  font-size: 16px;
  margin: 0 0 5px 0;
  font-weight: bold;
  text-transform: uppercase; }

.table_style_holder .table_header h2:only-child {
  margin: 0; }

.table_style_holder .table_header .subtitle {
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin-top: 5px;
  display: block; }

.table_search {
  background: #f2f2f2;
  border-top: 1px solid #ccc;
  padding: 15px 20px; }

.table_search fieldset {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0 160px 0 0; }

.table_search fieldset label {
  float: left; }

.table_search fieldset.inputs_2 label {
  width: 49%;
  margin: 0 0 0 2%; }

.table_search fieldset label:first-child {
  margin: 0; }

.table_search fieldset label span {
  display: block;
  height: 20px; }

.table_search fieldset label input {
  width: 100%;
  box-sizing: border-box;
  height: 35px; }

.table_search button {
  float: right;
  width: 150px;
  margin: 20px 0 0 -150px;
  height: 35px;
  font-size: 14px; }

/*coloured row tables*/
.table_style td.red_background, .table_style:not(.white_background) tr:nth-child(2n) td.red_background {
  background: #fdd; }

/* table footer */
.table_style_holder .table_footer {
  padding: 20px;
  border-top: 1px solid #ccc; }

.table_style_holder .table_footer p:not(:last-child) {
  margin: 0 0 10px 0; }

.table_style_holder .table_footer .right {
  float: right; }

.table_style_holder .table_footer .left {
  float: left; }

.table_style_holder .table_footer .center {
  text-align: center; }

.table_style_holder .table_footer .center .inner {
  display: inline-block;
  text-align: left; }

.table_style_holder .table_footer .pagination_holder {
  margin: -20px; }

.table_style .ez-checkbox {
  top: 0; }

/* ======================
    Error container
====================== */
@media only screen and (max-width: 880px) {
  /* Force table to not be like tables anymore */
  .table_style.responsive-table {
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-top: 1px solid #ccc;
    width: 100% !important;
    /*to override any specifically set widths*/ }
  .table_style.responsive-table table, .table_style.responsive-table thead, .table_style.responsive-table tbody, .table_style.responsive-table th, .table_style.responsive-table td, .table_style.responsive-table tr, .table_style.responsive-table tfoot {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  .table_style.responsive-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    height: 0px; }
  .table_style.responsive-table tr {
    border-top: 1px solid #ccc;
    position: relative; }
  .table_style.responsive-table tr:first-child {
    border-top: none; }
  .table_style.responsive-table > tr:nth-child(2n) td, .table_style.responsive-table > tbody > tr:nth-child(2n) td {
    background: #fafafa; }
  /* Behave  like a "row" */
  .table_style.responsive-table td:not(.no_title) {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    position: relative;
    padding: 6px 10px 10px 150px;
    white-space: normal;
    text-align: left; }
  .table_style.responsive-table > tbody > tr:first-child > td {
    border-top: 1px solid #ccc; }
  .table_style.responsive-table > tbody > tr:first-child > td:first-child {
    border-top: 0; }
  .table_style.responsive-table.no_title td {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 5px !important; }
  .table_style.responsive-table td.empty {
    display: none; }
  .table_style.responsive-table td.center-aligned {
    text-align: center;
    padding: 10px; }
  .table_style.responsive-table td.button-padding-fix {
    padding-top: 0;
    padding-bottom: 15px; }
  /* Now like a table header */
  /* Top/left values mimic padding */
  .table_style.responsive-table:not(.no_title) td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 150px;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }
  .table_style.responsive-table:not(.no_title) td:before {
    content: attr(data-title); }
  .table_style.responsive-table img {
    width: auto; }
  .table_style.responsive-table td.trash-button {
    display: inline-block;
    float: right;
    position: absolute;
    right: 15px;
    padding: 5px 5px 0 0;
    z-index: 20; }
  /* table within a table */
  .table_style.table-level-2 td:not(.no_title) {
    padding: 6px 10px 10px 0; } }

@media only screen and (max-width: 380px) {
  .table_style.responsive-table td:not(.no_title) {
    padding: 6px 10px 10px 135px; } }

.sortable-placeholder td {
  background: #ecf5ff;
  border: 1px dashed #208ade; }

.ui-sortable-helper > td {
  width: 720px;
  background: rgba(255, 255, 255, 0.7); }

.dragging-handle {
  background: #F2F2F2;
  padding: 0 !important;
  text-align: center;
  cursor: all-scroll;
  border-right: 1px solid #ccc; }
  .dragging-handle-style {
    width: 7px;
    cursor: hand; }
    .dragging-handle-style:before, .dragging-handle-style:after {
      content: "";
      display: inline-block;
      width: 0px;
      height: 26px;
      border-left: 2px dotted #ccc; }
    .dragging-handle-style:before {
      margin-right: 2px; }

.confirmation_dialog .confirmation_box {
  background: #f2f2f2;
  margin: 10px 0 0 0;
  padding: 10px;
  border: 1px solid #ccc;
  display: none; }

tr.confirmation_dialog .confirmation_box {
  margin: 0;
  border: 0;
  border-top: 1px solid #ccc; }

.confirmation_dialog .button {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 5px 0;
  text-align: center;
  width: 50px;
  border: none;
  color: #FFF;
  height: auto;
  min-height: auto; }

.confirmation_dialog .button:hover {
  color: #FFF; }

.confirmation_dialog .confirm {
  background: #7cc821;
  position: relative; }

.confirmation_dialog .decline {
  background: #fd3d3f; }

.confirmation_dialog .notification_box {
  display: none; }

.tabs_switcher {
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 0 30px; }
  .tabs_switcher.embedded {
    border-radius: 0;
    margin: 0;
    border-left: 0;
    border-right: 0; }
  .tabs_switcher.square {
    border-radius: 0; }
  .tabs_switcher.square-top {
    border-radius: 0 0 5px 5px; }
  .tabs_switcher.square-bottom {
    border-radius: 5px 5px 0 0; }
  .tabs_switcher .tabs_content .tab_section {
    display: none; }
  .tabs_switcher .tabs_content .tab_section:first-child {
    display: block; }
  .tabs_buttons:not(.custom-style) {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0; }
    .tabs_buttons:not(.custom-style) li {
      display: table-cell;
      position: relative;
      vertical-align: middle;
      color: #333;
      text-align: center;
      cursor: pointer;
      list-style: none;
      background: #f4f4f4;
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      z-index: 3;
      -moz-transition: background-color .3s ease-out, color .3s ease-out;
      -ms-transition: background-color .3s ease-out, color .3s ease-out;
      transition: background-color .3s ease-out, color .3s ease-out; }
      .tabs_buttons:not(.custom-style) li.no-transition {
        transition: none; }
      .tabs_buttons:not(.custom-style) li:first-child {
        border-radius: 3px 0 0 0;
        border-left: none; }
        .tabs_switcher.square-top .tabs_buttons li:first-child {
          border-radius: 0; }
      .tabs_buttons:not(.custom-style) li:last-child {
        border-radius: 0 3px 0 0; }
        .tabs_switcher.square-top .tabs_buttons li:last-child {
          border-radius: 0; }
      .tabs_buttons:not(.custom-style) li.active, .tabs_buttons:not(.custom-style) li:hover {
        background: #253450;
        color: #fff; }
      .tabs_buttons:not(.custom-style) li.active:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        border: solid transparent;
        height: 0;
        width: 0;
        pointer-events: none;
        border-color: rgba(37, 52, 80, 0);
        border-top-color: #253450;
        border-width: 10px;
        margin-left: -10px; }
      .tabs_buttons:not(.custom-style) li a {
        display: block;
        color: inherit;
        padding: 15px 5px; }
        .tabs_buttons:not(.custom-style) li a:hover {
          color: #FFF; }
      .tabs_buttons:not(.custom-style) li * {
        transition: none !important; }
      .tabs_buttons:not(.custom-style) li.orange_tab a {
        background-color: #F9A31E;
        color: #fff; }
      .tabs_buttons:not(.custom-style) li.with_counter a span.tab_text {
        position: relative; }
      .tabs_buttons:not(.custom-style) li.with_counter a .count {
        position: absolute;
        top: 50%;
        left: -25px;
        margin: -10px 0 0;
        line-height: 20px;
        background: #fff;
        font-weight: bold;
        border-radius: 100%;
        color: #666;
        text-align: center;
        font-size: 11px;
        min-width: 20px;
        min-height: 20px;
        text-shadow: none; }
  .tabs_switcher .responsive_tabs_button {
    border-bottom: 1px solid #DBDBDB;
    display: none;
    font-weight: bold;
    padding: 10px;
    position: relative; }
    .tabs_switcher .responsive_tabs_button .responsive_tabs_button_text {
      display: inline-block;
      *display: inline;
      zoom: 1; }
  @media only screen and (max-width: 640px) {
    .tabs_switcher:not(.wrapper-fixed) .tabs_buttons {
      display: none;
      width: 100%;
      left: 0;
      position: absolute;
      z-index: 1000;
      border-bottom: none; }
      .tabs_switcher:not(.wrapper-fixed) .tabs_buttons li {
        display: block;
        float: none;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #ccc;
        border-top: none; }
        .tabs_switcher:not(.wrapper-fixed) .tabs_buttons li:after {
          display: none; }
        .tabs_switcher:not(.wrapper-fixed) .tabs_buttons li i {
          display: none; }
    .tabs_switcher:not(.wrapper-fixed).menu_opened > .tabs_buttons {
      display: block;
      border-top: 1px solid #ccc; }
    .tabs_switcher .responsive_tabs_button {
      display: block;
      border-bottom: none;
      background: #eee;
      border-radius: 5px 5px 0 0; }
      .tabs_switcher .responsive_tabs_button {
        background: #FFF;
        border: 1px solid #ccc; }
    .tabs_switcher .responsive_tabs_button .arrow_down {
      float: right;
      font-weight: bold;
      font-size: 20px; }
    .tabs_switcher .tabs_content {
      margin: 20px 0 0 0; } }

.rg-avatar-wrap {
  position: relative;
  overflow: hidden;
  width: 36px;
  height: 36px;
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 3px 4px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  padding: 4px;
  box-sizing: border-box;
  display: inline-block; }
  .rg-avatar-wrap img {
    height: 100%;
    border-radius: 50%;
    transition: ease transform 0.3s; }
  .rg-avatar-wrap.medium {
    width: 64px;
    height: 64px; }
  .rg-avatar-wrap.medium-plus {
    width: 82px;
    height: 82px; }
  .rg-avatar-wrap.large {
    width: 100px;
    height: 100px; }
  .rg-avatar-wrap.x-large {
    width: 200px;
    height: 200px; }
  .rg-avatar-wrap:hover img {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }

/* ======================
    Upload module
====================== */
.upload-module {
  position: relative;
  text-align: center;
  padding: 10px 0; }
  .upload-module:not(.no_separation):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    display: block;
    width: 1px;
    background: #ccc; }
  .upload-module .itcss-button, .upload-module .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .upload-module button {
    margin: 0 0 20px 0; }
  .upload-module .upload_button input[type="file"] {
    position: absolute;
    left: -9999px; }
  .upload-module .supported_formats ul {
    padding: 10px 0 0 0; }
    .upload-module .supported_formats ul li {
      display: inline-block;
      *display: inline;
      zoom: 1;
      font-size: 10px;
      text-transform: uppercase;
      margin: 0 12px 0 0;
      font-weight: bold; }
      .upload-module .supported_formats ul li [class^='icon'] {
        font-size: 18px;
        color: #208ade;
        vertical-align: middle;
        margin: 0 3px 0 0;
        top: 0; }
  .upload-module .selected-file {
    display: none; }
  .upload-module .drag_area {
    font-size: 20px;
    color: #333;
    font-weight: bold; }
    .upload-module .drag_area[class^="icon-"] {
      font-size: 40px;
      display: block;
      color: #0E75C6;
      margin: 0 0 10px 0; }

.upload-module-simple {
  border: 1px solid #ccc;
  position: relative;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 0 0 5px;
  border-radius: 5px; }
  .upload-module-simple input[type="file"] {
    position: absolute;
    left: -9999px; }
  .upload-module-simple .itcss-button, .upload-module-simple .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .upload-module-simple button {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 115px;
    height: 30px;
    margin: 0;
    border-radius: 0 5px 5px 0; }
  .upload-module-simple .selected-file {
    display: block;
    height: 30px;
    word-break: break-all;
    padding: 0 120px 0 0;
    overflow: hidden; }
    .upload-module-simple .selected-file:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 120px;
      width: 25px;
      height: 28px;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f4f4f4 65%); }
  .upload-module-simple.error {
    border-color: #F00; }

/* ======================
  Toggle
====================== */
.js-toggle-handle {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.js-toggle-indicator {
  display: inline-block;
  transition: all 0.25s ease-in-out; }

.js-toggle-collapsed .js-toggle-indicator {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.js-toggle-collapsed .js-toggle-expanded .js-toggle-indicator {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.js-toggle-collapsed .js-toggle-target {
  display: none; }

.js-toggle-expanded .js-toggle-target {
  display: block; }

.js-toggle-collapsed .js-toggle-collapsed .js-toggle-indicator, .js-toggle-expanded .js-toggle-collapsed .js-toggle-indicator {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.js-toggle-collapsed .js-toggle-collapsed .js-toggle-target, .js-toggle-expanded .js-toggle-collapsed .js-toggle-target {
  display: none; }

.js-toggle-collapsed .js-toggle-expanded .js-toggle-target, .js-toggle-expanded .js-toggle-expanded .js-toggle-target {
  display: block; }

.js-toggle-target[data-target] {
  display: none; }
  .js-toggle-target[data-target].js-toggle-expanded {
    display: block; }

.no_items_section {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
  margin: 0 0 30px;
  background: #F4F4F4;
  font-size: 14px;
  color: #717171;
  line-height: 1.3;
  text-align: center; }
  .no_items_section p {
    margin: 20px; }
  .no_items_section .add_element_button {
    display: inline-block;
    font-weight: bold;
    padding: 0 20px;
    vertical-align: middle;
    border-style: solid; }
    .no_items_section .add_element_button [class^="icon-"], .no_items_section .add_element_button [class*=" icon-"] {
      font-size: 28px; }

.basket-compartment {
  text-align: left; }
  .basket-compartment + .basket-compartment {
    border-top: 1px solid #ccc; }
  .basket-compartment-title {
    font-size: 14px;
    font-weight: normal;
    padding: 18px 20px;
    margin: 0; }
  .basket-compartment-list {
    padding: 0 20px; }
  .basket-compartment-item {
    display: table;
    width: 100%;
    padding: 20px 0 15px;
    border-bottom: 1px solid #DFDFDF;
    position: relative; }
  #basket-content .basket-compartment-item-delete {
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 20px;
    text-align: center;
    color: #666; }
  .basket-compartment-item-image {
    display: table-cell;
    width: 110px;
    vertical-align: middle;
    text-align: center; }
  .basket-compartment-item-content {
    display: table-cell;
    padding-left: 20px;
    padding-right: 35px; }
  .basket-compartment-item-title {
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin: 0 0 8px;
    font-weight: bold; }
  .basket-compartment-item-type {
    font-size: 12px;
    color: #666;
    margin: 0 0 10px; }
  .basket-compartment-item-value {
    font-size: 12px;
    color: #666;
    margin: 0 0 8px; }
  .basket-compartment-item-discount {
    font-size: 12px;
    color: #498600;
    margin: 0 0 8px; }
  .basket-compartment-item-total {
    font-size: 14px;
    color: #333;
    font-weight: bold; }
  .basket-compartment-total {
    font-size: 16px;
    display: table-row;
    font-weight: bold; }
    .basket-compartment-total-container {
      margin: 20px 0;
      text-align: right;
      display: table;
      width: 100%; }
    .basket-compartment-total.saved {
      font-size: 12px;
      color: #498600;
      font-weight: normal; }
    .basket-compartment-total-label {
      display: table-cell; }
    .basket-compartment-total-value {
      display: table-cell;
      padding: 0 20px;
      width: 60px; }
  .basket-compartment-buttons-container {
    margin: 0 -10px 20px;
    padding: 0 20px; }
    .basket-compartment-buttons-container .itcss-button, .basket-compartment-buttons-container .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .basket-compartment-buttons-container button {
      display: block; }
    .basket-compartment-buttons-container .basket-compartment-button {
      float: left;
      width: 50%;
      padding: 0 10px;
      box-sizing: border-box; }

.my-account-savings-info {
  padding: 0 10px; }
  .my-account-savings-info.hidden {
    display: none; }
  .my-account-savings-info ul {
    display: table;
    height: 100%;
    float: right; }
    .my-account-savings-info ul li {
      display: table-cell;
      vertical-align: middle;
      font-size: 12px;
      padding: 0 0 0 25px;
      min-width: 110px; }
      .my-account-savings-info ul li > a, .my-account-savings-info ul li > a:hover {
        color: #333; }
      .my-account-savings-info ul li.hidden {
        display: none; }
      .my-account-savings-info ul li:first-child {
        padding-left: 0; }
      .my-account-savings-info ul li .title {
        display: block;
        white-space: nowrap;
        position: relative; }
        .my-account-savings-info ul li .title br {
          display: none; }
      .my-account-savings-info ul li .amount {
        display: block;
        font-size: 24px;
        white-space: nowrap;
        transition: all 0.25s ease-in-out;
        opacity: 1; }
        .my-account-savings-info ul li .amount small {
          font-size: 16px; }
        .my-account-savings-info ul li .amount .svg-icon {
          font-size: 16px; }
      .my-account-savings-info ul li .itcss-button, .my-account-savings-info ul li .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .my-account-savings-info ul li button {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        top: 100%;
        padding: 6px 7px;
        margin: 3px 0 0 0;
        letter-spacing: normal;
        left: 0;
        max-width: 100%;
        transition: all 0.25s ease-in-out; }
        .my-account-savings-info ul li .itcss-button .svg-icon, .my-account-savings-info ul li .notification-preferences-confirm.sweet-alert .sa-button-container button .svg-icon, .notification-preferences-confirm.sweet-alert .sa-button-container .my-account-savings-info ul li button .svg-icon {
          color: #FFF !important; }
      .my-account-savings-info ul li:hover .itcss-button, .my-account-savings-info ul li:hover .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .my-account-savings-info ul li:hover button {
        opacity: 1;
        pointer-events: auto;
        visibility: visible; }
      .my-account-savings-info ul li:hover .amount {
        opacity: 0;
        visibility: hidden;
        pointer-events: none; }
      .my-account-savings-info ul li.total-savings .svg-icon {
        color: #FCBC00; }
      .my-account-savings-info ul li.approved-cashback .svg-icon {
        color: #39A719; }
      .my-account-savings-info ul li.pending-cashback .svg-icon {
        color: #FF5E00; }

.my-account-slideout-details {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #ccc; }
  .lt-ie10 .my-account-slideout-details {
    display: table;
    width: 100%; }

.my-account-slideout-avatar-container {
  padding: 20px 0 20px 20px; }
  .lt-ie10 .my-account-slideout-avatar-container {
    display: table-cell;
    width: 80px; }

.my-account-slideout-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 6px solid #F2F2F2; }
  .my-account-slideout-avatar img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 50%; }

.my-account-slideout-content {
  padding: 20px;
  vertical-align: middle;
  overflow: hidden; }
  .lt-ie10 .my-account-slideout-content {
    display: table-cell; }
  .my-account-slideout-content .slideout-link {
    display: block;
    font-size: 14px;
    margin: 0 0 10px 0; }
    .my-account-slideout-content .slideout-link .svg-icon {
      position: relative;
      top: -1px;
      font-size: 20px; }

.my-account-slideout-name {
  color: #666;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 300; }

.my-account-slideout-email {
  margin: 5px 0 15px 0;
  font-size: 12px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap; }
  .lt-ie10 .my-account-slideout-email {
    white-space: normal;
    word-break: break-all; }

.my-account-slideout-cards {
  padding: 20px; }
  .my-account-slideout-cards-container + .my-account-slideout-cards-container {
    margin-top: 30px; }
  .my-account-slideout-cards .cards-slideshow .owl-nav {
    position: static;
    width: 100%;
    top: 0; }
    .my-account-slideout-cards .cards-slideshow .owl-nav i {
      position: absolute;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      left: 50%;
      top: 50%;
      margin: -10px 0 0 -10px; }
    .my-account-slideout-cards .cards-slideshow .owl-nav .owl-prev {
      position: absolute;
      top: 0;
      left: -20px;
      width: 20px;
      height: 100%;
      background: #F3F3F3; }
    .my-account-slideout-cards .cards-slideshow .owl-nav .owl-next {
      position: absolute;
      top: 0;
      right: -20px;
      width: 20px;
      height: 100%;
      background: #F3F3F3; }
  .my-account-slideout-cards .card-item {
    display: table;
    width: 100%; }
    .my-account-slideout-cards .card-item-container {
      display: block;
      text-align: left;
      padding: 10px 0;
      min-height: 50px; }
    .my-account-slideout-cards .card-item-image {
      display: table-cell;
      width: 70px; }
      .my-account-slideout-cards .card-item-image img {
        display: block;
        width: 100%;
        height: auto; }
    .my-account-slideout-cards .card-item-content {
      display: table-cell;
      vertical-align: top;
      padding: 0 0 0 10px;
      font-size: 10px;
      color: #666; }
    .my-account-slideout-cards .card-item-title {
      font-size: 12px; }
  .my-account-slideout-cards-empty p {
    line-height: 1.2; }

.my-account-slideout .api-card {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 20px;
  display: block;
  width: 200px;
  height: 127px; }

.my-account-slideout .my-account-savings-info {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 0 20px; }
  .my-account-slideout .my-account-savings-info ul {
    float: none; }
  .my-account-slideout .my-account-savings-info li {
    padding-top: 15px;
    padding-bottom: 15px; }
    .my-account-slideout .my-account-savings-info li .title br {
      display: block; }

@media only screen and (max-width: 960px) {
  .my-account-slideout .my-account-savings-info ul {
    border: none !important; }
  .my-account-slideout .my-account-savings-info li {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    min-width: 0; } }

.support-slideout .enquiries-history {
  width: 100%;
  display: table; }
  .support-slideout .enquiries-history-row {
    display: table-row; }
    .support-slideout .enquiries-history-row .title:before {
      content: '';
      position: absolute;
      width: 15px;
      height: 100%;
      left: -20px;
      top: -1px;
      border-left: 5px solid transparent;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      transition: all 0.25s ease-in-out; }
    .support-slideout .enquiries-history-row .status:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 100%;
      right: -20px;
      top: -1px;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
      transition: all 0.25s ease-in-out; }
    .support-slideout .enquiries-history-row:hover {
      background-color: #F2F2F2; }
      .support-slideout .enquiries-history-row:hover .title:before {
        background-color: #F2F2F2;
        border-left-color: #292E80;
        border-top-color: #ccc;
        border-bottom-color: #ccc; }
      .support-slideout .enquiries-history-row:hover .status:before {
        background-color: #F2F2F2;
        border-top-color: #ccc;
        border-bottom-color: #ccc; }
    .support-slideout .enquiries-history-row.heading .enquiries-history-cell {
      font-size: 12px;
      text-align: left;
      font-weight: 300;
      color: #666;
      padding: 0 0 10px; }
      .support-slideout .enquiries-history-row.heading .enquiries-history-cell:before {
        display: none; }
    .support-slideout .enquiries-history-row.heading:hover {
      background-color: transparent; }
  .support-slideout .enquiries-history-cell {
    display: table-cell;
    position: relative;
    padding: 10px 0;
    vertical-align: middle;
    border-bottom: 1px solid #ccc; }
    .support-slideout .enquiries-history-cell.title {
      font-size: 14px;
      font-weight: normal;
      color: #333; }
    .support-slideout .enquiries-history-cell.date {
      font-size: 12px;
      font-weight: 300;
      color: #666;
      padding-left: 10px; }
    .support-slideout .enquiries-history-cell.status {
      font-size: 12px;
      font-weight: 300;
      padding-left: 10px; }
      .support-slideout .enquiries-history-cell.status.pending {
        color: #ED7112; }
      .support-slideout .enquiries-history-cell.status.active {
        color: #5DAB00; }

.support-slideout .support-search {
  position: relative; }
  .support-slideout .support-search input {
    padding: 0 50px 0 10px;
    height: 40px; }
  .support-slideout .support-search button {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #262626;
    color: #FFF;
    border-radius: 5px;
    transition: all 0.25s ease-in-out; }
    .support-slideout .support-search button .svg-icon {
      font-size: 20px; }

.support-slideout .knowledge-base-item {
  display: block;
  margin: 0 -20px -1px;
  padding: 0 20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
  .support-slideout .knowledge-base-item-content {
    padding: 20px 0;
    display: block;
    border-bottom: 1px solid #ccc;
    margin: 0 0 -1px; }
  .support-slideout .knowledge-base-item:hover {
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    background: #F2F2F2; }
  .support-slideout .knowledge-base-item strong {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #333; }
  .support-slideout .knowledge-base-item span {
    display: block;
    font-weight: 300;
    font-size: 12px;
    color: #666; }

.support-slideout .faq-list-item + .faq-list-item {
  border-top: 1px solid #ccc; }

.support-slideout .faq-list-item:first-child .faq-list-item-title {
  padding-top: 0; }

.support-slideout .faq-list-item-title {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
  display: block;
  color: #333; }

.support-slideout .faq-list-item-content {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  color: #666; }

.favourites-content-list {
  position: relative; }
  .favourites-content-list:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    bottom: 20px; }
  .favourites-content-list.empty {
    display: none; }
  .favourites-content-list-item {
    width: 33.3333%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    padding: 0 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc; }
    .favourites-content-list-item-container {
      position: relative; }
    .favourites-content-list-item-logo {
      display: block;
      width: 100%;
      height: auto; }
    .favourites-content-list-item-remove {
      position: absolute;
      right: -5px;
      bottom: -5px;
      color: #f2a900 !important;
      background: #fff;
      width: 22px;
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      text-align: center;
      box-sizing: border-box;
      border: 1px solid #ccc;
      border-radius: 50%;
      transition: all 0.25s ease-in-out; }
      .favourites-content-list-item-remove [class^="icon-"], .favourites-content-list-item-remove [class*=" icon-"] {
        top: 0; }
      .favourites-content-list-item-remove:hover {
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
    .favourites-content-list-item-revert {
      position: absolute;
      width: 100%;
      height: 100%;
      color: #056BCC;
      padding: 5px;
      font-size: 12px;
      font-weight: normal;
      background: #e6f0f9;
      border-radius: 5px;
      transition: none;
      left: -5px;
      top: -5px;
      opacity: 0;
      visibility: hidden; }
      .favourites-content-list-item-revert strong {
        display: block;
        font-weight: bold;
        font-size: 14px;
        margin-top: 2px; }
      .favourites-content-list-item-revert.visible {
        opacity: 1;
        visibility: visible; }
    .favourites-content-list-item .itcss-loader {
      top: -5px !important; }

.favourites-content-empty-container {
  margin: -20px;
  display: none; }
  .favourites-content-empty-container.empty {
    display: block; }

.favourites-content-empty-content {
  display: table;
  width: 100%;
  border-bottom: 1px solid #ccc; }
  .favourites-content-empty-content .text {
    display: table-cell;
    vertical-align: middle;
    padding: 20px; }
  .favourites-content-empty-content .icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 80px;
    color: #292E80;
    width: 120px;
    text-align: right;
    padding: 20px; }

#language-content .lang-options-list-item {
  border-bottom: 1px solid #ccc; }
  #language-content .lang-options-list-item a {
    display: block;
    position: relative;
    font-size: 16px;
    padding: 10px 40px 10px 10px;
    color: #333; }
    #language-content .lang-options-list-item a .svg-icon {
      position: absolute;
      top: 50%;
      right: 10px;
      margin: -10px 0 0 0;
      font-size: 20px; }

.menu-overlay, #user-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.25s ease-in-out; }

#user-nav-overlay {
  position: absolute;
  padding: 1px 0 0 0; }

.open-slideout .menu-overlay, .open-slideout #user-nav-overlay, .open-main-nav .menu-overlay {
  opacity: 0.3;
  visibility: visible;
  pointer-events: auto; }

#main-title-holder {
  max-width: 1080px;
  box-sizing: border-box;
  padding: 20px 14px;
  margin: 0 auto; }
  #main-title-holder .inner {
    max-width: 930px;
    margin: 0 auto; }

#itcss-header {
  background: #FFF;
  box-shadow: 0px 0px 5px 0px #060606;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
  padding-top: 104px; }
  #itcss-header.sticky #top-bar {
    box-shadow: 0px 0px 5px 0px #060606;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    padding: 10px 0 10px 20px; }
  #itcss-header #top-bar {
    display: table;
    padding: 20px 0 20px 20px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    background: #FFF;
    transition: all 0.25s ease-in-out;
    transition-property: padding-top, padding-bottom; }
    #itcss-header #top-bar.no-animation {
      transition: none; }
    #itcss-header #top-bar .impersonate-message {
      z-index: auto; }
    #itcss-header #top-bar #global-message, #itcss-header #top-bar .impersonate-message {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    #itcss-header #top-bar .logo-holder, #itcss-header #top-bar #smart-finder, #itcss-header #top-bar #user-navigation {
      display: table-cell;
      vertical-align: middle;
      width: 1%; }
    #itcss-header #top-bar #logo img {
      max-width: 210px;
      max-height: 60px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        #itcss-header #top-bar #logo img {
          /* target ie10 and ie11 */
          width: 210px;
          height: 60px; } }
      .lt-ie10 #itcss-header #top-bar #logo img {
        width: 210px;
        height: 60px; }
      .nav-v2 #itcss-header #top-bar #logo img {
        max-width: 250px; }
    #itcss-header #top-bar #smart-finder {
      width: auto;
      padding: 0 5%; }
      #itcss-header #top-bar #smart-finder .input-container {
        position: relative; }
      #itcss-header #top-bar #smart-finder fieldset {
        transition: all 0.25s ease-in-out; }
      #itcss-header #top-bar #smart-finder input {
        padding: 0 50px 0 10px;
        height: 40px;
        border: 2px solid #ccc;
        transition: all 0.25s ease-in-out;
        outline: none; }
      #itcss-header #top-bar #smart-finder button {
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        background: #262626;
        border-radius: 5px;
        color: #FFF;
        transition: all 0.25s ease-in-out; }
        #itcss-header #top-bar #smart-finder button .svg-icon {
          font-size: 20px; }
      #itcss-header #top-bar #smart-finder.active fieldset {
        position: fixed;
        z-index: 12; }
        #itcss-header #top-bar #smart-finder.active fieldset input {
          border-radius: 0;
          border-color: transparent;
          border-left: none;
          border-right: none;
          border-bottom-color: #979797;
          background: none;
          padding-right: 10px; }
      #itcss-header #top-bar #smart-finder.active:not(.closing) fieldset {
        left: 15% !important;
        right: 15% !important;
        top: 20px !important; }
        @media only screen and (min-width: 961px) {
          #itcss-header #top-bar #smart-finder.active:not(.closing) fieldset .input-container {
            padding-right: 60px; }
          #itcss-header #top-bar #smart-finder.active:not(.closing) fieldset button {
            height: 50px;
            width: 50px; }
          #itcss-header #top-bar #smart-finder.active:not(.closing) fieldset input {
            height: 50px;
            font-size: 25px; } }
      #itcss-header #top-bar #smart-finder.active:not(.closing) .smartfinder-dropdown {
        visibility: visible;
        opacity: 1; }
      #itcss-header #top-bar #smart-finder .smartfinder-dropdown {
        visibility: hidden;
        opacity: 0;
        position: fixed;
        z-index: 11;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 100px 0 0 0;
        box-sizing: border-box;
        background: #FFF;
        transition: all 0.25s ease-in-out; }
        #itcss-header #top-bar #smart-finder .smartfinder-dropdown-content {
          overflow: auto;
          height: 100%; }
        #itcss-header #top-bar #smart-finder .smartfinder-dropdown .close-smartfinder {
          position: absolute;
          top: 20px;
          right: 20px;
          font-size: 30px;
          text-align: center;
          color: #333; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .close-smartfinder span {
            display: block;
            font-size: 14px; }
        #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results {
          text-align: center;
          font-size: 0;
          padding-bottom: 30px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .match-highlight {
            background: #F8E71C;
            font-style: normal; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .column-heading {
            font-size: 13px;
            text-transform: uppercase;
            color: #292E80;
            margin: 0 0 25px 0; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .column {
            display: inline-block;
            box-sizing: border-box;
            width: 33.33%;
            padding: 0 15px;
            vertical-align: top;
            font-size: 14px;
            text-align: left;
            position: relative; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .no-results-icon {
            display: block;
            margin: 70px auto 30px;
            font-size: 200px;
            color: #f2f2f2;
            text-align: center; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group > li > a {
            display: table;
            width: 100%;
            margin: 0 0 10px 0;
            color: #262626; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group > li > a:hover {
              background: #F2F2F2; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group > li > a > * {
              display: table-cell;
              vertical-align: middle; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .suggestion {
            float: left; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .suggest-item {
            display: inline;
            background: #F8E71C;
            color: #262626;
            padding: 1px 3px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .search-help {
            float: right;
            display: inline-block;
            border-bottom: 1px solid #ccc;
            color: #00A8EF;
            width: auto;
            margin: 0; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .search-help:hover {
              background: none; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .no-suggestion {
            text-align: center; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .no-suggestion .search-help {
              float: none; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .item-image {
            width: 90px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .item-image .image-background {
              display: block;
              margin: 10px;
              padding: 5px;
              box-sizing: border-box;
              background-color: #ffffff;
              text-align: center; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .item-image img {
              width: 90px;
              height: auto;
              vertical-align: middle;
              /* Fix image alignment */
              /* Handle the alt tag styling when there is no image for some reason */
              font-size: 10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .item-text {
            padding: 0 0 0 30px;
            font-size: 14px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .item-text .title {
              display: block;
              font-size: 16px;
              margin: 0 0 10px 0; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group .item-text .extra {
              font-size: 12px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.offer li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.offer .item-text .title {
            font-size: 20px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.offer .item-text .extra {
            color: #498600; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.page li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.article li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.retailer li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.retailer .item-text .title {
            font-size: 20px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.retailer .item-text span {
            font-size: 12px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.retailer .item-price {
            font-size: 12px;
            width: 50px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.retailer .item-price strong {
              display: block;
              font-size: 20px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smarttech li > a {
            margin: 0 -10px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smarttech li > a.view-more {
              padding: 10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smartfit li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smartfit .item-text .title {
            font-size: 20px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smartfit .item-text span {
            font-size: 12px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smartfit .item-price {
            font-size: 12px;
            width: 50px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.smartfit .item-price strong {
              display: block;
              font-size: 20px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.quick-links li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.quick-links .item-icon {
            font-size: 36px;
            width: 50px;
            color: #7f7f7f;
            vertical-align: middle; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.quick-links .item-text {
            font-size: 16px;
            vertical-align: middle; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories li > a {
            padding: 10px;
            margin: 0 -10px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories .item-icon {
            font-size: 36px;
            width: 50px;
            color: #7f7f7f; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories .item-content {
            padding-right: 30px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories .item-title {
            display: block;
            font-size: 16px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories .item-description {
            font-size: 12px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories .item-count {
            text-align: center;
            font-size: 12px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .result-group.categories .item-count .count {
              display: block;
              font-size: 24px; }
          #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .banner-listing {
            text-align: justify;
            font-size: 0;
            margin: 0 -20px; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .banner-listing:after {
              content: "";
              display: inline-block;
              width: 100%; }
            #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .banner-listing .banner {
              width: 50%;
              box-sizing: border-box;
              display: inline-block;
              padding: 0 20px 20px 20px; }
              #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .banner-listing .banner img {
                width: 100%; }
  #itcss-header #user-navigation > ul {
    position: relative;
    white-space: nowrap;
    font-size: 0; }
    #itcss-header #user-navigation > ul.active {
      z-index: 12; }
    #itcss-header #user-navigation > ul li {
      display: inline-block;
      text-align: center;
      position: relative;
      vertical-align: top; }
      #itcss-header #user-navigation > ul li:after {
        content: "";
        position: absolute;
        left: -1px;
        top: 50%;
        height: 42px;
        margin: -21px 0 0 0;
        width: 1px;
        background: #C6C6C6; }
      #itcss-header #user-navigation > ul li:first-child + li:after {
        display: none; }
      #itcss-header #user-navigation > ul li.active {
        overflow: hidden;
        padding: 0 10px;
        margin: 0 -10px; }
        #itcss-header #user-navigation > ul li.active:after, #itcss-header #user-navigation > ul li.active + li:after, #itcss-header #user-navigation > ul li.active + .mobile-display + li:after {
          display: none; }
      .open-slideout #itcss-header #user-navigation > ul li.active > a {
        box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
        background: #FFF; }
        .open-slideout #itcss-header #user-navigation > ul li.active > a:after, .open-slideout #itcss-header #user-navigation > ul li.active > a:before {
          visibility: visible;
          opacity: 1; }
        .open-slideout #itcss-header #user-navigation > ul li.active > a use {
          opacity: 0; }
          .open-slideout #itcss-header #user-navigation > ul li.active > a use.use-close {
            opacity: 1; }
        .open-slideout #itcss-header #user-navigation > ul li.active > a .new-items-counter {
          opacity: 0; }
      #itcss-header #user-navigation > ul li a {
        position: relative;
        display: block;
        font-size: 14px;
        text-transform: uppercase;
        color: #333;
        padding: 10px; }
        #itcss-header #user-navigation > ul li a .svg-icon {
          color: #292E80;
          font-size: 20px;
          margin: 0 0 5px; }
          #itcss-header #user-navigation > ul li a .svg-icon use {
            transition: all 0.25s ease-in-out; }
            #itcss-header #user-navigation > ul li a .svg-icon use.use-close {
              opacity: 0;
              color: #999; }
        #itcss-header #user-navigation > ul li a span {
          display: block; }
        #itcss-header #user-navigation > ul li a:before, #itcss-header #user-navigation > ul li a:after {
          content: "";
          position: absolute;
          left: 0;
          visibility: hidden;
          opacity: 0;
          transition: all 0.25s ease-in-out; }
        #itcss-header #user-navigation > ul li a:before {
          top: 0;
          height: 4px;
          width: 100%;
          background: #292E80; }
      #itcss-header #user-navigation > ul li .new-items-counter {
        position: absolute;
        transition: all 0.25s ease-in-out;
        border-radius: 50%;
        border: 2px solid #fff;
        top: 5px;
        left: 50%;
        background: #DF4661;
        color: #fff;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        font-size: 8px;
        opacity: 1; }
      #itcss-header #user-navigation > ul li .new-items-counter:before,
      #itcss-header #user-navigation > ul li .new-items-counter:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        opacity: 0;
        background: #DF4661;
        animation: counter-animation-outer 1.5s 3; }
      #itcss-header #user-navigation > ul li .new-items-counter:after {
        animation-name: counter-animation-inner; }

@keyframes counter-animation-outer {
  0% {
    transform: scale(1);
    opacity: 0; }
  50% {
    opacity: 0.2; }
  100% {
    transform: scale(4);
    opacity: 0; } }

@keyframes counter-animation-inner {
  0% {
    transform: scale(1);
    opacity: 0; }
  35% {
    transform: scale(1);
    opacity: 0; }
  55% {
    opacity: 0.2; }
  100% {
    transform: scale(4);
    opacity: 0; } }
      #itcss-header #user-navigation > ul li.mobile-display {
        display: none; }
  #itcss-header #main-nav-container {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    transition: box-shadow .25s ease-in-out; }
    #itcss-header #main-nav-container.loading {
      overflow: hidden; }
      .js-disabled #itcss-header #main-nav-container.loading {
        overflow: visible; }
    #itcss-header #main-nav-container:hover {
      box-shadow: inset 0px -10px 10px -7px rgba(0, 0, 0, 0.1); }
    .lt-ie10 #itcss-header #main-nav-container {
      display: table;
      width: 100%; }
      .lt-ie10 #itcss-header #main-nav-container #user-account-info {
        display: table-cell;
        width: 1%;
        vertical-align: top; }
  #itcss-header #main-navigation {
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    flex-grow: 1; }
    .lt-ie10 #itcss-header #main-navigation {
      display: table-cell; }
    #itcss-header #main-navigation #mobile-menu-top-bar {
      display: none; }
    #itcss-header #main-navigation > ul {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: 100%; }
      .lt-ie10 #itcss-header #main-navigation > ul {
        display: table; }
      #itcss-header #main-navigation > ul:hover > li:hover > a, #itcss-header #main-navigation > ul > li.active > a {
        background: #292E80;
        color: #FFF; }
        #itcss-header #main-navigation > ul:hover > li:hover > a:before, #itcss-header #main-navigation > ul > li.active > a:before {
          border-color: #FFF !important; }
      #itcss-header #main-navigation > ul > li {
        border-right: 1px solid #ccc;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        flex-grow: 1;
        max-width: 250px;
        min-width: 130px;
        position: relative;
        transition: all 0.25s ease-in-out;
        transition-property: border-color; }
        #itcss-header #main-navigation > ul > li.hidden {
          display: none; }
        #itcss-header #main-navigation > ul > li.home, #itcss-header #main-navigation > ul > li.more {
          min-width: auto; }
        #itcss-header #main-navigation > ul > li.mega-menu {
          position: static; }
        .lt-ie10 #itcss-header #main-navigation > ul > li {
          display: table-cell;
          vertical-align: bottom; }
        .js-disabled #itcss-header #main-navigation > ul > li:hover, #itcss-header #main-navigation > ul > li.hover {
          border-bottom-color: #FFF; }
          .js-disabled #itcss-header #main-navigation > ul > li:hover .nav-dropdown, #itcss-header #main-navigation > ul > li.hover .nav-dropdown {
            opacity: 1;
            top: 100%;
            visibility: visible;
            pointer-events: auto; }
        #itcss-header #main-navigation > ul > li.home {
          flex-grow: 0; }
          #itcss-header #main-navigation > ul > li.home a {
            padding-right: 15px;
            padding-left: 15px; }
        #itcss-header #main-navigation > ul > li > a {
          position: relative;
          font-size: 16px;
          display: table;
          height: 100%;
          width: 100%;
          padding: 10px;
          box-sizing: border-box;
          color: #333;
          transition: all 0.25s ease-in-out;
          transition-property: background-color; }
          #itcss-header #main-navigation > ul > li > a * {
            transition: none; }
          #itcss-header #main-navigation > ul > li > a .svg-icon {
            font-size: 35px; }
          #itcss-header #main-navigation > ul > li > a .main-link-text {
            display: table-cell;
            vertical-align: middle; }
            #itcss-header #main-navigation > ul > li > a .main-link-text .title {
              font-weight: bold; }
            #itcss-header #main-navigation > ul > li > a .main-link-text small {
              display: block;
              font-size: 12px;
              margin: 5px 0 0 0; }
              @media only screen and (max-width: 980px) {
                #itcss-header #main-navigation > ul > li > a .main-link-text small {
                  display: none; } }
            #itcss-header #main-navigation > ul > li > a .main-link-text .text-icon {
              display: none; }
        #itcss-header #main-navigation > ul > li.has-dropdown > a {
          padding-right: 30px; }
          #itcss-header #main-navigation > ul > li.has-dropdown > a:before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            border-left: 1px solid #333;
            border-bottom: 1px solid #333;
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            right: 10px;
            top: 50%;
            margin: -4px 0 0 0; }
      #itcss-header #main-navigation > ul .nav-column-container {
        margin: 0 -10px; }
      #itcss-header #main-navigation > ul li.mega-menu .nav-dropdown {
        padding: 30px 15px; }
      #itcss-header #main-navigation > ul li.more .nav-dropdown {
        right: 0;
        left: auto;
        width: 200px; }
        #itcss-header #main-navigation > ul li.more .nav-dropdown .main-link-text .title {
          display: block; }
      #itcss-header #main-navigation > ul > li:not(.mega-menu) ul {
        border-top: 1px solid #ccc; }
        #itcss-header #main-navigation > ul > li:not(.mega-menu) ul li {
          border-bottom: 1px solid #ccc;
          margin: 0; }
          #itcss-header #main-navigation > ul > li:not(.mega-menu) ul li.duplicated-link {
            display: none; }
          #itcss-header #main-navigation > ul > li:not(.mega-menu) ul li:last-child {
            border: none; }
          #itcss-header #main-navigation > ul > li:not(.mega-menu) ul li a {
            display: block;
            padding: 10px; }
      #itcss-header #main-navigation > ul .nav-dropdown {
        pointer-events: none;
        visibility: hidden;
        position: absolute;
        opacity: 0;
        top: 80%;
        left: 0;
        right: 0;
        background: #FFF;
        transition: all 0.25s ease-in-out;
        box-shadow: 0 4px 5px 0px #0a0a0a;
        box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.2); }
        #itcss-header #main-navigation > ul .nav-dropdown li:last-child {
          margin: 0; }
        #itcss-header #main-navigation > ul .nav-dropdown li a {
          font-size: 14px;
          color: #333;
          padding: 10px 5px;
          display: block; }
        #itcss-header #main-navigation > ul .nav-dropdown li:hover > a {
          background: #F2F2F2; }
        #itcss-header #main-navigation > ul .nav-dropdown ul.retail-categories li a {
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
          white-space: nowrap; }
          #itcss-header #main-navigation > ul .nav-dropdown ul.retail-categories li a .svg-icon {
            font-size: 18px;
            margin: 0 5px 0 0; }
        #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li {
          position: relative; }
          #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li.has-dropdown > a {
            padding-right: 20px; }
            #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li.has-dropdown > a:before {
              content: "";
              display: block;
              width: 6px;
              height: 6px;
              border-left: 1px solid #333;
              border-bottom: 1px solid #333;
              -moz-transform: rotate(-135deg);
              -o-transform: rotate(-135deg);
              -ms-transform: rotate(-135deg);
              -webkit-transform: rotate(-135deg);
              transform: rotate(-135deg);
              position: absolute;
              right: 10px;
              top: 50%;
              margin: -3px 0 0 0; }
          #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li ul {
            display: none;
            position: absolute;
            top: -1px;
            left: 100%;
            width: 100%;
            border: 1px solid #ccc;
            background: #FFF; }
          #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li.reverse-dropdown > ul {
            right: 100%;
            left: auto; }
          #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li.reverse-dropdown > a {
            padding-right: 10px;
            padding-left: 20px; }
            #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li.reverse-dropdown > a:before {
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              right: auto;
              left: 10px; }
          .js-disabled #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li:hover ul, #itcss-header #main-navigation > ul .nav-dropdown:not(.more-container) > li.hover ul {
            display: block; }
        #itcss-header #main-navigation > ul .nav-dropdown .nav-column {
          float: left;
          box-sizing: border-box;
          width: 16.66%;
          padding: 0 10px;
          text-align: left; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double {
            width: 33.32%; }
            #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul {
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul li {
                width: 50%; }
                #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul li a:nth-child(odd) {
                  padding-right: 10px; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul.trending-offers li {
                width: 100%; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column h3 {
            color: #292E80;
            text-transform: uppercase;
            font-size: 13px;
            margin: 0 0 20px 0;
            letter-spacing: 0.2em; }
            #itcss-header #main-navigation > ul .nav-dropdown .nav-column h3 .svg-icon {
              font-size: 18px;
              margin: -1px 0 0 0; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column ul li small {
            display: block; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column .trending-offers li {
            padding: 0 20px 0 0;
            box-sizing: border-box; }
            #itcss-header #main-navigation > ul .nav-dropdown .nav-column .trending-offers li .inner {
              display: table;
              width: 100%; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column .trending-offers li .inner > * {
                display: table-cell;
                vertical-align: middle; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column .trending-offers li .inner .item-image {
                width: 90px;
                vertical-align: top; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column .trending-offers li .inner .item-text {
                padding: 0 0 0 10px; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column .discount-menu-banner {
            float: left;
            margin: 0 20px 20px; }
        #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container .nav-dropdown {
          display: none;
          right: 100%;
          top: 0; }
        #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container ul {
          left: auto;
          right: 100%; }
        #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container li {
          position: relative; }
          #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container li.has-dropdown > a {
            padding-left: 20px; }
            #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container li.has-dropdown > a:before {
              content: "";
              display: block;
              width: 6px;
              height: 6px;
              border-left: 1px solid #333;
              border-bottom: 1px solid #333;
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              position: absolute;
              left: 10px;
              top: 50%;
              margin: -3px 0 0 0; }
        .js-disabled #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container li:hover .nav-dropdown, #itcss-header #main-navigation > ul .nav-dropdown #hidden-links-container li.hover .nav-dropdown {
          display: block;
          margin: -1px 0 0 0; }
  #itcss-header .header_placeholder .buttons_container {
    margin-bottom: 0; }
  #itcss-header .ui-slideout {
    box-sizing: border-box;
    padding: 90px 0 0 0;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    max-width: 100%;
    background: #FFF;
    z-index: 11;
    transition: all 0.25s ease-in-out; }
    #itcss-header .ui-slideout[aria-hidden="true"] {
      -moz-transform: translate(100%, 0);
      -o-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
      -webkit-transform: translate(100%, 0);
      transform: translate(100%, 0);
      visibility: hidden; }
    #itcss-header .ui-slideout:before {
      content: "";
      position: absolute;
      left: 0;
      width: 100%;
      height: 10px;
      margin: -11px 0 0 0;
      box-shadow: inset 0px -10px 10px -7px rgba(0, 0, 0, 0.1); }
    #itcss-header .ui-slideout .itcss-loader {
      top: auto; }
    #itcss-header .ui-slideout-content {
      height: 100%;
      overflow: auto;
      text-align: left;
      box-sizing: border-box; }
      #itcss-header .ui-slideout-content-section {
        padding: 20px; }
        #itcss-header .ui-slideout-content-section + .ui-slideout-content-section {
          border-top: 1px solid #ccc; }
      #itcss-header .ui-slideout-content-section-title {
        font-size: 18px;
        font-weight: normal;
        color: #666;
        margin-bottom: 20px; }
      #itcss-header .ui-slideout-content-title {
        font-size: 14px;
        font-weight: normal;
        display: block;
        margin-bottom: 20px; }
      #itcss-header .ui-slideout-content-description {
        font-size: 12px;
        line-height: 1.2;
        margin-bottom: 20px; }
      #itcss-header .ui-slideout-content-more {
        display: inline-block;
        margin-top: 20px; }
      #itcss-header .ui-slideout-content-wrapper {
        padding-bottom: 70px; }
      #itcss-header .ui-slideout-content-header {
        padding: 20px; }
      #itcss-header .ui-slideout-content-footer {
        position: absolute;
        z-index: 5;
        bottom: 0;
        background: #fff;
        width: 100%;
        padding: 10px 20px;
        overflow: hidden;
        box-shadow: 0px -10px 10px -7px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #ccc;
        box-sizing: border-box; }
        #itcss-header .ui-slideout-content-footer a {
          font-weight: 500; }
          #itcss-header .ui-slideout-content-footer a svg {
            font-size: 20px; }
          #itcss-header .ui-slideout-content-footer a:first-child {
            float: left; }
          #itcss-header .ui-slideout-content-footer a:last-child {
            float: right; }
      #itcss-header .ui-slideout-content-empty {
        padding: 50px 70px;
        font-size: 14px;
        color: #666; }
        #itcss-header .ui-slideout-content-empty .svg-icon {
          display: block;
          font-size: 120px;
          margin: 50px auto 0;
          color: #292E80; }

@media only screen and (min-width: 961px) {
  .lang-selector-holder {
    display: none; } }

@media only screen and (max-width: 1440px) {
  #itcss-header #main-navigation > ul > li > a > .svg-icon {
    font-size: 25px; }
  #itcss-header #main-navigation > ul > li.has-dropdown > a {
    padding-right: 25px; }
  #itcss-header #main-navigation > ul > li.discounts-menu > a {
    padding-left: 35px; } }

@media only screen and (max-width: 1366px) {
  #itcss-header #main-navigation > ul > li > a {
    padding-left: 10px !important; }
  #itcss-header #main-navigation > ul > li.has-dropdown > a {
    padding-right: 25px; } }

@media only screen and (max-width: 1024px) {
  #itcss-header #user-navigation > ul li a {
    font-size: 12px; }
    #itcss-header #user-navigation > ul li a .svg-icon {
      color: #292E80;
      font-size: 16px;
      margin: 0 0 5px; }
  #itcss-header #user-navigation > ul li .new-items-counter {
    width: 14px;
    height: 14px;
    line-height: 14px; }
  #itcss-header #main-navigation > ul > li > a {
    font-size: 14px; }
    #itcss-header #main-navigation > ul > li > a small {
      display: none; }
  #itcss-header #main-navigation > ul > li.has-dropdown > a:before {
    width: 5px;
    height: 5px; }
  #itcss-header #main-navigation > ul .nav-dropdown .nav-column {
    width: 23%; }
    #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double {
      width: 23%; }
      #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul {
        display: block; }
        #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul li {
          width: auto; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column.double ul li a:nth-child(odd) {
            padding-right: 0; } }

@media only screen and (max-width: 960px) {
  .open-slideout .menu-overlay {
    display: none; }
  #main-title-holder {
    padding-top: 20px;
    padding-bottom: 10px; }
  #itcss-header {
    padding: 0; }
    #itcss-header.sticky {
      padding-top: 60px;
      box-shadow: none; }
    #itcss-header.sticky #user-navigation {
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100% !important;
      background: #FFF;
      box-shadow: 0px 0px 5px 0px #060606;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
    #itcss-header #top-bar {
      position: static;
      z-index: auto;
      display: block;
      text-align: center;
      padding: 0 !important;
      border: none; }
      #itcss-header #top-bar.multi-language .logo-holder {
        text-align: justify;
        padding: 0 20px;
        vertical-align: middle;
        font-size: 0; }
        #itcss-header #top-bar.multi-language .logo-holder:after {
          content: "";
          display: inline-block;
          width: 100%; }
        #itcss-header #top-bar.multi-language .logo-holder #logo {
          display: inline-block;
          vertical-align: middle; }
        #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder {
          margin: 0;
          z-index: 1;
          text-align: left;
          display: inline-block;
          vertical-align: middle; }
          #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder .lang-selector {
            padding-right: 15px !important; }
          #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder .lang-selected {
            font-size: 16px; }
          #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder .lang-options {
            left: 8px; }
          #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder .svg-icon {
            position: relative;
            top: 1px;
            font-size: 20px; }
          #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder .lang-selector-arrow {
            margin: -6px 0 0 0 !important;
            right: 0; }
      #itcss-header #top-bar #global-message, #itcss-header #top-bar .impersonate-message {
        position: static; }
      #itcss-header #top-bar #user-nav-overlay {
        display: none; }
      #itcss-header #top-bar #logo, #itcss-header #top-bar #smart-finder, #itcss-header #top-bar #user-navigation {
        display: block;
        width: auto; }
      #itcss-header #top-bar #logo {
        position: relative;
        display: inline-block;
        padding: 10px 0; }
      #itcss-header #top-bar #smart-finder {
        position: absolute;
        left: 10px;
        right: 10px;
        top: -100px; }
        #itcss-header #top-bar #smart-finder fieldset {
          left: 10px !important;
          right: 100px !important; }
          #itcss-header #top-bar #smart-finder fieldset .input-container {
            padding: 0 !important; }
            #itcss-header #top-bar #smart-finder fieldset .input-container input {
              padding-left: 40px; }
            #itcss-header #top-bar #smart-finder fieldset .input-container button {
              right: auto;
              left: 0;
              background: none;
              color: #000; }
        #itcss-header #top-bar #smart-finder.active:not(.closing) fieldset {
          left: 10px !important;
          right: 100px !important; }
        #itcss-header #top-bar #smart-finder .smartfinder-dropdown .close-smartfinder {
          top: 10px;
          z-index: 101; }
        #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .column {
          width: 100%;
          float: none;
          margin: auto;
          max-width: 540px; }
        #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .column + .column {
          margin-top: 20px; }
    #itcss-header #user-navigation > ul {
      width: 100%;
      border-top: 1px solid #ccc;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      white-space: normal; }
      #itcss-header #user-navigation > ul > li {
        padding: 0;
        border: none;
        -ms-flex-positive: 1;
        -ms-flex-negative: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1; }
        #itcss-header #user-navigation > ul > li:after {
          display: none; }
        #itcss-header #user-navigation > ul > li a {
          padding: 10px 0; }
          #itcss-header #user-navigation > ul > li a .svg-icon {
            font-size: 20px;
            margin: 0; }
          #itcss-header #user-navigation > ul > li a .link-text {
            margin: 5px 0 0 0;
            display: block; }
        #itcss-header #user-navigation > ul > li.mobile-display {
          display: block; }
        #itcss-header #user-navigation > ul > li.desktop-display {
          display: none; }
    #itcss-header #main-nav-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 300px;
      height: 100%;
      padding: 41px 0 0 0;
      box-sizing: border-box;
      background: #FFF;
      z-index: 11;
      overflow: auto;
      border-top: 4px solid #292E80;
      -moz-transform: translate(-310px, 0);
      -o-transform: translate(-310px, 0);
      -ms-transform: translate(-310px, 0);
      -webkit-transform: translate(-310px, 0);
      transform: translate(-310px, 0);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
      #itcss-header #main-nav-container.animated {
        transition: all 0.25s ease-in-out; }
      #itcss-header #main-nav-container #user-account-info {
        display: none; }
    #itcss-header #main-navigation {
      width: 100%;
      overflow: auto; }
      #itcss-header #main-navigation #mobile-menu-top-bar {
        display: block;
        position: absolute;
        box-sizing: border-box;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        padding: 0 30px;
        line-height: 40px;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc; }
        #itcss-header #main-navigation #mobile-menu-top-bar .title-menu {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block; }
        #itcss-header #main-navigation #mobile-menu-top-bar .close-menu, #itcss-header #main-navigation #mobile-menu-top-bar .back-button {
          position: absolute;
          right: 8px;
          top: 50%;
          margin: -10px 0 0 0;
          color: #333;
          font-size: 18px;
          line-height: 100%; }
        #itcss-header #main-navigation #mobile-menu-top-bar .back-button {
          right: auto;
          left: 8px;
          visibility: hidden;
          opacity: 0;
          transition: all 0.25s ease-in-out; }
          #itcss-header #main-navigation #mobile-menu-top-bar .back-button.visible {
            visibility: visible;
            opacity: 1; }
      body.open-main-nav #itcss-header #main-nav-container {
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
      #itcss-header #main-navigation > ul {
        display: block;
        transition: all 0.25s ease-in-out; }
        #itcss-header #main-navigation > ul > li {
          border: none;
          border-bottom: 1px solid #ccc;
          position: static;
          max-width: none; }
          #itcss-header #main-navigation > ul > li ul li {
            position: static !important; }
            #itcss-header #main-navigation > ul > li ul li > a {
              position: relative; }
          #itcss-header #main-navigation > ul > li:not(.mega-menu) ul li.duplicated-link {
            display: block; }
          #itcss-header #main-navigation > ul > li.has-dropdown > a:before {
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
          .js-disabled #itcss-header #main-navigation > ul > li:hover .nav-dropdown, #itcss-header #main-navigation > ul > li.hover .nav-dropdown {
            top: 0px; }
          #itcss-header #main-navigation > ul > li > a {
            padding: 10px; }
            #itcss-header #main-navigation > ul > li > a .main-link-text.icon .svg-icon {
              font-size: 18px; }
            #itcss-header #main-navigation > ul > li > a .main-link-text .text-icon {
              display: inline;
              vertical-align: middle;
              text-transform: capitalize;
              font-weight: bold; }
            #itcss-header #main-navigation > ul > li > a .main-link-text small {
              display: block; }
        #itcss-header #main-navigation > ul:hover > li > a {
          box-shadow: none; }
        #itcss-header #main-navigation > ul:hover > li:hover > a:after, #itcss-header #main-navigation > ul.hover > li:hover > a:after {
          display: none; }
        #itcss-header #main-navigation > ul > li.active > .nav-dropdown, #itcss-header #main-navigation > ul li.active > ul {
          display: block !important; }
        #itcss-header #main-navigation > ul > li.mega-menu .nav-dropdown {
          padding: 10px 0 0 0; }
        #itcss-header #main-navigation > ul .nav-dropdown {
          display: none;
          pointer-events: auto;
          visibility: visible;
          position: absolute;
          opacity: 1;
          top: 0px;
          left: 100%;
          right: auto;
          margin: 0;
          box-shadow: none;
          width: 100%; }
          #itcss-header #main-navigation > ul .nav-dropdown .nav-column-container {
            margin: 0; }
            #itcss-header #main-navigation > ul .nav-dropdown .nav-column-container .nav-column {
              float: none;
              width: auto;
              margin: 0 0 30px 0; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column-container .nav-column h3 {
                margin: 0 0 10px 0; }
              #itcss-header #main-navigation > ul .nav-dropdown .nav-column-container .nav-column.double {
                width: auto; }
    #itcss-header .ui-slideout {
      padding: 150px 0 0 0;
      width: 100% !important; }
    #itcss-header #top-bar #smart-finder .smartfinder-dropdown .search-results .column.banner-column {
      display: none; } }

@media only screen and (max-width: 480px) {
  #itcss-header #top-bar.multi-language .logo-holder {
    text-align: center; }
    #itcss-header #top-bar.multi-language .logo-holder #logo {
      display: block;
      margin: 0; }
    #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder {
      margin: 0 0 20px 0; }
      #itcss-header #top-bar.multi-language .logo-holder .lang-selector-holder .lang-options {
        left: 50%; } }

/* ======================
  Forms
====================== */
input, button, select, textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea,
.itcss-file-upload-input {
  width: 100%;
  color: #666;
  background-color: #f2f2f2;
  font-size: 12px;
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .itcss-form-dark input[type="color"], .itcss-form-dark
  input[type="date"], .itcss-form-dark
  input[type="datetime"], .itcss-form-dark
  input[type="datetime-local"], .itcss-form-dark
  input[type="email"], .itcss-form-dark
  input[type="month"], .itcss-form-dark
  input[type="number"], .itcss-form-dark
  input[type="password"], .itcss-form-dark
  input[type="search"], .itcss-form-dark
  input[type="tel"], .itcss-form-dark
  input[type="text"], .itcss-form-dark
  input[type="time"], .itcss-form-dark
  input[type="url"], .itcss-form-dark
  input[type="week"], .itcss-form-dark
  select, .itcss-form-dark
  textarea, .itcss-form-dark
  .itcss-file-upload-input {
    background-color: #fff; }
    .nav-v2 .itcss-form-dark input[type="color"], .nav-v2 .itcss-form-dark
    input[type="date"], .nav-v2 .itcss-form-dark
    input[type="datetime"], .nav-v2 .itcss-form-dark
    input[type="datetime-local"], .nav-v2 .itcss-form-dark
    input[type="email"], .nav-v2 .itcss-form-dark
    input[type="month"], .nav-v2 .itcss-form-dark
    input[type="number"], .nav-v2 .itcss-form-dark
    input[type="password"], .nav-v2 .itcss-form-dark
    input[type="search"], .nav-v2 .itcss-form-dark
    input[type="tel"], .nav-v2 .itcss-form-dark
    input[type="text"], .nav-v2 .itcss-form-dark
    input[type="time"], .nav-v2 .itcss-form-dark
    input[type="url"], .nav-v2 .itcss-form-dark
    input[type="week"], .nav-v2 .itcss-form-dark
    select, .nav-v2 .itcss-form-dark
    textarea, .nav-v2 .itcss-form-dark
    .itcss-file-upload-input {
      background-color: #f2f2f2; }
  input[type="color"].light,
  input[type="date"].light,
  input[type="datetime"].light,
  input[type="datetime-local"].light,
  input[type="email"].light,
  input[type="month"].light,
  input[type="number"].light,
  input[type="password"].light,
  input[type="search"].light,
  input[type="tel"].light,
  input[type="text"].light,
  input[type="time"].light,
  input[type="url"].light,
  input[type="week"].light,
  select.light,
  textarea.light,
  .itcss-file-upload-input.light {
    background-color: #fff; }
  input[type="color"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="email"]:focus,
  input[type="month"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="week"]:focus,
  select:focus,
  textarea:focus,
  .itcss-file-upload-input:focus {
    border-color: #999; }
  .error input[type="color"], .error
  input[type="date"], .error
  input[type="datetime"], .error
  input[type="datetime-local"], .error
  input[type="email"], .error
  input[type="month"], .error
  input[type="number"], .error
  input[type="password"], .error
  input[type="search"], .error
  input[type="tel"], .error
  input[type="text"], .error
  input[type="time"], .error
  input[type="url"], .error
  input[type="week"], .error
  select, .error
  textarea, .error
  .itcss-file-upload-input {
    border-color: #DF2121;
    background-color: #FFEAEA; }

.input-group-3 input {
  width: 20%;
  margin-left: -3px !important; }

.input-group-3 .input-separator {
  display: inline-block;
  width: 3%;
  text-align: center; }

label {
  font-size: 12px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  label.required, label[required] {
    padding-right: 8px;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDUgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT4qPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkZvcm1zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBmb250LXNpemU9IjEyIiBmb250LWZhbWlseT0iQXJpYWxNVCwgQXJpYWwiIGZvbnQtd2VpZ2h0PSJub3JtYWwiPiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg0Mi4wMDAwMDAsIC0zMzEuMDAwMDAwKSIgaWQ9IioiIGZpbGw9IiNERjIxMjEiPiAgICAgICAgICAgIDx0ZXh0PiAgICAgICAgICAgICAgICA8dHNwYW4geD0iODQyIiB5PSIzNDEiPio8L3RzcGFuPiAgICAgICAgICAgIDwvdGV4dD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); }

.itcss-form + .itcss-form {
  margin-top: 30px; }

.itcss-form-title {
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px; }

.itcss-form-description {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 1.5; }

.itcss-form-row {
  max-width: 500px; }
  .itcss-form-row + .itcss-form-row {
    margin-top: 20px; }

.itcss-form-label {
  margin: 0 0 5px; }

.itcss-form-field-group input[type="text"] {
  display: inline-block; }
  .itcss-form-field-group input[type="text"][size="1"] {
    width: 30px; }
  .itcss-form-field-group input[type="text"][size="2"] {
    width: 40px; }
  .itcss-form-field-group input[type="text"][size="3"] {
    width: 50px; }
  .itcss-form-field-group input[type="text"][size="4"] {
    width: 60px; }
  .itcss-form-field-group input[type="text"][size="5"] {
    width: 70px; }
  .itcss-form-field-group input[type="text"][size="6"] {
    width: 80px; }
  .itcss-form-field-group input[type="text"][size="7"] {
    width: 90px; }

.itcss-form-field-date select,
.itcss-form-field-date .selectboxit-container {
  max-width: 150px;
  display: inline-block; }
  .itcss-form-field-date select.date-field-day,
  .itcss-form-field-date .selectboxit-container.date-field-day {
    max-width: 80px; }
  .itcss-form-field-date select.date-field-month,
  .itcss-form-field-date .selectboxit-container.date-field-month {
    max-width: 150px; }
  .itcss-form-field-date select.date-field-year,
  .itcss-form-field-date .selectboxit-container.date-field-year {
    max-width: 100px; }

.itcss-form-field-date-picker .itcss-form-field {
  position: relative;
  padding-right: 30px; }
  .itcss-form-field-date-picker .itcss-form-field .itcss-date-picker-button {
    position: absolute;
    right: 0;
    top: 2px; }

.itcss-form-field-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .itcss-form-field-list li + li {
    margin-top: 8px; }

.itcss-form-field-description {
  padding: 5px 0 0;
  margin: 0;
  font-size: 11px;
  line-height: 1.3; }

.itcss-form-field-error {
  padding: 5px 0 0;
  margin: 0;
  font-size: 11px;
  color: #D71E1E;
  line-height: 1.3; }

.itcss-form-buttons {
  margin-top: 20px;
  max-width: 500px; }
  .itcss-form-buttons .itcss-button + .itcss-button, .itcss-form-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button + .itcss-button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-form-buttons button + .itcss-button, .itcss-form-buttons .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-form-buttons .itcss-button + button, .itcss-form-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-form-buttons button + button {
    margin-left: 10px; }
  .itcss-form-buttons.opposite .itcss-button.link, .itcss-form-buttons.opposite .notification-preferences-confirm.sweet-alert .sa-button-container button.link, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-form-buttons.opposite button.link {
    float: left;
    margin: 0; }
  .itcss-form-buttons.opposite .itcss-button.primary, .itcss-form-buttons.opposite .notification-preferences-confirm.sweet-alert .sa-button-container button.primary, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-form-buttons.opposite button.primary, .itcss-form-buttons.opposite .notification-preferences-confirm.sweet-alert .sa-button-container button.confirm, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-form-buttons.opposite button.confirm, .itcss-form-buttons.opposite .notification-preferences-confirm.sweet-alert button.itcss-button.confirm, .notification-preferences-confirm.sweet-alert .itcss-form-buttons.opposite button.itcss-button.confirm {
    float: right;
    margin: 0; }

.itcss-form-dark {
  background-color: #f2f2f2; }
  .nav-v2 .itcss-form-dark {
    background: #fff; }

.itcss-file-upload-input .file-upload-value {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  max-width: 180px;
  width: 100%;
  position: relative; }
  .itcss-file-upload-input .file-upload-value:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+50 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 60%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */ }
  .itcss-file-upload-input .file-upload-value:after {
    content: ' ';
    display: inline-block; }

.itcss-file-upload-input .itcss-button, .itcss-file-upload-input .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-file-upload-input button {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 5px 5px 0; }

/* ======================
  checkbox - radio
====================== */
input:not(.legacy)[type="radio"], input:not(.legacy)[type="checkbox"] {
  opacity: 0;
  position: absolute; }
  input:not(.legacy)[type="radio"] + label, input:not(.legacy)[type="checkbox"] + label {
    position: relative; }
    input:not(.legacy)[type="radio"] + label:before, input:not(.legacy)[type="radio"] + label:after, input:not(.legacy)[type="checkbox"] + label:before, input:not(.legacy)[type="checkbox"] + label:after {
      content: '';
      position: absolute;
      transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
      box-sizing: border-box; }
    input:not(.legacy)[type="radio"] + label:before, input:not(.legacy)[type="checkbox"] + label:before {
      left: 0;
      top: 0;
      border: 1px solid #ccc;
      background: #f2f2f2; }
    input:not(.legacy)[type="radio"] + label:active:before, input:not(.legacy)[type="checkbox"] + label:active:before {
      border-color: #999; }
  input:not(.legacy)[type="radio"]:focus + label:before, input:not(.legacy)[type="checkbox"]:focus + label:before {
    border: 3px solid #406A8C; }
  input:not(.legacy)[type="radio"]:checked + label:after, input:not(.legacy)[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1); }

input:not(.legacy)[type="radio"] + label {
  padding-top: 2px;
  padding-left: 26px;
  margin-right: 20px;
  min-height: 16px; }
  input:not(.legacy)[type="radio"] + label:before, input:not(.legacy)[type="radio"] + label:after {
    border-radius: 50%; }
  input:not(.legacy)[type="radio"] + label:before {
    width: 16px;
    height: 16px; }
  input:not(.legacy)[type="radio"] + label:after {
    width: 6px;
    height: 6px;
    background: #333;
    left: 5px;
    top: 5px;
    opacity: 0;
    transform: scale(0); }
  input:not(.legacy)[type="radio"] + label.empty {
    padding-left: 16px; }

input:not(.legacy)[type="checkbox"] + label {
  padding-top: 2px;
  padding-left: 26px;
  margin-right: 20px;
  min-height: 16px; }
  input:not(.legacy)[type="checkbox"] + label:before, input:not(.legacy)[type="checkbox"] + label:after {
    border-radius: 5px; }
  input:not(.legacy)[type="checkbox"] + label:before {
    width: 16px;
    height: 16px; }
  input:not(.legacy)[type="checkbox"] + label:after {
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(0);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDggOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT7ugbc8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iRm9ybXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgxMy4wMDAwMDAsIC00NDMuMDAwMDAwKSIgaWQ9Iu6BtyIgZmlsbD0iIzMzMzMzMyI+ICAgICAgICAgICAgPHBhdGggZD0iTTgxNS45Njg3NSw0NTEuOTQ1MzEyIEM4MTUuNzAzMTI0LDQ1MS45NDUzMTIgODE1LjQ4NDM3Niw0NTEuODM1OTM5IDgxNS4zMTI1LDQ1MS42MTcxODggTDgxMy4xNTYyNSw0NDguNzgxMjUgQzgxMy4wMTU2MjQsNDQ4LjU5Mzc0OSA4MTIuOTY0ODQ0LDQ0OC4zODY3MiA4MTMuMDAzOTA2LDQ0OC4xNjAxNTYgQzgxMy4wNDI5NjksNDQ3LjkzMzU5MyA4MTMuMTUyMzQzLDQ0Ny43NTAwMDEgODEzLjMzMjAzMSw0NDcuNjA5Mzc1IEM4MTMuNTExNzIsNDQ3LjQ2ODc0OSA4MTMuNzE0ODQzLDQ0Ny40MTQwNjIgODEzLjk0MTQwNiw0NDcuNDQ1MzEyIEM4MTQuMTY3OTcsNDQ3LjQ3NjU2MyA4MTQuMzUxNTYyLDQ0Ny41ODU5MzcgODE0LjQ5MjE4OCw0NDcuNzczNDM4IEw4MTUuOTIxODc1LDQ0OS42NDg0MzggTDgxOS40NjA5MzgsNDQzLjk1MzEyNSBDODE5LjU4NTkzOCw0NDMuNzQ5OTk5IDgxOS43NTc4MTEsNDQzLjYyMTA5NCA4MTkuOTc2NTYyLDQ0My41NjY0MDYgQzgyMC4xOTUzMTQsNDQzLjUxMTcxOCA4MjAuNDA2MjQ5LDQ0My41NDY4NzQgODIwLjYwOTM3NSw0NDMuNjcxODc1IEM4MjAuODEyNTAxLDQ0My43OTY4NzYgODIwLjkzNzUsNDQzLjk3MjY1NSA4MjAuOTg0Mzc1LDQ0NC4xOTkyMTkgQzgyMS4wMzEyNSw0NDQuNDI1NzgyIDgyMC45OTIxODgsNDQ0LjYzMjgxMiA4MjAuODY3MTg4LDQ0NC44MjAzMTIgTDgxNi42OTUzMTIsNDUxLjU0Njg3NSBDODE2LjUzOTA2Miw0NTEuNzk2ODc2IDgxNi4zMTI1MDEsNDUxLjkyOTY4NyA4MTYuMDE1NjI1LDQ1MS45NDUzMTIgTDgxNS45Njg3NSw0NTEuOTQ1MzEyIEw4MTUuOTY4NzUsNDUxLjk0NTMxMiBaIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); }
  input:not(.legacy)[type="checkbox"] + label.empty {
    padding-left: 16px; }

.fsForm input[type=checkbox], .fsForm input[type=radio] {
  opacity: 1;
  position: static; }

.itcss-form-dark input[type="radio"] + label:before, .itcss-form-dark input[type="checkbox"] + label:before,
input.light[type="radio"] + label:before,
input.light[type="checkbox"] + label:before {
  background-color: #fff; }
  .nav-v2 .itcss-form-dark input[type="radio"] + label:before, .nav-v2 .itcss-form-dark input[type="checkbox"] + label:before, .nav-v2
  input.light[type="radio"] + label:before, .nav-v2
  input.light[type="checkbox"] + label:before {
    background-color: #f2f2f2; }

@media only screen and (max-width: 640px) {
  .itcss-form-multicolumn .itcss-form-row {
    margin: 0 0 20px 0; }
  .itcss-form-multicolumn.itcss-grid > :last-child {
    margin-bottom: -20px; } }

.lt-ie9 input[type="radio"], .lt-ie9 input[type="checkbox"] {
  opacity: 1 !important;
  position: static !important; }
  .lt-ie9 input[type="radio"] + label, .lt-ie9 input[type="checkbox"] + label {
    position: relative;
    padding-left: 0 !important; }
    .lt-ie9 input[type="radio"] + label:before, .lt-ie9 input[type="radio"] + label:after, .lt-ie9 input[type="checkbox"] + label:before, .lt-ie9 input[type="checkbox"] + label:after {
      display: none !important; }

/* ======================
  Teaser object
====================== */
.itcss-teaser {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 0 30px;
  padding: 20px;
  padding-left: 100px;
  position: relative;
  font-size: 12px;
  line-height: 1.3;
  background: #fff; }
  .itcss-teaser:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: 85px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px 0 0 5px;
    border: 1px solid #ccc;
    border-right: none; }
  .itcss-teaser-title {
    margin-bottom: 0.3em;
    display: block;
    font-size: 16px;
    color: #333; }
  .itcss-teaser-content {
    font-size: 12px;
    line-height: 1.3;
    margin: 0; }

/* ======================
  Amount styles
====================== */
.amount {
  display: block;
  color: #666;
  font-size: 48px;
  line-height: 1.2;
  word-wrap: break-word; }
  .amount.positive {
    color: #5DAB00; }
  .amount.negative {
    color: #FF6666; }
  .amount.highlight {
    color: #208ade; }
  .amount.dark {
    color: #333; }
  .amount-label {
    display: block;
    font-size: 12px;
    color: #666; }
  .amount-description {
    display: block;
    font-size: 12px;
    color: #666; }
  .amount-hint {
    margin-top: 10px;
    display: block;
    font-size: 10px;
    color: #666; }
  .amount .small {
    font-size: 16px;
    line-height: 1; }

@media only screen and (max-width: 480px) {
  .amount {
    font-size: 32px; } }

/* ======================
  Apply process form steps
====================== */
.itcss-apply-process-step {
  position: relative;
  margin: -1px;
  padding: 20px 20px 20px 60px;
  border: 1px solid #7bc721;
  background: #f8ffea;
  color: #7bc721;
  font-weight: bold;
  font-size: 14px; }
  .itcss-box .itcss-apply-process-step:first-child {
    border-radius: 5px 5px 0 0; }

.itcss-apply-process-description {
  font-weight: 300;
  color: #666;
  margin-top: 20px; }

.itcss-apply-process-link {
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: normal; }

.itcss-apply-process-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: 30px;
  margin: -17px 0 0; }

.js-custom-popup {
  position: relative; }
  .js-custom-popup-arrow {
    width: auto !important;
    transition: ease transform 0.3s; }

.custom-popup-box {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  min-height: 40px;
  max-height: 600px;
  margin: 0;
  border: 1px solid #ccc;
  background-color: #ffffff;
  pointer-events: none;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  border-radius: 5px; }
  .custom-popup-box:before, .custom-popup-box:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transition: all 0.25s ease-in-out;
    bottom: 100%;
    left: 50%; }
  .custom-popup-box:before {
    border-color: transparent;
    border-width: 8px;
    border-bottom-color: #ccc;
    margin-left: -8px; }
  .custom-popup-box:after {
    border-color: transparent;
    border-width: 7px;
    border-bottom-color: #ffffff;
    margin-left: -7px; }

.custom-popup-visible .custom-popup-box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.custom-popup-visible .js-custom-popup-arrow {
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

@media only screen and (min-width: 768px) {
  .hidePopupBox {
    -webkit-animation: hidePopupBox 0.3s ease;
    animation: hidePopupBox 0.3s ease; }
  .showPopupBox {
    -webkit-animation: showPopupBox 0.3s ease;
    animation: showPopupBox 0.3s ease; } }

/*showPopupBox*/
@-webkit-keyframes showPopupBox {
  from {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.95) translateY(20px); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateY(0); } }

@keyframes showPopupBox {
  from {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.95) translateY(20px); }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translateY(0); } }

/*hidePopupBox*/
@-webkit-keyframes hidePopupBox {
  from {
    opacity: 1;
    visibility: visible; }
  to {
    opacity: 0;
    visibility: hidden; } }

@keyframes hidePopupBox {
  from {
    opacity: 1;
    visibility: visible; }
  to {
    opacity: 0;
    visibility: hidden; } }

.current-balance-box:not(.full-width) .itcss-box-header {
  padding: 10px; }
  .current-balance-box:not(.full-width) .itcss-box-header-title {
    font-size: 14px;
    text-transform: capitalize; }

.current-balance-box .balance-col {
  padding: 10px;
  font-size: 14px;
  font-weight: bold; }
  .current-balance-box .balance-col .sum {
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    color: #3B90E3; }

.current-balance-box .balance-more-info {
  background: #f2f2f2;
  border-top: 1px dashed #ccc;
  padding: 10px;
  border-radius: 0 0 4px 4px; }
  .current-balance-box .balance-more-info a {
    display: block;
    font-size: 14px; }
    .current-balance-box .balance-more-info a + div {
      margin-top: 10px; }

.current-balance-box.full-width .itcss-box-body > div {
  display: table-cell;
  vertical-align: middle; }

.current-balance-box.full-width .balance-col {
  width: 25%;
  padding-right: 20px; }
  .current-balance-box.full-width .balance-col .sum {
    display: block;
    margin-top: 10px;
    font-size: 36px; }

@media screen and (max-width: 600px) {
  .current-balance-box.full-width .itcss-box-body > div {
    display: block; }
  .current-balance-box.full-width .balance-col {
    width: auto;
    padding: 0px;
    margin-bottom: 20px; } }

.atwho-view {
  position: relative;
  padding: 10px;
  background: #FFFFFF;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.07), 0 3px 14px 3px rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: none !important; }
  .atwho-view .atwho-view-ul li.atwho-custom-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    min-height: 36px;
    font-size: 0.1px;
    padding: 5px 5px 5px 50px !important;
    border: none !important; }
    .atwho-view .atwho-view-ul li.atwho-custom-item[data-id=loading] {
      pointer-events: none !important;
      padding: 5px 10px !important; }
      .atwho-view .atwho-view-ul li.atwho-custom-item[data-id=loading] .atwho-user-avatar {
        display: none; }
    .atwho-view .atwho-view-ul li.atwho-custom-item.cur, .atwho-view .atwho-view-ul li.atwho-custom-item:hover {
      background: #F2F2F2; }
    .atwho-view .atwho-view-ul li.atwho-custom-item .atwho-user-name {
      align-self: center;
      color: #666;
      font-size: 14px;
      letter-spacing: 0;
      line-height: 20px; }
    .atwho-view .atwho-view-ul li.atwho-custom-item .atwho-user-avatar {
      position: absolute;
      left: 5px;
      top: 50%;
      margin-top: -18px; }
    .atwho-view .atwho-view-ul li.atwho-custom-item strong {
      font-weight: inherit;
      color: inherit;
      background: #F8E71C; }

.fake-table {
  display: table;
  width: 100%; }
  .fake-table-cell {
    display: table-cell; }

/* ======================
  Sliders
====================== */
.slider-obj-wrapper {
  position: relative;
  overflow: hidden; }
  .slider-obj-wrapper .customNavigation {
    position: absolute;
    top: -6px;
    margin: 0;
    padding: 0;
    font-size: 60px;
    line-height: 1em;
    color: #666;
    z-index: 2; }
    .slider-obj-wrapper .customNavigation.prev {
      left: -40px;
      -webkit-transition: left 0.4s ease-out;
      transition: left 0.4s ease-out; }
    .slider-obj-wrapper .customNavigation.next {
      right: -40px;
      -webkit-transition: right 0.4s ease-out;
      transition: right 0.4s ease-out; }
    .slider-obj-wrapper .customNavigation:hover {
      opacity: 0.8;
      filter: Alpha(Opacity=80);
      cursor: pointer; }
  .slider-obj-wrapper.flush {
    padding: 0; }
    .slider-obj-wrapper.flush .customNavigation {
      top: 40%; }
  .slider-obj-wrapper.light-controls .customNavigation,
  .slider-obj-wrapper.light-controls .slide-content {
    color: #ffffff; }

.slider-obj {
  position: relative; }
  .slider-obj .owl-controls {
    margin-top: 10px;
    line-height: 1; }
    .slider-obj .owl-controls .owl-pagination {
      margin: 0;
      position: relative;
      z-index: 1;
      text-align: center; }
      .slider-obj .owl-controls .owl-pagination .owl-page span {
        width: 11px;
        height: 11px;
        background: none;
        border: 1px solid #666;
        border-radius: 50%;
        opacity: 1;
        filter: Alpha(Opacity=100); }
      .slider-obj .owl-controls .owl-pagination .owl-page.active span {
        background: #666;
        opacity: 1;
        filter: Alpha(Opacity=100); }
    .slider-obj .owl-controls.clickable .owl-page:hover span {
      background: #666;
      opacity: 1;
      filter: Alpha(Opacity=100); }
  .slider-obj .owl-item > div {
    position: relative; }
    .slider-obj .owl-item > div img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }
  .slider-obj.light-controls .owl-controls .owl-page span {
    background: none;
    border: 1px solid #ffffff; }
  .slider-obj.light-controls .owl-controls .owl-page.active span {
    background: #ffffff; }
  .slider-obj.light-controls .owl-controls.clickable .owl-page:hover span {
    background: #ffffff; }
  .slider-obj.single-item-slider {
    overflow: hidden;
    border-radius: 5px;
    max-height: 350px;
    /* added not to load the pre-loader too high */
    /* Fix border radius */
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    /* ------------------ */ }
    .slider-obj.single-item-slider:hover ~ .customNavigation.prev {
      left: 20px; }
    .slider-obj.single-item-slider:hover ~ .customNavigation.next {
      right: 20px; }
    .slider-obj.single-item-slider ~ .customNavigation.prev:hover {
      left: 20px; }
    .slider-obj.single-item-slider ~ .customNavigation.next:hover {
      right: 20px; }
    .slider-obj.single-item-slider .owl-item > div {
      line-height: 1; }
    .slider-obj.single-item-slider .owl-controls {
      margin-top: -32px;
      position: relative; }
      .slider-obj.single-item-slider .owl-controls .owl-pagination {
        top: -10px; }
    .slider-obj.single-item-slider.fixed-height {
      /* Overwrite the height properties according to the case */
      height: 310px; }
      .slider-obj.single-item-slider.fixed-height .owl-controls {
        margin-top: -40px; }
        .slider-obj.single-item-slider.fixed-height .owl-controls .owl-pagination {
          top: 0px; }
      .slider-obj.single-item-slider.fixed-height .owl-item > div {
        height: 310px; }
      .slider-obj.single-item-slider.fixed-height .owl-item .background {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding: 30px 60px;
        box-sizing: border-box; }
      .slider-obj.single-item-slider.fixed-height .slide-content {
        position: relative;
        z-index: 1;
        box-sizing: border-box; }
  .slider-obj.multiple-items-slider {
    /* Overwrite the height properties according to the case */
    height: 80px;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box; }
    .slider-obj.multiple-items-slider:hover ~ .customNavigation.prev {
      left: 0; }
    .slider-obj.multiple-items-slider:hover ~ .customNavigation.next {
      right: 0; }
    .slider-obj.multiple-items-slider ~ .customNavigation.prev:hover {
      left: 0; }
    .slider-obj.multiple-items-slider ~ .customNavigation.next:hover {
      right: 0; }
    .slider-obj.multiple-items-slider .owl-item > div {
      padding: 5px 10px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      vertical-align: middle; }
      .slider-obj.multiple-items-slider .owl-item > div img {
        vertical-align: middle; }

@media screen and (max-width: 650px) {
  .slider-obj-wrapper.flush .single-item-slider:not(.fixed-height) ~ .customNavigation {
    top: 30%; } }

@media screen and (max-width: 480px) {
  .slider-obj-wrapper .customNavigation {
    display: none; }
  .slider-obj.single-item-slider {
    max-height: 145px; }
    .slider-obj.single-item-slider.fixed-height {
      max-height: none; }
      .slider-obj.single-item-slider.fixed-height .owl-item .background {
        padding: 20px 20px 60px 20px; }
      .slider-obj.single-item-slider.fixed-height .slide-content {
        position: relative;
        width: 100%; }
  .slider-obj.multiple-items-slider {
    padding: 0; } }

.progress-tracker-object {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .progress-tracker-object .step {
    display: table-cell;
    text-align: center;
    vertical-align: top; }
    .progress-tracker-object .step .holder {
      display: block;
      position: relative; }
      .progress-tracker-object .step .holder [class^="icon"] {
        position: relative;
        z-index: 1;
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: 0;
        border-radius: 50%;
        background: #ccc;
        font-size: 14px;
        color: #FFF;
        line-height: 24px;
        border: 4px solid #FFF;
        text-shadow: 0 1px 1px #060606;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
        .nav-v2 .progress-tracker-object .step .holder [class^="icon"] {
          border-color: #f4f4f4; }
    .progress-tracker-object .step .holder:before {
      content: " ";
      position: absolute;
      top: 50%;
      left: 0;
      margin: -1px 0 0 0;
      height: 2px;
      width: 100%;
      background: #666666; }
    .progress-tracker-object .step .step-name {
      display: block;
      margin-top: 10px;
      text-transform: none;
      font-size: 14px; }
    .progress-tracker-object .step:first-child {
      /* Pass "none" to the function because of IE9 which is not overwriting the background color with the gradient otherwise */ }
      .progress-tracker-object .step:first-child .holder:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        margin: -1px 0 0 0;
        height: 2px;
        width: 100%;
        background: none; }
      .progress-tracker-object .step:first-child .holder:after {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50&1+0,0+50 */
        background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
        /* IE6-9 */ }
        .nav-v2 .progress-tracker-object .step:first-child .holder:after {
          background: -moz-linear-gradient(left, #f4f4f4 0%, rgba(244, 244, 244, 0) 50%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, #f4f4f4 0%, rgba(244, 244, 244, 0) 50%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, #f4f4f4 0%, rgba(244, 244, 244, 0) 50%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-bg', endColorstr='#00$color-bg',GradientType=1 );
          /* IE6-9 */ }
    .progress-tracker-object .step:last-child {
      /* Pass "none" to the function because of IE9 which is not overwriting the background color with the gradient otherwise */ }
      .progress-tracker-object .step:last-child .holder:after {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        margin: -1px 0 0 0;
        height: 2px;
        width: 100%;
        background: none; }
      .progress-tracker-object .step:last-child .holder:after {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&0+50,1+100 */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 50%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */ }
        .nav-v2 .progress-tracker-object .step:last-child .holder:after {
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&0+50,1+100 */
          background: -moz-linear-gradient(left, rgba(244, 244, 244, 0) 50%, #f4f4f4 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, rgba(244, 244, 244, 0) 50%, #f4f4f4 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, rgba(244, 244, 244, 0) 50%, #f4f4f4 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00$color-bg', endColorstr='$color-bg',GradientType=1 );
          /* IE6-9 */ }
    .progress-tracker-object .step:not(.current) {
      color: #5AAD00; }
      .progress-tracker-object .step:not(.current) .holder:before {
        background: #5AAD00; }
      .progress-tracker-object .step:not(.current) .holder [class^="icon"] {
        background: #5AAD00; }
    .progress-tracker-object .step.current {
      color: #666666; }
      .progress-tracker-object .step.current .holder:before {
        background: #666666; }
      .progress-tracker-object .step.current .holder [class^="icon"] {
        background: #666666;
        text-shadow: none; }
      .progress-tracker-object .step.current ~ .step {
        color: #cccccc; }
        .progress-tracker-object .step.current ~ .step .holder:before {
          background: #cccccc; }
        .progress-tracker-object .step.current ~ .step .holder [class^="icon"] {
          background: #cccccc;
          text-shadow: none; }
  .progress-tracker-object[data-icons="no-icons"] .step.current .holder [class^="icon"]:before {
    display: inline-block;
    border-radius: 50%;
    margin-top: 3px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    color: #ffffff;
    text-shadow: none; }
  .progress-tracker-object[data-icons="no-icons"] .step.current ~ .step .holder [class^="icon"]:before {
    display: inline-block;
    border-radius: 50%;
    margin-top: 3px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    color: #ffffff;
    text-shadow: none; }
  .progress-tracker-object[data-size="enlarge"] .step {
    padding-top: 8px; }
    .progress-tracker-object[data-size="enlarge"] .step .holder [class^="icon"],
    .progress-tracker-object[data-size="enlarge"] .step.current ~ .step .holder [class^="icon"] {
      width: 50px;
      height: 50px;
      font-size: 30px;
      line-height: 50px; }
      .progress-tracker-object[data-size="enlarge"] .step .holder [class^="icon"]:before,
      .progress-tracker-object[data-size="enlarge"] .step.current ~ .step .holder [class^="icon"]:before {
        width: 40px;
        height: 40px;
        margin-top: 5px;
        line-height: 40px; }
    .progress-tracker-object[data-size="enlarge"] .step.current {
      padding-top: 0; }
      .progress-tracker-object[data-size="enlarge"] .step.current .holder [class^="icon"] {
        width: 66px;
        height: 66px;
        font-size: 38px;
        line-height: 66px; }
        .progress-tracker-object[data-size="enlarge"] .step.current .holder [class^="icon"]:before {
          width: 54px;
          height: 54px;
          margin-top: 6px;
          line-height: 54px; }
    .progress-tracker-object[data-size="enlarge"] .step:not(.current) .step-name {
      margin-top: 18px; }
  .progress-tracker-object[data-type="list"] {
    display: block; }
    .progress-tracker-object[data-type="list"] .step {
      display: block;
      text-align: left;
      margin-top: 10px; }
      .progress-tracker-object[data-type="list"] .step:first-of-type {
        margin-top: 0; }
      .progress-tracker-object[data-type="list"] .step .holder {
        display: inline-block;
        text-align: center;
        margin-right: 10px; }
        .progress-tracker-object[data-type="list"] .step .holder:before, .progress-tracker-object[data-type="list"] .step .holder:after {
          display: none; }
        .progress-tracker-object[data-type="list"] .step .holder [class^="icon"] {
          border: none; }
      .progress-tracker-object[data-type="list"] .step .step-name {
        display: inline-block;
        margin: 0;
        vertical-align: middle; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"] .step {
      position: relative;
      padding-left: 35px;
      min-height: 25px;
      font-size: 14px; }
      .progress-tracker-object[data-type="list"][data-step-indicator="yes"] .step .holder {
        position: absolute;
        left: 0;
        top: 0; }
      .progress-tracker-object[data-type="list"][data-step-indicator="yes"] .step .step-name {
        margin-top: 5px; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step .holder .step_index {
      position: absolute;
      left: 8px;
      top: 50%;
      margin-top: -0.5em;
      color: #ffffff;
      line-height: 1.2em;
      text-shadow: 0 1px 1px #060606;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
      z-index: 1; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step:not(.current) .step_index {
      display: none; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step.current .holder [class^="icon"]:before {
      color: #666666; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step.current .step_index {
      display: inline;
      text-shadow: none; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step.current ~ .step .step_index {
      display: inline;
      text-shadow: none; }
    .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step.current ~ .step .holder [class^="icon"]:before {
      color: #cccccc; }
    .progress-tracker-object[data-type="list"][data-name-icon="yes"] .step .step-name {
      margin-top: 0; }
      .progress-tracker-object[data-type="list"][data-name-icon="yes"] .step .step-name [class^="icon"] {
        display: inline-block;
        width: 26px;
        text-align: center;
        font-size: 24px;
        margin-right: 8px; }
  .progress-tracker-object[data-type="custom"] .step {
    position: relative; }
    .progress-tracker-object[data-type="custom"] .step .holder:before, .progress-tracker-object[data-type="custom"] .step .holder:after {
      display: none; }
    .progress-tracker-object[data-type="custom"] .step .holder [class^="icon"] {
      background: none;
      color: #ccc;
      text-shadow: none;
      width: 24px;
      height: 24px;
      font-size: 24px;
      line-height: 24px;
      border: 1px dashed #ccc;
      padding: 20px; }
    .progress-tracker-object[data-type="custom"] .step:after {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'fonticons_rg' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      position: absolute;
      top: 30px;
      right: -4px;
      font-size: 16px;
      color: #cccccc; }
    .progress-tracker-object[data-type="custom"] .step:last-of-type:after {
      display: none; }
    .progress-tracker-object[data-type="custom"] .step:not(.current) .holder [class^="icon"] {
      background: none;
      color: #5AAD00; }
    .progress-tracker-object[data-type="custom"] .step.current .holder [class^="icon"] {
      background: none;
      color: #666666; }
    .progress-tracker-object[data-type="custom"] .step.current ~ .step [class^="icon"] {
      background: none;
      color: #ccc; }
    .progress-tracker-object[data-type="custom"] .step .step-name {
      max-width: 80%;
      margin: 10px auto 0; }

@-moz-document url-prefix() {
  .progress-tracker-object[data-type="list"][data-step-indicator="yes"][data-step-index="yes"] .step .holder .step_index {
    margin-top: -0.45em; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* FIX for IE10+ - remove border to avoid background color leak bug */
  .progress-tracker-object .step .holder [class^="icon"] {
    border: none; } }

@media screen\0 {
  /* FIX for IE8,9,10 - - remove border to avoid background color leak bug */
  .progress-tracker-object .step .holder [class^="icon"] {
    border: none; } }

/* ======================
  Items list styles
====================== */
.itcss-items-list-item {
  position: relative;
  padding: 20px 20px 20px 30px; }
  .itcss-items-list-item + .itcss-items-list-item {
    border-top: 1px solid #ccc; }
  .itcss-items-list-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background: #f4f4f4;
    border-right: 1px solid #ccc; }
  .itcss-box-body .itcss-items-list-item:last-child {
    border-radius: 0 0 5px 5px; }
    .itcss-box-body .itcss-items-list-item:last-child:before {
      border-radius: 0 0 0 5px; }

/* ======================
  Mentions trigger
====================== */
.trigger-mention {
  color: #0E75C6;
  cursor: default; }
  .trigger-mention:hover {
    color: #09538C; }

/* ======================
  Mentions popup
====================== */
#mentions-popup {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 300px;
  transform: translate(0, 20%);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  transition: all 0.25s ease-in-out; }
  #mentions-popup.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1; }
  #mentions-popup[data-anchor="left"] {
    transform: translate(0, 5%); }
    #mentions-popup[data-anchor="left"]:before, #mentions-popup[data-anchor="left"]:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      transition: all 0.25s ease-in-out;
      bottom: 100%;
      left: 10%; }
    #mentions-popup[data-anchor="left"]:before {
      border-color: transparent;
      border-width: 10px;
      border-bottom-color: #ccc;
      margin-left: -10px; }
    #mentions-popup[data-anchor="left"]:after {
      border-color: transparent;
      border-width: 9px;
      border-bottom-color: #fff;
      margin-left: -9px; }
  #mentions-popup[data-anchor="right"] {
    transform: translate(-80%, 5%); }
    #mentions-popup[data-anchor="right"]:before, #mentions-popup[data-anchor="right"]:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      transition: all 0.25s ease-in-out;
      bottom: 100%;
      left: 90%; }
    #mentions-popup[data-anchor="right"]:before {
      border-color: transparent;
      border-width: 10px;
      border-bottom-color: #ccc;
      margin-left: -10px; }
    #mentions-popup[data-anchor="right"]:after {
      border-color: transparent;
      border-width: 9px;
      border-bottom-color: #fff;
      margin-left: -9px; }
  #mentions-popup .rg-avatar-wrap {
    margin: 0 20px 0 0; }
  #mentions-popup .name {
    display: block;
    font-size: 16px;
    color: #0E75C6;
    margin: 10px 0 5px 0; }
  #mentions-popup .role {
    display: block;
    color: #666;
    font-size: 14px;
    margin: 0 0 10px; }

/* ======================
  Trumps
====================== */
.sidebar_content .itcss-box-header {
  padding: 10px; }
  .sidebar_content .itcss-box-header-title {
    font-size: 14px;
    text-transform: none; }

.itcss-box-header-title .search-term {
  text-transform: none;
  font-weight: normal;
  background: #eee;
  padding: 3px; }

.nav-v2 .payment_options_cashback #cashback-section.itcss-form-dark {
  background: #FFF; }

.nav-v2 .payment_options_cashback #cashback-section.itcss-form-dark input[type="checkbox"] + label:before {
  background: #f2f2f2; }

.nav-v2 .itcss-box.order_preview_terms {
  background: #FFF; }

/* ======================
  Froala Trumps
====================== */
button[data-cmd="emoticons"] + .fr-popup {
  max-width: 250px; }
  button[data-cmd="emoticons"] + .fr-popup br {
    display: none; }

.fr-toolbar {
  border-top: 1px !important; }

/* ======================
  selectBoxIt
====================== */
.selectboxit-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
  vertical-align: top;
  border-radius: 5px; }
  .selectboxit-container * {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap; }
  .selectboxit-container .selectboxit {
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    position: relative;
    background-color: #f2f2f2;
    color: #666;
    transition: all 0.25s ease-in-out; }
  .selectboxit-container.menu-top {
    border-radius: 0 0 5px 5px; }
    .selectboxit-container.menu-top .selectboxit {
      border-radius: 0 0 5px 5px; }
  .selectboxit-container.menu-bottom {
    border-radius: 5px 5px 0 0; }
    .selectboxit-container.menu-bottom .selectboxit {
      border-radius: 5px 5px 0 0; }

.selectboxit-arrow {
  width: 30px;
  height: 100%;
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 1px;
  background: #999;
  border-radius: 0 5px 5px 0;
  transition: all 0.25s ease-in-out; }
  .menu-bottom .selectboxit-arrow {
    border-radius: 0 5px 0 0; }
  .menu-top .selectboxit-arrow {
    border-radius: 0 0 5px 0; }
  .selectboxit-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    transition: all 0.25s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03Ljc5My4yMDdjLS4yNzYtLjI3Ni0uNzI0LS4yNzYtMSAwTDQgMy4yODcgMS4yMDcuMjA3Qy45My0uMDcuNDgzLS4wNy4yMDcuMjA4LS4wNy40ODQtLjA3LjkzMy4yMDcgMS4yMWwzLjI1IDMuNTgzYy4xNDguMTUuMzQ4LjIxNi41NDMuMjAzLjE5Ni4wMTMuMzk1LS4wNTMuNTQ0LS4yMDNsMy4yNS0zLjU4M2MuMjc1LS4yNzcuMjc1LS43MjYgMC0xLjAwMyIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); }

.selectboxit-open {
  border-color: #999 !important; }
  .selectboxit-open .selectboxit-arrow {
    background: #666; }
    .selectboxit-open .selectboxit-arrow:before {
      transform: rotate(-180deg); }

.selectboxit-text {
  padding: 7px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-align: left; }

.selectboxit-options {
  max-width: 100%;
  max-height: 200px !important;
  width: 100%;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #ccc;
  border-color: #999; }
  .menu-bottom .selectboxit-options {
    border-radius: 0 0 5px 5px;
    margin-top: 0px;
    border-top: none; }
  .menu-top .selectboxit-options {
    border-radius: 5px 5px 0 0;
    margin-top: 1px;
    border-bottom: none; }

.selectboxit-optgroup-header {
  padding: 5px 10px;
  display: block;
  font-weight: bold;
  background: #f2f2f2;
  color: #666;
  text-transform: uppercase; }
  .selectboxit-optgroup-header:hover {
    cursor: default; }

.selectboxit-option + .selectboxit-option {
  border-top: 1px solid #ccc; }

.selectboxit-option-anchor {
  padding: 7px 10px;
  display: block;
  color: #666;
  white-space: normal; }
  .selectboxit-option-anchor:hover {
    text-decoration: none; }

.selectboxit-option.hidden_option {
  display: none; }

.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  cursor: default; }

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px; }

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #666;
  background-color: #f2f2f2; }

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999; }

.itcss-form-dark .selectboxit-container .selectboxit,
.selectboxit-container .selectboxit.light {
  background-color: #fff; }
  .nav-v2 .itcss-form-dark .selectboxit-container .selectboxit, .nav-v2
  .selectboxit-container .selectboxit.light {
    background-color: #f2f2f2; }

.croppic_image_preview {
  max-width: none; }

/* datepicker */
#ui-datepicker-div {
  display: none;
  z-index: 9999 !important; }

input.date-field {
  width: 100px; }

input.datetime-field {
  width: 130px; }

img.ui-datepicker-trigger {
  position: relative;
  top: 6px;
  left: 6px; }

/*js fancy image styles*/
@media only screen and (min-width: 479px) {
  .js-fancy-image {
    position: relative;
    display: block; }
    .js-fancy-image:before {
      content: "\e602";
      font-family: 'fonticons_rg';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      font-size: 44px;
      color: #FFFFFF;
      opacity: 0;
      margin: -22px 0 0 -22px;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      -moz-transform: scale(0.5);
      -o-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      transition: ease all 0.3s; }
    .js-fancy-image:hover:before {
      opacity: 0.7;
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1); } }

/* ======================
  Total savings box
====================== */
.my_account .total-savings {
  min-height: 190px; }
  .my_account .total-savings .itcss-box-header {
    background-position: 95% center;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/my_total_savings.png");
    padding-right: 62px; }
  .balance_by_scheme .my_account .total-savings .amount {
    font-size: 40px; }

@media only screen and (max-width: 480px) {
  .total-savings-amount {
    font-size: 36px; } }

/* ======================
  Cashback balance box
====================== */
.cashback-balance {
  min-height: 190px; }
  .cashback-balance .itcss-box-header {
    background-position: 95% center;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cachback_balance_refresh.png");
    padding-right: 62px; }
  .cashback-balance .itcss-grid-inner .amount {
    font-size: 32px; }
    .balance_by_scheme .cashback-balance .itcss-grid-inner .amount {
      font-size: 30px; }
  .cashback-balance .itcss-button, .cashback-balance .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .cashback-balance button {
    display: block;
    margin-top: 10px; }

@media only screen and (max-width: 960px) and (min-width: 801px) {
  .cashback-balance .itcss-grid-inner .amount {
    font-size: 28px; }
  .cashback-balance .itcss-grid-inner .amount-label {
    font-size: 10px; }
  .cashback-balance .itcss-grid-half:first-child {
    padding-right: 3px; }
  .cashback-balance .itcss-grid-half:last-child {
    padding-left: 3px; } }

@media only screen and (max-width: 800px) and (min-width: 768px) {
  .cashback-balance .itcss-grid-inner {
    margin: 0; }
  .cashback-balance .itcss-grid-half {
    float: none;
    padding: 0;
    width: auto; }
    .cashback-balance .itcss-grid-half + .itcss-grid-half {
      margin-top: 20px; }
  .cashback-balance .itcss-grid-inner .amount {
    margin-bottom: 5px; } }

@media only screen and (max-width: 360px) {
  .cashback-balance .itcss-grid-inner {
    margin: 0; }
  .cashback-balance .itcss-grid-half {
    float: none;
    padding: 0;
    width: auto; }
    .cashback-balance .itcss-grid-half + .itcss-grid-half {
      margin-top: 10px; }
  .cashback-balance .amount {
    margin-bottom: 5px; } }

/* ======================
  Payroll balance box
====================== */
.payroll-balance {
  font-size: 12px;
  color: #666; }
  .payroll-balance .itcss-box-header {
    background-position: 95% center;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/payroll_credit_balance.png");
    padding-right: 62px; }

@media only screen and (max-width: 960px) and (min-width: 801px) {
  .payroll-balance {
    font-size: 10px; } }

/* ======================
  Claim prize
====================== */
.claim-prize:before {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/GoldenTicket/my_account_icon.png");
  background-color: #208ade; }

.claim-prize .inner {
  float: left;
  width: 100%;
  margin: 0 -210px 0 0;
  padding: 0 210px 0 0;
  box-sizing: border-box; }

.claim-prize .itcss-button, .claim-prize .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .claim-prize button {
  padding: 15px 50px;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  float: right;
  width: 180px; }

@media only screen and (max-width: 800px) and (min-width: 768px) {
  .claim-prize .inner {
    float: none;
    margin: 0 0 10px;
    padding: 0; }
  .claim-prize .itcss-button, .claim-prize .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .claim-prize button {
    padding: 10px 30px;
    float: none;
    width: auto; } }

@media only screen and (max-width: 640px) {
  .claim-prize .inner {
    float: none;
    margin: 0 0 10px;
    padding: 0; }
  .claim-prize .itcss-button, .claim-prize .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .claim-prize button {
    padding: 10px 30px;
    float: none;
    width: auto; } }

/* ======================
  Awards
====================== */
.my-awards:before {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/flat_icons/icon-trophy.png");
  background-size: 60%; }

.my-awards .itcss-teaser-title {
  text-transform: uppercase; }

.my-awards .itcss-button + .itcss-button, .my-awards .notification-preferences-confirm.sweet-alert .sa-button-container button + .itcss-button, .notification-preferences-confirm.sweet-alert .sa-button-container .my-awards button + .itcss-button, .my-awards .notification-preferences-confirm.sweet-alert .sa-button-container .itcss-button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .my-awards .itcss-button + button, .my-awards .notification-preferences-confirm.sweet-alert .sa-button-container button + button, .notification-preferences-confirm.sweet-alert .sa-button-container .my-awards button + button {
  margin-left: 10px; }

.my-awards p {
  margin: 0; }

/* ======================
  Recent savings
====================== */
.recent-savings {
  font-size: 14px;
  color: #666;
  min-height: 200px; }
  .recent-savings .itcss-box-header {
    background-position: 95% center;
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/savings_chart.png");
    padding-right: 62px; }
  .recent-savings .itcss-box-body {
    text-align: center;
    font-weight: normal; }

@media only screen and (max-width: 640px) {
  .recent-savings {
    min-height: 0; } }

/* ======================
  Saved money
====================== */
.saved-money {
  font-size: 14px;
  color: #666;
  min-height: 200px; }
  .saved-money .itcss-box-body {
    text-align: center;
    font-weight: normal; }

@media only screen and (max-width: 640px) {
  .saved-money {
    min-height: 0; } }

/* ======================
  My account details section
====================== */
.details-section {
  position: relative; }
  .details-section .itcss-box-body {
    position: relative; }
  .details-section-edit {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    margin-left: 0.3em;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    background: transparent; }
    .details-section-edit .icon {
      color: #208ade;
      position: relative;
      top: 50%;
      margin-top: -8px;
      display: block; }
    .details-section-edit .text {
      display: none; }
    .details-section-edit:hover {
      background: #208ade; }
      .details-section-edit:hover .icon {
        color: #fff; }
  .details-section .itcss-loader {
    border-radius: 0 0 5px 5px; }
  .details-section .notification_box {
    margin: -21px -21px 20px !important;
    padding-top: 0;
    padding-bottom: 0; }
    .details-section .notification_box .alert_box_content {
      margin: 10px 0; }
    .details-section .notification_box .remove_box {
      display: none; }
  .details-section-form {
    padding: 20px;
    margin: -20px;
    border-radius: 0 0 5px 5px;
    display: none; }
    .details-section-form .itcss-form-field-list {
      margin: 5px 0 0; }
    .details-section-form .itcss-form-buttons .itcss-button.primary, .details-section-form .itcss-form-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button.primary, .notification-preferences-confirm.sweet-alert .sa-button-container .details-section-form .itcss-form-buttons button.primary, .details-section-form .itcss-form-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button.confirm, .notification-preferences-confirm.sweet-alert .sa-button-container .details-section-form .itcss-form-buttons button.confirm, .details-section-form .itcss-form-buttons .notification-preferences-confirm.sweet-alert button.itcss-button.confirm, .notification-preferences-confirm.sweet-alert .details-section-form .itcss-form-buttons button.itcss-button.confirm {
      float: right;
      margin: 0; }
    .details-section-form .itcss-form-buttons .itcss-button.link, .details-section-form .itcss-form-buttons .notification-preferences-confirm.sweet-alert .sa-button-container button.link, .notification-preferences-confirm.sweet-alert .sa-button-container .details-section-form .itcss-form-buttons button.link {
      float: left;
      margin: 0; }
    .details-section-form #page-header {
      display: none; }

.side-panel {
  float: right; }
  .side-panel .itcss-box {
    margin-bottom: 30px; }

/* ======================
  Personal details section
====================== */
.personal-details .itcss-box-header {
  background-position: 95% center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/user.png");
  padding-right: 62px; }

.personal-details-image {
  display: block;
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 5px; }

.personal-details-content {
  float: right;
  width: 100%;
  margin-left: -110px;
  padding-left: 110px;
  box-sizing: border-box; }
  .personal-details-content strong {
    display: block;
    font-size: 16px;
    margin: 0 0 20px 0;
    color: #333; }
  .personal-details-content dl {
    font-size: 12px;
    margin-top: -5px; }
    .personal-details-content dl dt {
      float: left;
      clear: left;
      font-weight: bold;
      color: #333;
      margin: 5px 5px 0 0; }
    .personal-details-content dl dd {
      float: left;
      color: #666;
      margin: 5px 0 0 0; }
      .personal-details-content dl dd em {
        color: #ccc; }

/* ======================
  Account details section
====================== */
.account-details .itcss-box-header {
  background-position: 95% center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/account.png");
  padding-right: 62px; }

.account-details-section {
  position: relative; }
  .account-details-section + .account-details-section {
    margin-top: 20px; }
  .account-details-section-content {
    word-break: break-all; }
  .account-details-section strong {
    display: block;
    font-size: 12px;
    color: #333; }
  .account-details-section span {
    display: block;
    font-size: 12px;
    color: #666; }
  .account-details-section .details-section-edit {
    right: -20px;
    top: -20px; }
  .account-details-section #page-header {
    display: block; }
    .account-details-section #page-header h1 {
      display: block;
      margin: 0 0 20px;
      font-size: 16px;
      text-transform: uppercase; }

.account-details-email .details-section-form {
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc; }

.account-details-password .details-section-form {
  margin-top: 0;
  border-top: 1px solid #ccc; }

/* ======================
  Contact details section
====================== */
.contact-details .itcss-box-header {
  background-position: 95% center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/contact.png");
  padding-right: 62px; }

.contact-details-section {
  font-size: 12px;
  line-height: 1.5; }
  .contact-details-section + .contact-details-section {
    margin-top: 20px; }
  .contact-details-section strong {
    display: block;
    color: #333; }
  .contact-details-section em {
    color: #ccc; }

/* ======================
  Communication details section
====================== */
.communication-details .itcss-box-header {
  background-position: 95% center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/communicate.png");
  padding-right: 62px; }

.communication-details-section-title {
  position: relative;
  font-size: 16px;
  margin: 0 0 10px;
  font-weight: 600; }

.communication-details-section + .communication-details-section {
  margin: 15px 0 0; }

.communication-details-list {
  margin: 0;
  list-style: none;
  font-size: 12px; }
  .communication-details-list li {
    margin: 0;
    position: relative; }
  .communication-details-list li + li {
    margin: 15px 0 0; }
  .communication-details-list .description {
    padding-left: 24px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1.5em; }
  .communication-details-list i {
    position: absolute; }
    .communication-details-list i.tick {
      color: #7BC721;
      margin-right: 0.5em;
      font-size: 15px; }
    .communication-details-list i.cross {
      color: #F00;
      margin-right: 0.5em;
      font-size: 15px; }
  .communication-details-list strong {
    color: #333; }
  .communication-details-list.not_subscribed {
    margin: 10px 0 0 0; }

.communication-details .details-section-form .form-field-body {
  padding: 10px 10px 15px; }
  .communication-details .details-section-form .form-field-body label {
    margin: 0 0 5px -26px;
    padding: 0 0 0 26px;
    display: block;
    float: right;
    box-sizing: border-box;
    width: 100%;
    min-height: 20px; }
  .communication-details .details-section-form .form-field-body input {
    display: block;
    clear: none;
    margin: 0 0 5px; }

/* ======================
  Linked accounts
====================== */
.linked-accounts .itcss-box-header {
  background-position: 95% center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/linked_accounts.png");
  padding-right: 62px; }

.linked-accounts-list {
  margin: -20px; }
  .linked-accounts-list li {
    padding: 10px 20px;
    position: relative; }
  .linked-accounts-list li + li {
    border-top: 1px solid #ccc; }

.linked-accounts li .btns_holder .close_box {
  float: left;
  position: relative;
  top: 7px;
  font-size: 12px; }

.linked-accounts li .btns_holder .button {
  float: right; }

.linked-accounts li p {
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  line-height: 1.5em; }

.linked-accounts li .account {
  line-height: 20px;
  text-indent: 15px;
  float: left;
  margin: 5px 0 0; }

.linked-accounts li .linked {
  float: right;
  width: 15px;
  height: 15px;
  display: block;
  background-size: 15px 15px;
  margin-top: 3px; }

.linked-accounts li .forget {
  float: right;
  display: block;
  margin-left: 5px; }

.linked-accounts li .forget i {
  font-size: 18px; }

.linked-accounts li i {
  top: 5px; }

.linked-accounts li .signin_icon {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left; }

.linked-accounts .linked_details_box > strong {
  display: block;
  font-size: 12px;
  line-height: 1.3;
  margin: 0 0 10px; }

.linked-accounts .answers_holder > a {
  font-weight: bold;
  margin: 0 10px 0 0;
  font-size: 12px; }

.linked-accounts .signin_icon-Google {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/socialicons/google_basic.png"); }

.linked-accounts .active .signin_icon-Google {
  background-color: #01689b; }

.linked-accounts .signin_icon-Facebook {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/socialicons/facebook_basic.png"); }

.linked-accounts .active .signin_icon-Facebook {
  background-color: #405e99; }

.linked-accounts .signin_icon-Twitter {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/socialicons/twitter_basic.png"); }

.linked-accounts .active .signin_icon-Twitter {
  background-color: #72afdd; }

.linked-accounts .signin_icon-LinkedIn {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/socialicons/linkedin_basic.png"); }

.linked-accounts .active .signin_icon-LinkedIn {
  background-color: #2a87f0; }

.linked-accounts .signin_icon-Yammer {
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/socialicons/yammer_basic.png"); }

.linked-accounts .active .signin_icon-Yammer {
  background-color: #0072c6; }

.linked-accounts .linked .sign {
  display: block;
  font-size: 18px;
  text-align: right; }

/* ======================
  Wallet details section
====================== */
.wallet-details .itcss-box-header {
  background-position: 95% center;
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/DetailsSettings/wallet.png");
  padding-right: 62px; }

.wallet-details-list {
  margin: -20px; }

.wallet-details-card {
  padding: 10px 20px;
  position: relative; }
  .wallet-details-card + .wallet-details-card {
    border-top: 1px solid #ccc; }
  .wallet-details-card.expired {
    background: #FFF4F4; }

.wallet-details-card-content {
  padding: 0 0 0 65px;
  background-repeat: no-repeat;
  background-position: left top; }
  .wallet-details-card-content.card_type_1 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/maestro.png"); }
  .wallet-details-card-content.card_type_2 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/visa.png"); }
  .wallet-details-card-content.card_type_3 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/mastercard.png"); }
  .wallet-details-card-content.card_type_5 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/visa-electron.png"); }
  .wallet-details-card-content.card_type_6 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/visa.png"); }
  .wallet-details-card-content.card_type_8 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/mastercard.png"); }
  .wallet-details-card-content.card_type_9 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/amex.png"); }
  .wallet-details-card-content.card_type_12 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/visa_premium.png"); }
  .wallet-details-card-content.card_type_13 {
    background-image: url("https://static.rewardgateway.net/BrandAssets/responsive/img/cards/mastercard_premium.png"); }
  .wallet-details-card-content .card-title {
    display: block;
    color: #333;
    margin: 0 0 3px; }
  .wallet-details-card-content .card-number {
    color: #666;
    display: block; }
  .wallet-details-card-content .card-expiry-date {
    display: block; }
    .wallet-details-card-content .card-expiry-date.expired {
      color: #AF3431;
      font-weight: 400;
      font-size: 16px; }

.wallet-details-card-options {
  border-top: 1px solid #ccc;
  margin: 0; }
  .wallet-details-card-options-container {
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
    top: 10px; }
  .wallet-details-card-options li + li {
    border-top: 1px solid #ccc; }
  .wallet-details-card-options .card-details-link {
    position: relative;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    color: #333333;
    font-weight: bold;
    font-size: 14px; }
    .wallet-details-card-options .card-details-link [class^="icon-"] {
      position: absolute;
      right: 15px;
      top: 50%;
      height: 20px;
      line-height: 20px;
      margin: -10px 0 0 0; }
    .wallet-details-card-options .card-details-link:hover {
      color: #333333; }
  .wallet-details-card-options .js-details-section-container-active .card-details-link {
    background: #f2f2f2;
    position: relative; }
    .wallet-details-card-options .js-details-section-container-active .card-details-link:before, .wallet-details-card-options .js-details-section-container-active .card-details-link:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      transition: all 0.25s ease-in-out;
      bottom: 100%;
      left: 75px; }
    .wallet-details-card-options .js-details-section-container-active .card-details-link:before {
      border-color: transparent;
      border-width: 7px;
      border-bottom-color: #ccc;
      margin-left: -7px; }
    .wallet-details-card-options .js-details-section-container-active .card-details-link:after {
      border-color: transparent;
      border-width: 6px;
      border-bottom-color: #f2f2f2;
      margin-left: -6px; }
    .wallet-details-card-options .js-details-section-container-active .card-details-link [class^="icon-"] {
      transform: rotate(-180deg); }
  .wallet-details-card-options .details-section-form {
    margin: 0; }

.wallet-details-card-remove {
  position: relative;
  margin-top: 10px;
  margin-bottom: -10px;
  border-top: 1px solid #ccc; }
  .wallet-details-card-remove:before, .wallet-details-card-remove:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transition: all 0.25s ease-in-out;
    bottom: 100%;
    left: 75px; }
  .wallet-details-card-remove:before {
    border-color: transparent;
    border-width: 7px;
    border-bottom-color: #ccc;
    margin-left: -7px; }
  .wallet-details-card-remove:after {
    border-color: transparent;
    border-width: 6px;
    border-bottom-color: #f2f2f2;
    margin-left: -6px; }
  .wallet-details-card-remove #page-header {
    display: block; }
  .wallet-details-card-remove h1 {
    display: block;
    font-size: 16px;
    text-transform: uppercase; }

.wallet-details .remove-button {
  color: #ff0000;
  font-weight: bold;
  font-size: 12px; }
  .wallet-details .remove-button i {
    margin: 0 5px 0 0; }
  .wallet-details .remove-button:hover {
    color: #ff0000; }

.wallet-details .js-toggle-expanded .card-remove-button {
  opacity: 0.5; }

.wallet-details .js-toggle-collapsed .card-remove-button {
  opacity: 1; }

.wallet-details .card-topup-options .card-details-link:before, .wallet-details .card-topup-options .card-details-link:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  transition: all 0.25s ease-in-out;
  bottom: 100%;
  left: 75px; }

.wallet-details .card-topup-options .card-details-link:before {
  border-color: transparent;
  border-width: 7px;
  border-bottom-color: #ccc;
  margin-left: -7px; }

.wallet-details .card-topup-options .card-details-link:after {
  border-color: transparent;
  border-width: 6px;
  border-bottom-color: #f2f2f2;
  margin-left: -6px; }

.wallet-details .card-topup-options .card-details-link:before, .wallet-details .card-topup-options .card-details-link:after {
  opacity: 0; }

.wallet-details .card-topup-options .card_options {
  padding: 0 10px 15px; }
  .wallet-details .card-topup-options .card_options a {
    margin: 5px 10px;
    font-size: 12px;
    display: inline-block;
    white-space: nowrap;
    opacity: 1; }
    .wallet-details .card-topup-options .card_options a i {
      display: inline-block;
      margin: 0 5px 0 0; }

.wallet-details .card-topup-options.js-toggle-expanded .card-details-link {
  background: #f2f2f2;
  position: relative; }
  .wallet-details .card-topup-options.js-toggle-expanded .card-details-link:before, .wallet-details .card-topup-options.js-toggle-expanded .card-details-link:after {
    opacity: 1; }

.wallet-details .card-topup-options.js-toggle-expanded .js-toggle-target {
  background: #f2f2f2; }

.wallet-details .topup-by-text {
  display: block;
  position: absolute;
  top: 5px;
  right: 40px;
  width: 20px;
  height: 26px;
  background: url("https://static.rewardgateway.net/BrandAssets/responsive/img/topup_by_text_small.png") no-repeat 0 0; }

.wallet-details .topup-teaser {
  border-radius: 0 0 5px 5px;
  margin: 20px -21px -21px; }

/* ======================
  Topup teaser
====================== */
.topup-teaser {
  border: 1px dashed #ccc;
  padding: 10px 20px;
  background: #fff;
  font-size: 12px; }
  .topup-teaser-title {
    padding: 8px 0 0 24px;
    font-weight: bold;
    color: #333;
    margin: 0 0 10px 0;
    height: 18px;
    font-size: 14px;
    background: url("https://static.rewardgateway.net/BrandAssets/responsive/img/topup_by_text_small.png") no-repeat left center; }

/* ======================
  Help Link
====================== */
.help-link {
  display: block;
  position: relative;
  font-size: 12px;
  color: #000;
  padding: 20px 55px 20px 85px; }
  .help-link .icon {
    width: 65px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("https://static.rewardgateway.net/BrandAssets/responsive/img/flat_icons/icon-help.png") no-repeat center center #208ade;
    border-radius: 5px 0 0 5px; }
  .help-link strong {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 0.5em; }
  .help-link span {
    color: #000; }
  .help-link i {
    display: block;
    position: absolute;
    top: 50%;
    right: 0.5em;
    font-size: 40px;
    color: #CCC;
    margin: -21px 0 0; }
  .help-link:hover {
    background-color: #f4f4f4;
    color: #333; }
    .help-link:hover strong {
      color: #000; }

.nav-v2 .write-comment-form.itcss-form-dark {
  background: #f2f2f2; }
  .nav-v2 .write-comment-form.itcss-form-dark textarea {
    background: #ffffff; }

.comments-box {
  display: block;
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px; }
  .comments-box.no-border {
    border: none; }
  .comments-box ul {
    margin-bottom: 0; }
  .comments-box-header {
    padding: 0 20px; }
    .comments-box-header .comments-count, .comments-box-header .js-post-likes-count {
      color: #666 !important; }
    .comments-box-header [class^="icon-"], .comments-box-header [class*=" icon-"] {
      margin: 0 1px 0 2px;
      font-size: 13px; }
    .comments-box-header .cbutton {
      vertical-align: middle;
      font-size: 18px !important;
      top: 0; }
      .comments-box-header .cbutton + * {
        vertical-align: middle; }
  .comments-box-body {
    display: none;
    position: relative;
    border-top: 1px solid #ccc; }
    .comments-box-body.active {
      display: block; }
  .comments-box-actions {
    margin: 0;
    font-weight: bold;
    clear: both; }
    .comments-box-actions li {
      position: relative;
      float: left;
      margin-left: 10px;
      padding-left: 5px;
      padding-right: 5px; }
      .comments-box-actions li:first-child {
        margin-left: 0; }
      .comments-box-actions li:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 0;
        bottom: -1px;
        left: 0;
        background: #208ade;
        z-index: 2;
        transition: ease height 0.3s; }
      .comments-box-actions li a, .comments-box-actions li div {
        display: inline-block;
        vertical-align: top;
        height: 35px;
        line-height: 35px; }
      .comments-box-actions li div [class*='icon-'] {
        color: #0E75C6; }
      .comments-box-actions li.active:after {
        height: 2px; }
      .comments-box-actions li.active [class^="icon-comment"]:before {
        content: "\e66e"; }
      .comments-box-actions li.active [class^="icon-heart"]:before {
        content: "\e604"; }
  .comments-box-info {
    color: #666; }
    .comments-box-info > * {
      display: inline-block;
      margin-left: 10px; }
      .comments-box-info > *:first-child {
        margin-left: 0; }
  .comments-box-likes {
    display: none;
    padding: 20px; }
  .comments-box-comments {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px; }
  .comments-box .write-comment-inner {
    position: relative;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center; }
    .comments-box .write-comment-inner .comments-user-img {
      position: relative;
      margin-right: 10px; }
    .comments-box .write-comment-inner .comments-message {
      flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1; }
  .comments-box .comments-list-item {
    display: block;
    position: relative;
    padding: 10px 20px; }
    .comments-box .comments-list-item .itcss-loader {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc; }
    .comments-box .comments-list-item .itcss-loader-container {
      top: 25px;
      margin: 0; }
  .comments-box .comments-list .itcss-loader-animation .dot {
    display: inline-block !important; }
  .comments-box .comments-list .no-comments {
    padding: 20px 20px 0; }
    .comments-box .comments-list .no-comments p {
      margin: 0;
      color: #666; }
  .comments-box .comments-list .deleted-comment {
    font-style: italic;
    color: #ababab; }
  .comments-box .comments-list .load-more-button {
    padding: 0 !important;
    margin: 10px 0 0 75px !important; }
  .comments-box .comments-list .itcss-loader {
    border: none !important; }
    .comments-box .comments-list .itcss-loader-container {
      top: 50% !important;
      margin-top: -20px !important; }
    .comments-box .comments-list .itcss-loader.small .itcss-loader-container {
      margin-top: -10px !important; }
  .comments-box .comments-list .comments-list {
    display: block;
    margin: 0; }
    .comments-box .comments-list .comments-list .comments-list-item {
      padding: 0 0 10px 75px;
      margin: 10px 0 0; }
      .comments-box .comments-list .comments-list .comments-list-item:first-child {
        padding-top: 10px; }
    .comments-box .comments-list .comments-list .delete-comment-confirmation, .comments-box .comments-list .comments-list .itcss-loader {
      left: -20px;
      right: -20px;
      width: auto; }
  .comments-box .comments-list .comments-user-reply {
    position: relative;
    padding-left: 15px; }
    .comments-box .comments-list .comments-user-reply [class*="icon-"] {
      position: absolute;
      left: 0;
      top: 1px;
      -moz-transform: scaleY(-1);
      -o-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1); }
  .comments-box .comments-list .reply-comment-holder {
    display: none;
    position: relative;
    padding-left: 75px;
    text-align: right;
    margin: 10px 0 0; }
    .comments-box .comments-list .reply-comment-holder .write-comment-inner {
      text-align: left; }
    .comments-box .comments-list .reply-comment-holder.active {
      display: block; }
    .comments-box .comments-list .reply-comment-holder .comments-message {
      display: block;
      background: #ffffff;
      resize: none; }
    .comments-box .comments-list .reply-comment-holder .itcss-button, .comments-box .comments-list .reply-comment-holder .notification-preferences-confirm.sweet-alert .sa-button-container button, .notification-preferences-confirm.sweet-alert .sa-button-container .comments-box .comments-list .reply-comment-holder button {
      float: right;
      margin: 5px 5px 0 0; }
  .comments-box .comments-likes-list li:nth-child(2n+1) {
    border-right: 1px solid #ccc; }
  .comments-box .comments-likes-list .comments-user-wrap {
    margin-bottom: 20px; }
  .comments-box .comments-likes-list .comments-user-author {
    line-height: 1.3;
    max-height: 2.6em;
    overflow: hidden; }
  .comments-box .comments-user-wrap {
    display: block;
    position: relative;
    min-height: 64px;
    box-sizing: border-box;
    padding-left: 75px;
    padding-top: 5px; }
  .comments-box .comments-user-img {
    position: absolute;
    left: 0;
    top: 0; }
  .comments-box .comments-user-author {
    display: block;
    font-size: 14px;
    color: #333; }
  .comments-box .comments-user-text {
    position: relative;
    margin: 5px 0 !important;
    line-height: 1.2;
    max-height: 7.2em;
    overflow: hidden;
    transition: 0.3s linear max-height; }
    .comments-box .comments-user-text .emojione {
      width: 22px;
      vertical-align: middle;
      transform: translateY(-1px); }
    .comments-box .comments-user-text.short:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background-image: linear-gradient(to bottom, transparent, #f4f4f4);
      padding: 2em 0; }
    .comments-box .comments-user-text.expanded:before {
      background: none; }
    .comments-box .comments-user-text-inner {
      display: block;
      margin: 0;
      font-size: inherit;
      line-height: inherit;
      white-space: pre-wrap;
      color: #666; }
    .comments-box .comments-user-text + .js-see-more-btn {
      margin: -5px 0 5px 0; }
  .comments-box .comments-user-actions {
    font-size: 12px; }
    .comments-box .comments-user-actions > li {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
      .comments-box .comments-user-actions > li:first-child {
        margin-left: 0; }
  .comments-box .comments-user-delete {
    position: absolute;
    right: -5px;
    top: -5px;
    font-size: 14px;
    color: #666;
    padding: 5px; }
  .comments-box .comments-user-like {
    color: #666; }
    .comments-box .comments-user-like > span {
      color: #666 !important; }
    .comments-box .comments-user-like [class^="icon-"], .comments-box .comments-user-like [class*=" icon-"], .comments-box .comments-user-like:hover, .comments-box .comments-user-like.liked {
      color: #D02A21; }
  .comments-box .time-posted {
    color: #666; }
  .comments-box .delete-comment-confirmation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    z-index: 999;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .comments-box .delete-comment-confirmation .choice-holder {
      position: relative;
      top: 15px;
      overflow: hidden; }
      .comments-box .delete-comment-confirmation .choice-holder p {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: bold;
        color: #333; }
      .comments-box .delete-comment-confirmation .choice-holder button {
        margin: 0 10px; }
  .comments-box .write-comment-form {
    position: relative;
    padding: 15px 20px 20px; }
    .comments-box .write-comment-form textarea {
      width: 100%;
      height: 100px;
      font-size: 12px;
      box-sizing: border-box;
      resize: none; }
      .comments-box .write-comment-form textarea.error {
        border: 1px solid #AF3431;
        background: #ecdbdb; }
    .comments-box .write-comment-form .error_message {
      display: none;
      margin: 0 0 15px;
      font-size: 11px;
      color: #AF3431; }
    .comments-box .write-comment-form .remaining_chars {
      display: inline-block;
      margin: 0 0 15px;
      font-size: 11px;
      color: #7a7a7a; }
      .comments-box .write-comment-form .remaining_chars_length {
        display: inline-block;
        margin: 0 0 15px;
        font-size: 11px;
        color: #7a7a7a; }
    .comments-box .write-comment-form button {
      margin: 5px 5px 0 0;
      float: right; }
  .comments-box .load-more-button {
    display: inline-block;
    font-weight: bold;
    padding: 10px 0;
    margin: 20px 0 0 !important;
    position: relative;
    background: none;
    border: none; }
  .comments-box .js-load-comments {
    margin: 0 20px !important; }

.cbutton {
  display: inline-block; }
  .cbutton:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.4em 0 0 -1.4em;
    width: 2.8em;
    height: 2.8em;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none; }
  .cbutton--effect-like::after {
    background: rgba(111, 148, 182, 0.1); }
  .cbutton--effect-like.cbutton--click {
    -webkit-animation: anim-effect-heart 1s ease-out forwards;
    animation: anim-effect-heart 1s ease-out forwards; }
    .cbutton--effect-like.cbutton--click::after {
      -webkit-animation: anim-effect-sanja 1s ease-out forwards;
      animation: anim-effect-sanja 1s ease-out forwards; }

.js-like-btn, .js-like-trigger {
  color: #666; }
  .js-like-btn [class^="icon-"], .js-like-btn [class*=" icon-"], .js-like-btn:hover, .js-like-btn.liked, .js-like-trigger [class^="icon-"], .js-like-trigger [class*=" icon-"], .js-like-trigger:hover, .js-like-trigger.liked {
    color: #D02A21 !important; }

.liked [class*="icon-heart"]:before {
  content: "\e792"; }

@media only screen and (max-width: 380px) {
  .comments-box .comments-user-wrap:not(.small) {
    padding-left: 0; }
    .comments-box .comments-user-wrap:not(.small) .comments-user-img {
      display: none !important; }
  .comments-box .comments-likes-list li:nth-child(2n+1) {
    border: none; }
  .comments-box .comments-likes-list .write-comment-inner .comments-user-img {
    display: none !important; } }

@-webkit-keyframes anim-effect-sanja {
  0% {
    opacity: 1;
    -moz-transform: scale3d(0.5, 0.5, 1);
    -o-transform: scale3d(0.5, 0.5, 1);
    -ms-transform: scale3d(0.5, 0.5, 1);
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  25% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes anim-effect-sanja {
  0% {
    opacity: 1;
    -moz-transform: scale3d(0.5, 0.5, 1);
    -o-transform: scale3d(0.5, 0.5, 1);
    -ms-transform: scale3d(0.5, 0.5, 1);
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  25% {
    opacity: 1;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes anim-effect-heart {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  25% {
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    -webkit-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1); }
  100% {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes anim-effect-heart {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  25% {
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    -webkit-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1); }
  100% {
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.smart-nps {
  position: fixed;
  bottom: -35px;
  left: 0;
  right: 0;
  z-index: 100;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.25);
  color: #666;
  padding: 15px 0 50px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .smart-nps.hidden {
    visibility: hidden; }
  .smart-nps .itcss-button:not(.link), .smart-nps .notification-preferences-confirm.sweet-alert .sa-button-container button:not(.link), .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps button:not(.link) {
    width: 49%; }
  .smart-nps .itcss-button.link, .smart-nps .notification-preferences-confirm.sweet-alert .sa-button-container button.link, .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps button.link {
    font-weight: bold; }
  .smart-nps-paragraph {
    font-size: 16px;
    line-height: 1.25; }
  .smart-nps:before {
    content: "";
    display: block;
    height: 6px;
    background: #292E80;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .smart-nps-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    color: #666 !important; }
    .smart-nps-close:hover {
      color: #333333 !important; }
  .smart-nps [data-slide="5"] {
    left: 400%; }
  .smart-nps [data-slide="4"] {
    left: 300%; }
  .smart-nps [data-slide="3"] {
    left: 200%; }
  .smart-nps [data-slide="2"] {
    left: 100%; }
  .smart-nps [data-slide="1"] {
    left: 0%; }
  .smart-nps-slide {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 0; }
    .smart-nps-slide:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .smart-nps-slide-wrap {
      display: block;
      position: relative;
      overflow: hidden;
      height: 140px; }
    .smart-nps-slide-inner {
      display: inline-block;
      vertical-align: middle;
      max-width: 480px;
      width: 100%;
      text-align: left; }
  .smart-nps-choice {
    font-size: 16px; }
    .smart-nps-choice .smart-nps-paragraph {
      margin: 0; }
    .smart-nps-choice .justify-content, .smart-nps-choice .comments-box-header {
      margin: 15px 0 2px 0; }
      .smart-nps-choice .justify-content > *, .smart-nps-choice .comments-box-header > * {
        font-size: 16px; }
    .smart-nps-choice li {
      display: inline-block;
      vertical-align: middle;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      font-weight: bold;
      background: #FFFFFF;
      cursor: pointer;
      color: #666;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
      border: 1px solid #ccc;
      border-radius: 5px;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
      .smart-nps-choice li:active, .smart-nps-choice li.selected {
        box-shadow: none;
        -moz-transform: translate(0, 2px);
        -o-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
        -webkit-transform: translate(0, 2px);
        transform: translate(0, 2px); }
      .smart-nps-choice li:hover, .smart-nps-choice li.selected {
        background: #f2f2f2; }
  .smart-nps-info {
    display: block;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
    font-weight: bold;
    margin: 5px auto; }
  .smart-nps-comment {
    font-size: 14px; }
    .smart-nps-comment .itcss-form-label {
      font-size: 16px;
      margin: 5px 0 10px 0;
      color: inherit; }
    .smart-nps-comment textarea {
      height: 44px;
      resize: none;
      margin-bottom: 10px; }
  .smart-nps-message {
    text-align: center;
    font-size: 20px; }
    .smart-nps-message p {
      margin-top: 20px; }
  .smart-nps.dark {
    background: #666;
    color: #ffffff;
    box-shadow: none; }
    .smart-nps.dark:before {
      display: none; }
    .smart-nps.dark .smart-nps-close {
      color: #ffffff !important; }
      .smart-nps.dark .smart-nps-close:hover {
        color: #cccccc !important; }
    .smart-nps.dark .itcss-button.secondary:hover, .smart-nps.dark .notification-preferences-confirm.sweet-alert .sa-button-container button.secondary:hover, .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps.dark button.secondary:hover, .smart-nps.dark .itcss-button.secondary:focus, .smart-nps.dark .notification-preferences-confirm.sweet-alert .sa-button-container button.secondary:focus, .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps.dark button.secondary:focus {
      background: gray; }
    .smart-nps.dark .itcss-button.link, .smart-nps.dark .notification-preferences-confirm.sweet-alert .sa-button-container button.link, .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps.dark button.link {
      color: #ffffff;
      transition: all 0.3s; }
      .smart-nps.dark .itcss-button.link:hover, .smart-nps.dark .notification-preferences-confirm.sweet-alert .sa-button-container button.link:hover, .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps.dark button.link:hover, .smart-nps.dark .itcss-button.link:focus, .smart-nps.dark .notification-preferences-confirm.sweet-alert .sa-button-container button.link:focus, .notification-preferences-confirm.sweet-alert .sa-button-container .smart-nps.dark button.link:focus {
        opacity: 0.8; }

@media only screen and (max-width: 480px) {
  .smart-nps {
    padding: 15px 15px 50px; }
    .smart-nps-paragraph {
      font-size: 14px; }
    .smart-nps-info {
      font-size: 10px;
      font-weight: bold;
      margin: 5px auto; }
    .smart-nps-choice .justify-content, .smart-nps-choice .comments-box-header {
      margin: 10px 0 2px 0; }
      .smart-nps-choice .justify-content > *, .smart-nps-choice .comments-box-header > * {
        font-size: 14px; }
    .smart-nps-choice ul {
      border: 1px solid #ccc;
      border-radius: 5px;
      overflow: hidden;
      background: #ffffff; }
      .smart-nps-choice ul li {
        width: 9.09%;
        height: 28px;
        line-height: 28px;
        font-weight: normal;
        box-shadow: none;
        border: none;
        border-radius: 0;
        border-left: 1px solid #ccc;
        box-sizing: border-box;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important; }
        .smart-nps-choice ul li:first-child {
          border: none; }
    .smart-nps-comment .itcss-form-label {
      font-size: 14px; } }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

/* ======================
  Notifications
====================== */
.notification-list-item {
  display: table;
  width: 100%;
  position: relative; }
  .notification-list-item + .notification-list-item {
    border-top: 1px solid #ccc; }
  .notification-list-item:before {
    content: '';
    display: table-cell;
    width: 5px;
    height: 100%;
    background: #292E80; }
  .itcss-box-body .notification-list-item:last-child {
    border-radius: 0 0 5px 5px; }
    .itcss-box-body .notification-list-item:last-child:before {
      border-radius: 0 0 0 5px; }
  .notification-list-item.read:before {
    background: none; }
  .notification-list-item.unread {
    background: #F2F2F2; }
  .notification-list-item:hover {
    background: #f8f8f8; }
  .notification-list-item.error {
    display: block; }
    .notification-list-item.error:before {
      background: none; }
    .notification-list-item.error:hover {
      background: none; }
    .notification-list-item.error .notification-list-item-icon {
      display: block;
      width: auto;
      padding: 40px 20px 20px;
      text-align: center; }
    .notification-list-item.error .notification-list-item-content {
      display: block;
      text-align: center;
      font-size: 16px;
      line-height: 1.5;
      padding: 0 20px 40px; }
  .notification-list-item-title {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 5px; }
  .notification-list-item-date {
    display: block;
    font-size: 12px;
    color: #666; }
  .notification-list-item-icon {
    display: table-cell;
    width: 40px;
    padding: 10px 0 10px 10px;
    vertical-align: middle; }
    .notification-list-item-icon img {
      max-width: 40px; }
    .notification-list-item-icon-wrapper {
      position: relative; }
    .notification-list-item-icon-secondary {
      position: absolute;
      right: -5px;
      bottom: -4px;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px; }
      .notification-list-item-icon-secondary img {
        max-width: 100%;
        max-height: 100%;
        display: inline-block; }
    .notification-list-item-icon i {
      display: inline-block;
      text-align: center;
      font-size: 60px;
      color: #999; }
  .notification-list-item-content {
    display: table-cell;
    vertical-align: middle;
    padding: 10px; }

.notification-list-empty {
  display: block;
  padding: 20px;
  color: #666;
  font-size: 12px;
  text-align: center; }
  .notification-list-empty i {
    display: block;
    margin: 10px auto 0 !important;
    font-size: 40px !important;
    color: #999; }

.notification-list-more {
  position: relative;
  top: 30px; }

.notification-prompt {
  border-top: none !important;
  border-bottom: 1px solid #ccc;
  display: none; }
  .notification-prompt .itcss-notification {
    margin: 0; }
  .notification-prompt-icon {
    width: 80px;
    float: left; }
    .notification-prompt-icon .svg-icon {
      vertical-align: top;
      font-size: 80px;
      color: #292E80; }
  .notification-prompt-content {
    margin: 0 0 0 100px; }
  .notification-prompt-buttons {
    clear: both;
    margin: 20px 0 0; }
  .notification-prompt-title {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #333;
    margin: 0 0 10px; }
  .notification-prompt-text {
    font-size: 14px;
    color: #666; }

.notification-prompt.itcss-box {
  margin-bottom: 30px; }

.notification-prompt.itcss-box + .itcss-box {
  margin-top: 0 !important; }

.notification-preferences-channel:before {
  z-index: 1; }

.notification-preferences-channel-container {
  padding-left: 85px;
  padding-right: 270px;
  margin: 0 -20px 0 -30px;
  position: relative; }

.notification-preferences-channel-information {
  padding-top: 20px;
  position: relative;
  z-index: 1;
  border: none; }
  .notification-preferences-channel-information .notification-prompt {
    margin: 0; }
    .notification-preferences-channel-information .notification-prompt.browser-enabled {
      border: none; }

.notification-preferences-channel-icon {
  font-size: 28px;
  position: absolute;
  left: 35px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 0;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  color: #666; }

.notification-preferences-channel-select {
  width: 220px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin: -15px 0 0; }
  .notification-preferences-channel-select .selectboxit-list {
    max-height: 200px !important; }
  .notification-preferences-channel-select.snoozed {
    display: none; }

.notification-preferences-channel-snooze {
  display: none;
  width: 220px;
  position: absolute;
  right: 25px;
  top: 50%;
  margin: -32px 0 0;
  height: 65px;
  padding: 0 50px 0 0;
  box-sizing: border-box; }
  .notification-preferences-channel-snooze a {
    display: inline-block;
    white-space: nowrap;
    color: #D71E1E;
    margin-top: 10px; }
    .notification-preferences-channel-snooze a:hover {
      color: #D71E1E; }
    .notification-preferences-channel-snooze a i {
      margin: 0 5px 0 0;
      font-size: 16px; }
  .notification-preferences-channel-snooze .icon-snooze {
    color: #292E80;
    font-size: 42px;
    height: 42px;
    line-height: 42px;
    top: 50%;
    margin: -21px 0 0;
    position: absolute;
    right: 0; }
  .notification-preferences-channel-snooze.snoozed {
    display: block; }

.notification-preferences-channel.visible {
  display: block !important; }

.notification-preferences-category {
  position: relative; }
  .notification-preferences-category + .notification-preferences-category {
    border-top: 1px solid #ccc; }
  .notification-preferences-category-head {
    padding: 20px; }
  .notification-preferences-category-items {
    border-top: 1px solid #ccc; }
  .notification-preferences-category-row {
    display: table;
    width: 100%; }
  .notification-preferences-category-column {
    display: table-cell;
    width: 90px;
    text-align: center;
    position: relative; }
    .notification-preferences-category-column:first-child {
      text-align: left;
      width: auto; }
    .notification-preferences-category-column label {
      margin: auto !important; }
    .notification-preferences-category-column.visible {
      display: table-cell !important; }
  .notification-preferences-category-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8); }
  .notification-preferences-category-channel {
    margin-bottom: 20px;
    font-size: 14px;
    color: #666; }
  .notification-preferences-category-icon {
    font-size: 18px;
    margin: 0 5px 0 0; }
  .notification-preferences-category-icon-indicator {
    display: none; }

.notification-preferences-title {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: bold;
  color: #333333; }

.notification-preferences-description {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  color: #666666; }

.notification-preferences-toggle-button {
  margin: 5px 0 0; }
  .notification-preferences-toggle-button.mobile {
    display: none; }
  .notification-preferences-toggle-button.desktop {
    display: inline-block; }
  .notification-preferences-toggle-button i {
    margin-left: 5px;
    top: 2px; }

.notification-preferences .itcss-box {
  position: relative; }

.notification-preferences input[type="checkbox"] {
  left: 0;
  top: 0; }

.notification-preferences [data-channel-container="browser"] {
  display: none; }

.notifications-menu {
  position: relative; }
  .notifications-menu li {
    display: block !important; }
  .notifications-menu-head, .notifications-menu-foot {
    color: #666;
    font-size: 12px;
    padding: 10px 20px; }
    .notifications-menu-head a, .notifications-menu-foot a {
      position: relative;
      padding: 0 0 0 20px; }
    .notifications-menu-head [class*="icon-"], .notifications-menu-foot [class*="icon-"] {
      width: auto !important;
      height: 20px !important;
      line-height: 20px;
      font-size: 14px !important;
      position: absolute;
      left: 0;
      top: 50%;
      margin: -10px 0 0 !important; }
  .notifications-menu-title {
    text-transform: uppercase;
    float: left; }
  .notifications-menu-mark-as-read {
    float: right; }
  .notifications-menu-view-all {
    float: right;
    padding: 0 16px 0 0 !important; }
    .notifications-menu-view-all [class*="icon-"] {
      left: auto;
      right: 0; }
  .notifications-menu .itcss-items-list {
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease-in-out;
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    text-align: left;
    background: #fff;
    position: absolute;
    top: 34px;
    left: 50%;
    width: 320px;
    margin: 0 0 0 -160px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px; }
    .notifications-menu .itcss-items-list.active {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .notifications-menu .itcss-items-list:before, .notifications-menu .itcss-items-list:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      transition: all 0.25s ease-in-out;
      bottom: 100%;
      left: 50%; }
    .notifications-menu .itcss-items-list:before {
      border-color: transparent;
      border-width: 10px;
      border-bottom-color: #ccc;
      margin-left: -10px; }
    .notifications-menu .itcss-items-list:after {
      border-color: transparent;
      border-width: 9px;
      border-bottom-color: #fff;
      margin-left: -9px; }
    .notifications-menu .itcss-items-list li:first-child .notification-list-item {
      border-radius: 5px 5px 0 0; }
      .notifications-menu .itcss-items-list li:first-child .notification-list-item:before {
        border-radius: 5px 0 0 0; }
    .notifications-menu .itcss-items-list li:last-child .notification-list-item {
      border-radius: 0 0 5px 5px; }
      .notifications-menu .itcss-items-list li:last-child .notification-list-item:before {
        border-radius: 0 0 0 5px; }
  .notifications-menu li + li {
    border-top: 1px solid #ccc; }

.notifications-bubble {
  position: absolute;
  width: 360px;
  right: 0;
  top: 20px;
  z-index: 10; }
  .nav-v2 .notifications-bubble {
    right: 20px; }
  .notifications-bubble .notification-list-item {
    background: #fff;
    border-radius: 5px;
    opacity: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border: 1px solid #ccc;
    transition: all 0.25s ease-in-out;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
    .notifications-bubble .notification-list-item:before {
      border-radius: 5px 0 0 5px; }
    .notifications-bubble .notification-list-item-close {
      position: absolute;
      right: 0;
      top: 0;
      color: #666;
      font-size: 12px;
      padding: 8px; }
    .notifications-bubble .notification-list-item-content {
      padding-right: 30px; }
    .notifications-bubble .notification-list-item + .notification-list-item {
      margin-top: 10px; }
    .notifications-bubble .notification-list-item.visible {
      opacity: 1;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }

.notification-preferences-confirm.sweet-alert {
  text-align: left; }
  .notification-preferences-confirm.sweet-alert h2 {
    text-align: left;
    font-size: 20px;
    margin: -25px -25px 20px;
    padding: 14px 17px;
    border-bottom: 1px solid #ccc;
    background: #F4F4F4;
    font-weight: normal; }
  .notification-preferences-confirm.sweet-alert p {
    font-size: 16px;
    line-height: 1.5; }
    .notification-preferences-confirm.sweet-alert p + p {
      margin-top: 15px; }
  .notification-preferences-confirm.sweet-alert .notification-preferences-confirm-content {
    position: relative;
    padding: 0 0 0 120px; }
    .notification-preferences-confirm.sweet-alert .notification-preferences-confirm-content i {
      position: absolute;
      font-size: 60px;
      width: 100px;
      text-align: center;
      top: 20px;
      left: 0;
      color: #999; }
    .notification-preferences-confirm.sweet-alert .notification-preferences-confirm-content.snooze i {
      color: #292E80; }
  .notification-preferences-confirm.sweet-alert .sa-button-container {
    padding: 40px 0 0; }
    .notification-preferences-confirm.sweet-alert .sa-button-container button {
      display: block !important;
      margin: 0;
      width: 100%;
      padding-top: 15px;
      padding-bottom: 15px;
      font-weight: normal;
      font-size: 14px; }
      .notification-preferences-confirm.sweet-alert .sa-button-container button.cancel {
        background: #999 !important; }
    .notification-preferences-confirm.sweet-alert .sa-button-container > * {
      width: 48% !important;
      float: left; }
      .notification-preferences-confirm.sweet-alert .sa-button-container > *:last-child {
        float: right; }

.js-notifications-view-all {
  display: none; }

@media only screen and (max-width: 640px) {
  .notification-preferences-channel {
    padding-left: 30px;
    padding-right: 20px; }
    .notification-preferences-channel-container {
      margin: 0;
      padding: 0; }
    .notification-preferences-channel-icon {
      font-size: 16px;
      position: relative;
      left: 0;
      top: 1px;
      width: auto;
      height: auto;
      margin: 0 5px 0 0;
      float: left; }
    .notification-preferences-channel-select {
      width: auto;
      position: static;
      right: 25px;
      margin: 10px 0 0; }
    .notification-preferences-channel-snooze {
      width: auto;
      position: relative;
      right: 0;
      top: 0;
      margin: 10px 0 0;
      height: auto;
      padding: 0 50px 0 0; }
  .notification-preferences-category-row {
    display: block; }
  .notification-preferences-category-column {
    display: block;
    width: auto;
    text-align: left; }
    .notification-preferences-category-column.visible {
      display: block !important; }
    .notification-preferences-category-column + .notification-preferences-category-column {
      margin-top: 10px; }
  .notification-preferences-category-channel {
    float: left;
    margin: 5px 0; }
  .notification-preferences-category-icon {
    font-size: 18px;
    margin: 0 5px 0 0; }
  .notification-preferences-category-icon-indicator {
    display: inline-block;
    position: relative;
    top: -5px;
    margin: 0 5px 0 0; }
  .notification-preferences-category-preference {
    display: inline-block; }
    .notification-preferences-category-preference.visible {
      display: inline-block !important; }
    .notification-preferences-category-preference + .notification-preferences-category-preference {
      margin-left: 20px; }
  .notification-preferences-item-toggle {
    float: right; }
  .notification-preferences-title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold;
    color: #333333; }
  .notification-preferences-description {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    color: #666666; }
  .notification-preferences-toggle-button {
    margin-top: 20px; }
    .notification-preferences-toggle-button.desktop {
      display: none; }
    .notification-preferences-toggle-button.mobile {
      display: inline-block; } }

.ui-slideout-content .notification-list-container {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.ui-slideout-content .notification-list + .notification-list {
  border-top: 1px solid #ccc; }