@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes evenExample {
  0%, 24.9% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  33.2%, 58.1% {
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }

  66.4%, 91.3% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }

  to {
    -webkit-transform: translate(-75%);
    transform: translate(-75%);
  }
}

@keyframes evenExample {
  0%, 24.9% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  33.2%, 58.1% {
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }

  66.4%, 91.3% {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }

  to {
    -webkit-transform: translate(-75%);
    transform: translate(-75%);
  }
}

.ajax-loading-spinner {
  font-size: 60px;
  color: #1965e1;
}

img.lazyload {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.no-js img.lazyload {
  display: none;
}

img.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: all .3s;
  transition: all .3s;
}

.address-card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
  list-style: none;
  padding-left: 0;
}

.address-card-list:after,
.address-card-list:before {
  content: " ";
  display: table;
}

.address-card-list:after {
  clear: both;
}

.address-card-list__item {
  border: 1px solid #fff;
  display: inline-block;
  padding: 0;
  width: 100%;
  vertical-align: top;
}

.address-card-list__item--default {
  border: 1px solid #eee;
}

.address-card-list__item--current {
  border: 1px solid #eee;
  margin-bottom: 30px;
}

.address-card-list__item--current.loading {
  background: #eee;
  color: #ccc;
  position: relative;
}

.address-card-list__item--current.loading:after {
  -webkit-animation: spin 1s steps(8) infinite;
  animation: spin 1s steps(8) infinite;
  color: #545454;
  content: "\f110";
  font-family: Fontawesome;
  font-size: 20px;
  left: 50%;
  line-height: 20px;
  margin: -10px 0 0 -10px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.address-card-list__item-content {
  font-size: 14px;
  padding: 30px 15px;
  position: relative;
}

.address-card-list__default-text {
  background-color: #eee;
  font-size: 16px;
  line-height: .938;
  padding: 15px;
  margin: 0;
}

.address-card-list__options {
  border-bottom: 1px solid #eee;
}

.address-card-list__options:last-child {
  border: 0;
}

.address-card-list__options-block {
  border-top: 1px solid #eee;
  margin-top: 15px;
  padding-top: 15px;
}

.address-card-list__options-block:first-child {
  border-top: 0;
  margin-top: 0;
}

.address-card-list__options-block label {
  padding-right: 0;
}

.address-card-list__option-link {
  display: inline-block;
  margin-bottom: 5px;
}

.address-card-list__option-link--half-width {
  display: inline-block;
  padding: 0 10px;
}

.address-card-list__option-link--half-width:first-child {
  border-left: 0;
  padding-left: 0;
}

.address-card-list__option-link--default-toggle {
  padding-left: 20px;
  position: relative;
}

.address-card-list__option-link--default-toggle .fa {
  left: 0;
  position: absolute;
  top: 3px;
}

.address-card-list__option-link--default-toggle .fa-circle {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .15s linear;
  transition: -webkit-transform .15s linear;
  transition: transform .15s linear;
  transition: transform .15s linear,-webkit-transform .15s linear;
}

.address-card-list__item--default .address-card-list__option-link--default-toggle .fa-circle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.address-card-list__option-link--default-toggle .fa-circle-thin {
  display: inline-block;
}

.address-card-list__option-link--default-toggle:active .fa-circle,
.address-card-list__option-link--default-toggle:focus .fa-circle,
.address-card-list__option-link--default-toggle:hover .fa-circle {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.address-card-list__option-link--default-toggle:active .fa-circle-thin,
.address-card-list__option-link--default-toggle:focus .fa-circle-thin,
.address-card-list__option-link--default-toggle:hover .fa-circle-thin {
  display: none;
}

.address-card-list__option-link--disabled .fa {
  color: #1965e1;
}

.tooltip-inner {
  background-color: #1965e1;
  font-size: 14px;
  line-height: 1.4;
  opacity: 1;
  padding: 15px;
  width: 200px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #1965e1;
}

.online--account-bar {
  font-size: 12px;
  line-height: 12px;
}

.online--account-bar__action {
  padding-top: 15px;
}

.online--account-bar__action__link {
  float: right;
  margin-left: 15px;
}

.online--account-bar__title {
  padding: 15px 0;
}

.online--close-account__footer {
  border-top: 1px solid #eee;
  margin-top: 15px;
  padding-top: 30px;
}

.online--account-heading-strip {
  background-color: #fff;
  border-bottom: 5px solid #1965e1;
  color: #4d4d4d;
  display: block;
  margin: 7px 0 0;
  padding: 15px;
  position: relative;
}

.online--account-heading-strip--hidden {
  display: none;
}

.online--account-heading-strip__icon {
  color: #1965e1;
  font-size: 35px;
  margin-right: 15px;
}

.form__container--disabled .online--account-heading-strip__icon {
  color: #bdbebe;
}

.online--account-heading-strip__icon--small {
  font-size: 28px;
}

.online--new-card__billing {
  padding: 15px 0;
}

.account-section__order-details__order-details {
  border-bottom: 1px solid #eee;
}

.account-section__order-details__order-details-title {
  background: #0d2ea0;
  border-bottom: 1px solid #eee;
  color: #fff;
}

.account-section__order-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: -15px;
}

.account-section__order-info {
  -webkit-flex-basis: 250px;
  -ms-flex-preferred-size: 250px;
  flex-basis: 250px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 15px;
  border: 1px solid #ddd;
}

.account-section__order__table {
  table-layout: fixed;
  width: 100%;
}

.account-section__order__table caption {
  padding: 15px;
  vertical-align: top;
}

.account-section__order__table td,
.account-section__order__table th {
  line-height: 1.285;
  padding: 7px;
  vertical-align: top;
}

.account-section__order__table th {
  padding-left: 15px;
}

.account-section__order__table td {
  padding-right: 15px;
}

.account-section__order__table tr:first-child td,
.account-section__order__table tr:first-child th {
  padding-top: 15px;
}

.account-section__order__table tr:last-child td,
.account-section__order__table tr:last-child th {
  padding-bottom: 15px;
}

.account-section__order__table-footer {
  padding: 15px 0 15px 20%;
  text-align: right;
}

.account-section__order__table-footer td,
.account-section__order__table-footer th {
  padding: 5px 15px;
}

.my-account--order-details__image {
  border: 1px solid #eee;
  object-fit: cover;
}

.account-section__order__table-footer th {
  text-align: right;
}

.account-section__order-details__info-title {
  display: inline-block;
}

.account-section__order {
  border: 1px solid #ddd;
  margin-top: 30px;
  overflow: hidden;
}

.account-section__order__image {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}

.account-section__order-filter-form {
  padding-bottom: 30px;
}

.account-section__order-filter-form .form-group {
  margin-top: 60px;
}

.account-section__order-view-details .fa {
  font-size: 11px;
}

.online--account-section {
  background-color: #fff;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 20px 30px;
}

.online-account-ecoflat-section-postion {
  background-color: #fff;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 14px;
}

.account-section__wrapper {
  overflow: hidden;
  width: 100%;
}

.account-section {
  padding: 30px 30px 20px;
}

.account-section__header {
  border-bottom: 1px solid #eee;
  margin: 30px 0;
  padding-bottom: 15px;
}

.account-section__header:first-child {
  margin-top: 0;
}

.account-section__header--form-header {
  margin-bottom: 15px;
}

.account-section__header p:last-child {
  margin: 0;
}

.form__container--disabled .account-section__header {
  border: 0;
  margin: 0;
  padding: 0;
}

.account-section__header__back {
  display: inline-block;
  margin-bottom: 15px;
}

.account-section__header__back .fa {
  font-size: 11px;
}

.account-section__title {
  border: 0;
  margin-top: 0;
  font-size: 25px;
}

.form__container--disabled .account-section__title {
  color: #bdbebe;
}

.account-section__title--brother-club {
  position: relative;
  padding-left: 101px;
}

.account-section__title--brother-club:after {
  content: "";
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  position: absolute;
  background-image: url(/_client/images/common/brother-club.png);
  background-size: 81px 41px;
  background-repeat: no-repeat;
  width: 81px;
  height: 41px;
}

.account-section__container {
  overflow: hidden;
}

.account-section__container:after,
.account-section__container:before {
  content: " ";
  display: table;
}

.account-section__container:after {
  clear: both;
}

.js .account-section__row[data-slidebar-container] {
  position: relative;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
}

.account-section__menu-button-wrapper {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.account-section__menu-button {
  display: inline-block;
  font-size: 16px;
}

.account-section__menu-button .fa {
  padding-right: 5px;
}

.account-section__footer,
.account-section__my-address-block {
  padding: 15px 0;
}

.account-section__my-address-btn {
  padding-right: 15px;
}

.account-section__my-address-tooltip {
  display: inline-block;
  font-weight: 700;
}

.account-section__my-address-block .tooltip-inner,
.form-group .tooltip-inner {
  background-color: #1965e1;
  font-size: 14px;
  line-height: 1.4;
  opacity: 1;
  padding: 15px;
}

.account-section__my-address-block .tooltip.top .tooltip-arrow,
.form-group .tooltip.top .tooltip-arrow {
  border-top-color: #1965e1;
}

.online--account-sidebar {
  display: block;
}

.online--account-nav {
  background-color: #fff;
  margin-bottom: 15px;
}

.online--account-nav__nav-list {
  padding-left: 0;
  list-style: none;
}

.online--account-nav__heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 18px;
  margin: 0;
  padding: 15px 30px;
}

.online--account-nav__heading .small,
.online--account-nav__heading small {
  font-size: 65%;
}

.online--account-nav__link {
  display: block;
  font-weight: 700;
  padding: 15px 30px;
  position: relative;
  width: 100%;
}

.online--account-nav__link:active,
.online--account-nav__link:focus,
.online--account-nav__link:hover {
  background-color: #4883e7;
  color: #fff;
  outline: 0;
}

.online--account-nav__link--active {
  background-color: #1965e1;
  color: #fff;
}

.online--account-nav__link--active:active,
.online--account-nav__link--active:focus,
.online--account-nav__link--active:hover {
  background-color: #1965e1;
}

.online--account-sign-in-details__section {
  border: 1px solid #eee;
  padding: 15px;
  margin-top: 30px;
}

.online--account-sign-in-details__section-heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 25px;
  border: 0;
  margin-top: 0;
}

.online--account-sign-in-details__section-heading .small,
.online--account-sign-in-details__section-heading small {
  font-size: 65%;
}

.online--account-sign-in-details__section-current-email {
  padding: 15px 0;
}

.account-section__subscription {
  border: 1px solid #eee;
  overflow: hidden;
  margin-top: 30px;
  padding: 15px 0;
}

.account-section__subscription:first-child {
  margin-top: 0;
}

.account-section__subscription__header {
  min-height: 80px;
  padding-left: 110px;
  position: relative;
}

.account-section__subscription__header:first-child {
  margin-top: 0;
}

.account-section__subscription__name {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 5px;
}

.account-section__subscription__name .small,
.account-section__subscription__name small {
  font-size: 65%;
}

.account-section__subscription__cost,
.account-section__subscription__info {
  margin: 0;
}

.account-section__subscription__info {
  font-weight: 700;
}

.account-section__subscription__image {
  border: 1px solid #eee;
  display: block;
  left: 15px;
  position: absolute;
  top: 0;
  width: 80px;
}

.account-section__subscription__form .form-inline {
  margin-top: 0;
}

.online--change-billing-modal__heading {
  padding-right: 40px;
}

.online--change-billing-modal__add-btn {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.online--change-billing-modal__header {
  position: relative;
}

.online--change-billing-modal__footer {
  text-align: left;
}

.card-list {
  margin: 0;
  padding: 0;
}

.card-list--contained {
  padding: 15px;
}

.card-list,
.card-list__info {
  list-style: none;
}

.card-list__item {
  border: 1px solid #eee;
  margin-top: 15px;
  padding: 15px;
  padding-left: 80px;
  position: relative;
}

.card-list__item:first-child {
  margin-top: 0;
}

.card-list__item--default,
.card-list__item--default:first-child {
  margin-top: 65px;
}

.card-list__item__default {
  background: #eee;
  bottom: 100%;
  left: -1px;
  margin: 0;
  padding: 15px;
  position: absolute;
}

.card-list__info-description,
.card-list__info-title {
  display: inline;
}

.card-list__item-image {
  position: absolute;
  left: 10px;
  top: 15px;
  width: 60px;
}

.account-confirm {
  display: table;
  margin-top: -20px;
}

.account-confirm__icon {
  color: #1965e1;
  display: table-cell;
  font-size: 60px;
  vertical-align: top;
}

.account-confirm__icon .fa {
  margin-right: 15px;
}

.account-confirm__text {
  display: table-cell;
  vertical-align: top;
}

.checkout-header {
  background-color: #fff;
}

.checkout-header__title {
  border-bottom: 1px solid #eee;
  padding: 10px 30px 20px;
  text-align: center;
}

.online--checkout__login {
  border: 1px solid #1965e1;
}

.checkout-partners {
  background-color: #fff;
  padding: 15px 0 30px;
  text-align: center;
}

.checkout-partners__item {
  display: inline-block;
  margin-right: 15px;
  width: 100px;
}

.checkout-partners__item:last-child {
  margin-right: 0;
}

.checkout-partners__image {
  width: 100%;
}

.checkout-submit {
  padding: 0 15px;
  text-align: right;
}

.checkout-submit .form-group {
  margin-top: 20px;
  overflow: hidden;
}

.checkout-submit .checkbox {
  float: right;
  max-width: 300px;
}

.checkout-submit label:before {
  border-color: #777;
}

.checkout-submit--left {
  padding: 0 30px;
}

.checkout-submit--left .form-group {
  margin-top: 20px;
  overflow: hidden;
}

.checkout-submit--left .form-group.margin-top-0 {
  margin-top: 0;
}

.checkout-submit--left .checkbox {
  float: left;
}

.checkout-submit--left label:before {
  border-color: #777;
}

.checkout--club-summary {
  padding: 20px 30px;
}

.checkout--club-summary .basket--club--header {
  margin-top: 5px;
}

.checkout--club-registration__savings {
  margin-top: 20px;
}

.checkout--club-registration__savings strong {
  font-size: 20px;
}

.checkout--club-registration .form-group {
  margin-top: 20px;
}

.checkout__payment-notice {
  background-color: #fffaba;
  text-align: center;
  padding: 15px;
  margin: 30px 0;
}

.online--circle-image {
  background-color: #4883e7;
  border-radius: 50%;
  margin: 30px auto 0;
  padding-bottom: 30%;
  position: relative;
  text-align: center;
  width: 30%;
}

.online--circle-image .fa {
  color: #fff;
  font-size: 50px;
}

.online--circle-image__icon {
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  width: 50px;
}

.online--current-plan {
  border: 1px solid #eee;
  margin-bottom: 30px;
}

.online--current-plan__summary {
  border-bottom: 1px solid #eee;
}

.online--current-plan__summary__label {
  background: #eee;
  font-weight: 700;
  padding: 15px;
}

.online--current-plan__summary__value {
  padding: 15px;
}

.online--current-plan__summary__value__omnijoin {
  background: url(/_client/images/omnijoin/onmijoin-logo-blue.png) 50% 50% no-repeat;
  background-image: url(/_client/images/omnijoin/onmijoin-logo-blue.svg);
  display: inline-block;
  height: 20px;
  text-indent: -9999px;
  width: 81px;
}

.online--current-plan__summary .fa {
  color: #4883e7;
}

.online--current-plan__features {
  margin: 0;
  padding: 15px 15px 5px;
}

.online--current-plan__features__item {
  list-style: none;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.online--current-plan__features__item:before {
  content: "\f00d";
  font-family: Fontawesome;
  left: 0;
  position: absolute;
  top: 0;
}

.online--current-plan__features__item--available:before {
  color: #390;
  content: "\f00c";
}

.chargebee-payment-method-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#chargebee-payment-container {
  background: #fff;
  overflow: hidden;
  padding: 0 30px 15px;
}

.chargebee-payment-header {
  font-size: 17px;
  font-weight: 600;
}

.chargebee-payment-method {
  padding-left: 50px;
}

.cardholdername_msg {
  padding-bottom: 32px;
  margin-top: -34px;
  font-size: 12px;
}

.chargebee-payment-sub-header {
  font-size: 14px;
  margin-top: -8px;
}

.chargebee-payment-form-container form>div {
  float: left;
  margin: 45px 0;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
}

.chargebee-payment-form-header {
  font-weight: 700;
}

.chargebee-payment-label-cardholder-name {
  background: #eee;
  bottom: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  background: #fff;
  margin-left: -11px;
}

.has-success .chargebee-payment-label-cardholder-name {
  background-color: #edf9d5;
}

.has-warning .chargebee-payment-label-cardholder-name {
  background-color: #f6efd1;
}

.has-error .chargebee-payment-label-cardholder-name {
  background-color: #ffedf1;
}

.chargebee-payment-label-cardholder-name:after {
  font-weight: 700;
  margin-left: 5px;
}

.chargebee-payment-label-cardholder-name.invalid {
  border: 1px solid red;
}

.chargebee-payment-label label {
  background: #eee;
  bottom: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  background: #fff;
  margin-left: -11px;
}

.has-success .chargebee-payment-label label {
  background-color: #edf9d5;
}

.has-warning .chargebee-payment-label label {
  background-color: #f6efd1;
}

.has-error .chargebee-payment-label label {
  background-color: #ffedf1;
}

.chargebee-payment-label label:after {
  font-weight: 700;
  color: #c33;
  content: "\2A";
  margin-left: 5px;
}

.chargebee-payment-input input,
.chargebee-payment-input select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #eee;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  text-transform: uppercase;
}

.chargebee-payment-input input:focus,
.chargebee-payment-input select:focus {
  border-color: #e5e5e5;
  outline: 0;
}

.chargebee-payment-input input:focus::-webkit-input-placeholder,
.chargebee-payment-input select:focus::-webkit-input-placeholder {
  color: transparent;
}

.chargebee-payment-input input:focus:-moz-placeholder,
.chargebee-payment-input input:focus::-moz-placeholder,
.chargebee-payment-input select:focus:-moz-placeholder,
.chargebee-payment-input select:focus::-moz-placeholder {
  color: transparent;
}

.chargebee-payment-input input:focus:-ms-input-placeholder,
.chargebee-payment-input select:focus:-ms-input-placeholder {
  color: transparent;
}

.chargebee-payment-input input:focus+.form-label,
.chargebee-payment-input select:focus+.form-label {
  display: block;
}

.chargebee-payment-input input:focus,
.chargebee-payment-input select:focus {
  border-color: #ddd;
}

.chargebee-payment-input input:focus+.form-label,
.chargebee-payment-input select:focus+.form-label {
  background: #ddd;
  color: #071956;
}

.has-success .chargebee-payment-input input,
.has-success .chargebee-payment-input input:focus,
.has-success .chargebee-payment-input select,
.has-success .chargebee-payment-input select:focus {
  border-color: #bbd975;
  color: #6b930d;
  padding-right: 35px;
}

.has-warning .chargebee-payment-input input,
.has-warning .chargebee-payment-input input:focus,
.has-warning .chargebee-payment-input select,
.has-warning .chargebee-payment-input select:focus {
  border-color: #e8d37b;
  color: #ed7200;
  padding-right: 35px;
}

.has-error .chargebee-payment-input input,
.has-error .chargebee-payment-input input:focus,
.has-error .chargebee-payment-input select,
.has-error .chargebee-payment-input select:focus {
  border-color: #ffccd7;
  color: #ff0136;
  padding-right: 35px;
}

.chargebee-payment-input input::-moz-placeholder,
.chargebee-payment-input select::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.chargebee-payment-input input:-ms-input-placeholder,
.chargebee-payment-input select:-ms-input-placeholder {
  color: #999;
}

.chargebee-payment-input input::-webkit-input-placeholder,
.chargebee-payment-input select::-webkit-input-placeholder {
  color: #999;
}

.chargebee-payment-input input[disabled],
.chargebee-payment-input input[readonly],
.chargebee-payment-input select[disabled],
.chargebee-payment-input select[readonly],
fieldset[disabled] .chargebee-payment-input input,
fieldset[disabled] .chargebee-payment-input select {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.chargebee-payment-input select {
  padding-right: 30px;
  padding-right: 0;
}

.chargebee-payment-input select::-ms-expand {
  display: none;
}

#chargebee-payment-cvc-input-container,
#chargebee-payment-expiry-input-container {
  width: 151px;
}

.chargebee-payment-form-container [type=submit] {
  color: #fff;
  background-color: #0d2ea0;
  border-color: transparent;
  border-color: #0d2ea0;
  border-radius: 0;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #fff;
  letter-spacing: .5px;
  padding: 17px 42px;
  font-size: 14px;
  line-height: 1.429;
}

.chargebee-payment-form-container [type=submit].active,
.chargebee-payment-form-container [type=submit].focus,
.chargebee-payment-form-container [type=submit]:active,
.chargebee-payment-form-container [type=submit]:focus,
.chargebee-payment-form-container [type=submit]:hover,
.open>.chargebee-payment-form-container [type=submit].dropdown-toggle {
  color: #fff;
  background-color: #092071;
  border-color: transparent;
}

.chargebee-payment-form-container [type=submit].active,
.chargebee-payment-form-container [type=submit]:active,
.open>.chargebee-payment-form-container [type=submit].dropdown-toggle {
  background-image: none;
}

.chargebee-payment-form-container [type=submit].margin-0 {
  margin: 0;
}

.chargebee-payment-form-container [type=submit].disabled,
.chargebee-payment-form-container [type=submit].disabled.active,
.chargebee-payment-form-container [type=submit].disabled.focus,
.chargebee-payment-form-container [type=submit].disabled:active,
.chargebee-payment-form-container [type=submit].disabled:focus,
.chargebee-payment-form-container [type=submit].disabled:hover,
.chargebee-payment-form-container [type=submit][disabled],
.chargebee-payment-form-container [type=submit][disabled].active,
.chargebee-payment-form-container [type=submit][disabled].focus,
.chargebee-payment-form-container [type=submit][disabled]:active,
.chargebee-payment-form-container [type=submit][disabled]:focus,
.chargebee-payment-form-container [type=submit][disabled]:hover,
fieldset[disabled] .chargebee-payment-form-container [type=submit],
fieldset[disabled] .chargebee-payment-form-container [type=submit].active,
fieldset[disabled] .chargebee-payment-form-container [type=submit].focus,
fieldset[disabled] .chargebee-payment-form-container [type=submit]:active,
fieldset[disabled] .chargebee-payment-form-container [type=submit]:focus,
fieldset[disabled] .chargebee-payment-form-container [type=submit]:hover {
  background-color: #0d2ea0;
  border-color: transparent;
}

.chargebee-payment-form-container [type=submit]#ncol_cancel,
.chargebee-payment-form-container [type=submit].cancel {
  color: #1965e1;
  background-color: #fff;
  border-color: #1965e1;
}

.chargebee-payment-form-container [type=submit]#ncol_cancel.active,
.chargebee-payment-form-container [type=submit]#ncol_cancel.focus,
.chargebee-payment-form-container [type=submit]#ncol_cancel:active,
.chargebee-payment-form-container [type=submit]#ncol_cancel:focus,
.chargebee-payment-form-container [type=submit]#ncol_cancel:hover,
.chargebee-payment-form-container [type=submit].cancel.active,
.chargebee-payment-form-container [type=submit].cancel.focus,
.chargebee-payment-form-container [type=submit].cancel:active,
.chargebee-payment-form-container [type=submit].cancel:focus,
.chargebee-payment-form-container [type=submit].cancel:hover,
.open>.chargebee-payment-form-container [type=submit]#ncol_cancel.dropdown-toggle,
.open>.chargebee-payment-form-container [type=submit].cancel.dropdown-toggle {
  color: #1965e1;
  background-color: #e6e6e6;
  border-color: #134caa;
}

.chargebee-payment-form-container [type=submit]#ncol_cancel.active,
.chargebee-payment-form-container [type=submit]#ncol_cancel:active,
.chargebee-payment-form-container [type=submit].cancel.active,
.chargebee-payment-form-container [type=submit].cancel:active,
.open>.chargebee-payment-form-container [type=submit]#ncol_cancel.dropdown-toggle,
.open>.chargebee-payment-form-container [type=submit].cancel.dropdown-toggle {
  background-image: none;
}

.chargebee-payment-form-container [type=submit]#ncol_cancel.margin-0,
.chargebee-payment-form-container [type=submit].cancel.margin-0 {
  margin: 0;
}

.chargebee-payment-form-container [type=submit]#ncol_cancel.disabled,
.chargebee-payment-form-container [type=submit]#ncol_cancel.disabled.active,
.chargebee-payment-form-container [type=submit]#ncol_cancel.disabled.focus,
.chargebee-payment-form-container [type=submit]#ncol_cancel.disabled:active,
.chargebee-payment-form-container [type=submit]#ncol_cancel.disabled:focus,
.chargebee-payment-form-container [type=submit]#ncol_cancel.disabled:hover,
.chargebee-payment-form-container [type=submit]#ncol_cancel[disabled],
.chargebee-payment-form-container [type=submit]#ncol_cancel[disabled].active,
.chargebee-payment-form-container [type=submit]#ncol_cancel[disabled].focus,
.chargebee-payment-form-container [type=submit]#ncol_cancel[disabled]:active,
.chargebee-payment-form-container [type=submit]#ncol_cancel[disabled]:focus,
.chargebee-payment-form-container [type=submit]#ncol_cancel[disabled]:hover,
.chargebee-payment-form-container [type=submit].cancel.disabled,
.chargebee-payment-form-container [type=submit].cancel.disabled.active,
.chargebee-payment-form-container [type=submit].cancel.disabled.focus,
.chargebee-payment-form-container [type=submit].cancel.disabled:active,
.chargebee-payment-form-container [type=submit].cancel.disabled:focus,
.chargebee-payment-form-container [type=submit].cancel.disabled:hover,
.chargebee-payment-form-container [type=submit].cancel[disabled],
.chargebee-payment-form-container [type=submit].cancel[disabled].active,
.chargebee-payment-form-container [type=submit].cancel[disabled].focus,
.chargebee-payment-form-container [type=submit].cancel[disabled]:active,
.chargebee-payment-form-container [type=submit].cancel[disabled]:focus,
.chargebee-payment-form-container [type=submit].cancel[disabled]:hover,
fieldset[disabled] .chargebee-payment-form-container [type=submit]#ncol_cancel,
fieldset[disabled] .chargebee-payment-form-container [type=submit]#ncol_cancel.active,
fieldset[disabled] .chargebee-payment-form-container [type=submit]#ncol_cancel.focus,
fieldset[disabled] .chargebee-payment-form-container [type=submit]#ncol_cancel:active,
fieldset[disabled] .chargebee-payment-form-container [type=submit]#ncol_cancel:focus,
fieldset[disabled] .chargebee-payment-form-container [type=submit]#ncol_cancel:hover,
fieldset[disabled] .chargebee-payment-form-container [type=submit].cancel,
fieldset[disabled] .chargebee-payment-form-container [type=submit].cancel.active,
fieldset[disabled] .chargebee-payment-form-container [type=submit].cancel.focus,
fieldset[disabled] .chargebee-payment-form-container [type=submit].cancel:active,
fieldset[disabled] .chargebee-payment-form-container [type=submit].cancel:focus,
fieldset[disabled] .chargebee-payment-form-container [type=submit].cancel:hover {
  background-color: #fff;
  border-color: #1965e1;
}

.chargebee-payment-form-container [type=submit]#ncol_cancel:hover,
.chargebee-payment-form-container [type=submit].cancel:hover {
  color: #fff;
  background-color: #0d2ea0;
}

#chargebee-payment-cancel-container,
#chargebee-payment-submit-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.ex1-fieldset>.ex1-field,
.ex1-fieldset>.ex1-fields {
  margin-bottom: 40px;
}

.ex1-field {
  position: relative;
}

.ex1-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -16px;
}

.ex1-fields .ex1-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 16px;
}

.ex1-label {
  background: #eee;
  bottom: 100%;
  display: block;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  background: #fff;
  margin-left: -11px;
}

.has-success .ex1-label {
  background-color: #edf9d5;
}

.has-warning .ex1-label {
  background-color: #f6efd1;
}

.has-error .ex1-label {
  background-color: #ffedf1;
}

.ex1-label:after {
  font-weight: 700;
  color: #c33;
  content: "\2A";
  margin-left: 5px;
}

.ex1-input {
  padding: 10px 14px;
  font-size: 14px;
  border-width: 0;
  border-color: transparent;
  color: #0d2ea0;
  border: 1px solid #eee;
  cursor: text;
  -webkit-transition: all .28s ease;
  transition: all .28s ease;
  box-shadow: none;
}

.ex1-input.invalid {
  color: #c33;
  border-color: 1px solid red;
  border: 1px solid red;
}

.ex1-bar {
  position: relative;
  display: block;
}

.ex1-bar:before {
  content: "";
  height: .125rem;
  width: 0;
  left: 50%;
  bottom: -.0625rem;
  position: absolute;
  z-index: 2;
}

.ex1-input.focus~.ex1-bar:before,
.ex1-input.invalid~.ex1-bar:before,
.ex1-input:focus~.ex1-bar:before {
  width: 100%;
  left: 0;
}

.ex1-input.invalid~.ex1-bar:before {
  background: #c33;
  border-color: 1px solid red;
  border: 1px solid red;
}

#error {
  color: #c33;
  padding: 10px;
  text-align: center;
  font-weight: 500;
}

.cardnameemsg {
  color: #c33;
  border-color: #c33;
}

.hidden {
  visibility: hidden;
}

.online--existing__main-heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
}

.online--existing__main-heading .small,
.online--existing__main-heading small {
  font-size: 65%;
}

.online--existing__form {
  padding-bottom: 30px;
}

.online--existing__heading {
  text-align: center;
}

.online-form {
  padding: 15px;
}

.online-form__information {
  padding-top: 30px;
}

.online--got-a-question {
  background: #f2f2f2;
  padding: 10px 30px 20px;
}

.online--got-a-question__title {
  margin-bottom: 15px;
}

.online--got-a-question__call {
  font-size: 16px;
  padding-left: 25px;
  position: relative;
}

.online--got-a-question__call:before {
  color: #1965e1;
  content: "\f10b";
  font-family: Fontawesome;
  font-size: 30px;
  left: 0;
  position: absolute;
  top: -8px;
}

.online--header-strip {
  background: #1965e1;
  display: block;
  padding-right: 15px;
}

.online--header-strip__title {
  display: inline-block;
  font-weight: 100;
  margin: 0;
  padding: 15px 30px;
  width: 100%;
  color: #fff;
}

.online--header-strip__title .fa {
  margin-right: 15px;
}

.online--header-strip__title .omnijoin-icon {
  background: url(/Images/BIE/Online/omnijoin.png) 50% 50% no-repeat;
  background-image: url(/Images/BIE/Online/omnijoin.svg);
  display: inline-block;
  height: 27px;
  margin-right: 15px;
  vertical-align: -5px;
  width: 30px;
}

.online--header-strip .container {
  padding: 0;
  position: relative;
}

.online--header-strip .container .online--header-strip__title:before {
  content: "";
  height: 100%;
  margin-right: -15px;
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
}

.online--header-strip--theme1 {
  background: #00a9e0;
  color: #fff;
}

.online--header-strip--theme2 {
  background: #f8af00;
  color: #fff;
}

.online--header-strip--theme3 {
  background: #35c4b5;
  color: #fff;
}

.online--header-strip--theme4 {
  background: #fff;
  color: #545454;
}

.online--header-strip--theme5 {
  background: #545454;
  color: #fff;
}

.online--header-strip--theme6 {
  background: #008393;
  color: #fff;
}

.online--header-strip--theme7 {
  background: #8e258d;
  color: #fff;
}

.online--header-strip--theme8 {
  background: #e52053;
  color: #fff;
}

.online--header-strip--theme9 {
  background: #d71f85;
  color: #fff;
}

.online--header-strip--theme10 {
  background: #0d2ea0;
  color: #fff;
}

.online--header-strip--theme11 {
  background: #6c6f00;
  color: #fff;
}

.online--header-strip--theme12 {
  background: #e8bcdd;
  color: #545454;
}

.online--header-strip--theme13 {
  background: #bed600;
  color: #545454;
}

.online--header-strip--theme14 {
  background: #f8af00;
  color: #545454;
}

.online--header-strip--theme15 {
  background: #008931;
  color: #fff;
}

.online--header-strip--theme16 {
  background: #1965e1;
  color: #fff;
}

.online--product-modal__text {
  padding: 30px;
}

.online--product-modal__button-row {
  text-align: right;
}

.online--product-modal__heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 25px;
  padding-left: 80px;
  position: relative;
}

.online--product-modal__heading .small,
.online--product-modal__heading small {
  font-size: 65%;
}

.online--product-modal__heading:after {
  background-color: #c33;
  border-radius: 50%;
  color: #fff;
  content: "!";
  font-size: 35px;
  height: 40px;
  left: 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px;
}

.online--my-account-footer {
  width: 100%;
  margin: 0;
  background: #fff;
}

.online--my-account-footer .online--my-account-footer--wrapper {
  padding: 0;
}

.online--my-account-footer .online--my-account-footer--sub-links {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.online--my-account-footer .online--my-account-footer--sub-links li {
  text-align: center;
  border-bottom: 1px solid #eee;
}

.online--my-account-footer .online--my-account-footer--sub-links a {
  display: block;
  padding: 20px;
  color: #1965e1;
}

.online--my-account-footer .online--my-account-footer--sub-links a:hover {
  background: #e6e6e6;
}

.online--my-account-footer .online--my-account-footer--sub-links~.online--my-account-footer--back {
  margin: 10px auto 0;
  text-align: center;
}

.chargebee-payment-form-container .online--my-account-footer [type=submit],
.online--my-account-footer .btn,
.online--my-account-footer .chargebee-payment-form-container [type=submit] {
  margin: 0;
  display: block;
}

.online--my-account-footer .online--my-account-footer--actions,
.online--my-account-footer .online--my-account-footer--actions~.online--my-account-footer--back,
.online--my-account-footer .online--my-account-footer--sub-links~.online--my-account-footer--back {
  max-width: 250px;
}

.online--my-account-footer .online--my-account-footer--actions {
  margin-top: 30px;
}

.chargebee-payment-form-container .online--my-account-footer .online--my-account-footer--actions [type=submit],
.online--my-account-footer .online--my-account-footer--actions .btn,
.online--my-account-footer .online--my-account-footer--actions .chargebee-payment-form-container [type=submit] {
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
}

.chargebee-payment-form-container .online--my-account-footer .online--my-account-footer--actions [type=submit]:focus,
.online--my-account-footer .online--my-account-footer--actions .btn:focus,
.online--my-account-footer .online--my-account-footer--actions .chargebee-payment-form-container [type=submit]:focus {
  outline: none;
  outline-style: none;
}

.online--my-account-footer .online--my-account-footer--actions .btn-info {
  float: left;
}

.online--my-account-footer .online--my-account-footer--actions .btn-primary {
  float: right;
}

.online--my-account-footer .online--my-account-footer--back {
  display: block;
  font-weight: 700;
  margin-top: 20px;
  padding: 10px 0;
}

.online--my-account-footer .online--my-account-footer--back:focus {
  outline: none;
  outline-style: none;
}

.online--my-account-sidebar {
  display: none;
  background: #fff;
  padding-top: 20px;
  margin-bottom: 15px;
}

.online--my-account-sidebar h2,
.online--my-account-sidebar ul {
  margin: 0;
}

.online--my-account-sidebar h2 {
  padding: 0 20px 20px;
  font-size: 25px;
  position: relative;
}

.online--my-account-sidebar h2:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.online--my-account-sidebar ul {
  padding: 0;
  list-style: none;
}

.online--my-account-sidebar .online--my-account-sidebar--primary-nav {
  padding: 10px 0;
}

.online--my-account-sidebar .online--my-account-sidebar--secondary-nav {
  display: none;
}

.online--my-account-sidebar .online--my-account-sidebar--active-link>a {
  font-weight: 700;
  background: #1965e1;
  color: #fff;
}

.online--my-account-sidebar .online--my-account-sidebar--active-link>a:hover {
  color: #fff;
  background: #1450b3;
}

.online--my-account-sidebar .online--my-account-sidebar--active-link>a:active {
  background: #0f3c85;
}

.online--my-account-sidebar .online--my-account-sidebar--active-link .online--my-account-sidebar--secondary-nav {
  display: block;
}

.online--my-account-sidebar .online--my-account-sidebar--active-link .online--my-account-sidebar--secondary-nav a {
  font-weight: 400;
  background: none;
  padding-left: 45px;
  background: #eee;
}

.online--my-account-sidebar .online--my-account-sidebar--active-link .online--my-account-sidebar--secondary-nav a:hover {
  background: #e6e6e6;
}

.online--my-account-sidebar a {
  color: #4d4d4d;
  padding: 10px 20px;
  display: block;
}

.online--my-account-sidebar a:hover {
  background: #e6e6e6;
  color: #0f3c85;
}

.online--my-account-sidebar a:active {
  color: #008393;
}

.online--my-account-sidebar a:focus {
  outline: none;
  outline-style: none;
}

.online--my-devices {
  text-align: center;
}

.online--my-devices__device-count {
  overflow: hidden;
  padding: 15px 15px 0;
}

.online--my-devices__device-count__container {
  float: right;
}

.online--my-devices__device-count__number {
  color: #008393;
  display: block;
  font-size: 22px;
}

.online--my-devices__message {
  font-family: inherit;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 18px;
  color: #888;
  font-weight: 400;
  margin: 100px 0;
}

.online--my-devices__message .small,
.online--my-devices__message small {
  font-size: 65%;
}

.online--my-devices__cta {
  margin-bottom: 5px;
}

.online--my-products {
  display: block;
  padding: 15px;
}

.online--my-products__heading-strip {
  background-color: #1965e1;
  display: block;
}

.online--my-products__heading-strip__heading {
  background: #0d2ea0;
  color: #fff;
  display: inline-block;
  font-size: 21px;
  font-weight: 300;
  margin: 0;
  padding: 15px 30px;
}

.online--my-products__heading-strip__heading .fa {
  margin-right: 5px;
}

.online--my-products__product-container {
  padding-left: 0;
  list-style: none;
}

.online--my-products__product-container:after,
.online--my-products__product-container:before {
  content: " ";
  display: table;
}

.online--my-products__product-container:after {
  clear: both;
}

.online--my-products__item {
  text-align: center;
  font-weight: 700;
  margin: 15px 0;
  position: relative;
}

.online--my-products__figure {
  padding: 15px;
}

.online--my-products__image {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.online--my-products__remove {
  border: 0;
  background-color: transparent;
  color: #1965e1;
  position: absolute;
  font-size: 20px;
  line-height: 0;
  right: 15px;
  top: 0;
}

.online--my-products__no-products {
  padding: 30px;
  font-size: 16px;
  font-weight: 300;
}

[data-my-products-has-products=true] .online--my-products__no-products {
  display: none;
}

.online--my-products__promo {
  color: #1965e1;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

[data-my-product-clone],
[data-my-products-promo] {
  display: none;
}

[data-my-products-promo=active] {
  display: inline-block;
}

.online--newsletter-subscription {
  display: table;
  width: 100%;
}

.online--newsletter-subscription__form {
  border-top: 5px solid #0d2ea0;
  display: table-cell;
  padding: 10px 30px 20px;
  vertical-align: middle;
}

.online--newsletter-subscription--theme1 .online--newsletter-subscription__form {
  border-color: #008393;
}

.online--newsletter-subscription--theme2 .online--newsletter-subscription__form {
  border-color: #e17000;
}

.online--newsletter-subscription--theme3 .online--newsletter-subscription__form {
  border-color: #008393;
}

.online--newsletter-subscription__icon {
  display: none;
}

.online--omnijoin-plans {
  margin: 0 -7px;
  overflow: hidden;
}

.online--omnijoin-plans--inner {
  padding: 0;
}

.online--omnijoin-plans--plan {
  padding: 0 7px;
  position: relative;
  width: 100%;
}

.online--omnijoin-plans--plan--header {
  background-color: #1965e1;
  border-bottom: 1px solid #fff;
  overflow: hidden;
  padding: 15px;
  position: relative;
}

.online--omnijoin-plans--plan--header:after {
  background: url(/_client/images/omnijoin/onmijoin-plan-header-bg.png) 75% 40% no-repeat #0d2ea0;
  background-size: 80px;
  border-radius: 50%;
  bottom: -15px;
  content: "";
  height: 100px;
  position: absolute;
  right: -15px;
  width: 100px;
}

.online--omnijoin-plans--plan--header--title {
  color: #fff;
  margin: 15px 0;
  position: relative;
  z-index: 1;
}

.online--omnijoin-plans--plan--header--body {
  color: #fff;
  font-size: 11px;
  margin-bottom: 5px;
  display: inline-block;
  padding: 0 5px;
}

.online--omnijoin-plans--plan--details--item {
  background-color: #eee;
  border-bottom: 1px solid #fff;
  padding: 10px 19px 0;
  overflow: hidden;
  position: relative;
}

.online--omnijoin-plans--plan--details--item--toggle {
  color: #1965e1;
  cursor: pointer;
}

.online--omnijoin-plans--plan--details--item__negative p,
.online--omnijoin-plans--plan--details--item__positive p {
  padding-left: 20px;
  position: relative;
}

.online--omnijoin-plans--plan--details--item__negative p:before,
.online--omnijoin-plans--plan--details--item__positive p:before {
  color: #6b930d;
  content: "\f00c";
  font-family: Fontawesome;
  left: 0;
  position: absolute;
  top: 0;
}

.online--omnijoin-plans--plan--details--item__negative p:before {
  color: #1965e1;
  content: "\f00d";
}

.online--omnijoin-plans--plan--details--item__strong {
  font-weight: 700;
}

.online--omnijoin-plans--plan--details--item--form-group--inner,
.online--omnijoin-plans--plan--details--item--form-group input {
  margin-bottom: 15px;
}

.online--omnijoin-plans--footer {
  margin-top: 30px;
}

.online-hero-overflow {
  position: relative;
  top: -50px;
}

.online-login {
  margin-bottom: 30px;
  margin-top: 30px;
}

.online-login__bg {
  background-color: #fff;
  border: 0;
}

.online-form__heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 28px;
  font-weight: 300;
  text-align: center;
}

.online-form__heading .small,
.online-form__heading small {
  font-size: 65%;
}

.online-form__form-heading {
  font-weight: 300;
  margin-top: 15px;
  text-align: center;
}

.online-sign-up__form-heading {
  display: none;
}

.online-sign-up-page .common--social-login-strip {
  padding: 15px 0;
  padding-bottom: 0;
}

.online-sign-up__table {
  margin-top: 45px;
}

.online-sign-up__info {
  display: block;
  margin-bottom: 55px;
}

.form-group.form-group--checkbox.has-error:after,
.form-group.form-group--checkbox.has-success:after {
  top: -3px;
}

.payment-form-iframe-wrapper {
  margin-bottom: -25px;
  margin-left: -30px;
  margin-right: -30px;
}

.payment-form-iframe {
  border: 0;
  width: 100%;
}

.payment-options__list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.no-js .payment-options__list {
  display: none;
}

.payment-options__list li {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.payment-options__list li input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.payment-options__list li label {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: relative;
  display: block;
  padding: 15px 25px 15px 60px;
  z-index: 2;
  background-color: #fff;
  margin: 0;
  cursor: pointer;
  color: #777;
}

.payment-options__list li label:before {
  border-radius: 50%;
  content: "\f111";
  font-family: Fontawesome;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  position: absolute;
  border: 1px solid #e5e5e5;
  color: transparent;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 4px;
  line-height: 10px;
}

.payment-options__list li label:after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  height: 100%;
  width: 4px;
  background-color: #fff;
}

.payment-options__list li input:checked+label {
  font-weight: 700;
  border-left-color: #1965e1;
  color: #545454;
  border-left-width: 4px;
  padding-left: 57px;
}

.payment-options__list li input:checked+label:before {
  left: 17px;
  color: #1965e1;
}

.payment-options__list li:first-child label {
  border-top: 1px solid #eee;
}

.payment-options__items {
  border: 1px solid #eee;
  padding: 15px;
}

.js .payment-options__item {
  display: none;
}

.payment-options__item--active {
  display: block!important;
}

.js .payment-options__item-header {
  display: none;
}

.payment-options__item-summary {
  font-size: 16px;
  margin-bottom: 20px;
}

[data-postcode-lookup-error=false] {
  display: none;
}

.online--printer-devices__filter-container {
  margin-top: 15px;
  padding: 15px;
}

.online--printer-devices__filter-btn-container .btn-primary {
  margin-bottom: 0;
}

.online--printers-devices__device {
  background: #fff;
  padding: 10px 30px 20px;
}

.online--printers-devices__device+.online--printers-devices__device {
  border-top: 15px solid #f2f2f2;
}

.online--printers-devices__device-message {
  margin-top: 0;
}

.online--printers-devices__device-promotion-applied {
  font-weight: 700;
  color: #1965e1;
  padding: 10px 0;
  display: inline-block;
}

.online--printers-devices__device-image {
  display: block;
  width: 100%;
}

.online--printers-devices__device-loading {
  background: inherit;
  box-sizing: border-box;
  color: currentColor;
  font-size: 23px;
  height: 100%;
  left: 100%;
  opacity: 0;
  padding: 9px 15px;
  position: absolute;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  top: 0;
  width: 100%;
}

[data-loading] .online--printers-devices__device-loading {
  left: 0;
  opacity: 1;
}

.online--printers-devices__device-model {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
}

.online--printers-devices__device-model .small,
.online--printers-devices__device-model small {
  font-size: 65%;
}

.online--printers-devices__device-serial {
  font-weight: 700;
}

.online--printers-devices__device-title {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 700;
}

.online--printers-devices__device-title .small,
.online--printers-devices__device-title small {
  font-size: 65%;
}

.online--printers-devices__provider-logo {
  width: 100px;
}

.online--printers-devices__device-warning {
  color: #c33;
}

.online--printers-devices__warranty-open {
  padding-top: 20px;
}

.no-js .online--printers-devices__warranty-open {
  display: none;
}

.online--printers-devices__promo-msg {
  color: #1965e1;
  font-weight: 700;
  display: none;
}

.promo-applied .online--printers-devices__promo-msg {
  display: block;
}

.online--printers-devices__warranty-open-btn {
  overflow: hidden;
  position: relative;
}

.online--printers-devices__warranty-confirm {
  float: right;
}

.online--printers-devices__warranty-cancel {
  color: #1965e1;
  text-decoration: none;
  border: 0;
  background: none;
  line-height: 38px;
}

.online--printers-devices__warranty-cancel:focus,
.online--printers-devices__warranty-cancel:hover {
  color: #071956;
}

.online--printers-devices__warranty-cancel:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.online--product-card-container {
  text-align: center;
}

.online--product-items {
  list-style: none;
  padding: 15px 0;
  padding-left: 0;
}

.online--product-item {
  text-align: left;
}

.online--product-loading {
  display: none;
  margin: 30px auto;
}

[data-product-card-clone],
[data-product-loading=true] .online--product-heading,
[data-product-loading=true] .online--product-items,
[data-product-loading=true] .online--product-link {
  display: none;
}

.online--product-card {
  background-color: #fff;
  color: #4d4d4d;
  display: block;
  font-size: 16px;
  font-weight: 700;
  min-height: 100px;
  padding: 26px 15px;
  padding-left: 80px;
  position: relative;
}

.online--product-card:hover {
  background-color: #1965e1;
  color: #fff;
}

.online--product-card:active,
.online--product-card:focus {
  background-color: #4883e7;
  color: #fff;
}

.online--product-card__image {
  left: 0;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  width: 60px;
}

.online--product-card__model-id,
.online--product-card__model-name {
  color: inherit;
  display: block;
}

.online--product-result-card {
  text-align: center;
  margin-bottom: 20px;
}

.online--product-result-card__container {
  display: inline-block;
  padding: 0 30px 30px;
}

.online--product-result-card__heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 28px;
  display: block;
  font-weight: 300;
  margin-bottom: 15px;
  font-size: 20px;
}

.online--product-result-card__heading .small,
.online--product-result-card__heading small {
  font-size: 65%;
}

.online--product-result-card__sub-heading-block {
  display: block;
}

.online--product-result-card__sub-heading-block:last-child {
  margin-top: 15px;
}

.online--product-result-card__image {
  object-fit: cover;
  width: 150px;
}

.online--product-result-card__tick {
  color: #218400;
  font-size: 30px;
  height: 30px;
}

.online--product-result-details {
  padding: 15px 0;
}

.online--product-result-details__image {
  margin: 0 auto;
}

.online--product-result-details__image,
.online--product-result-details__link {
  display: block;
  margin-bottom: 15px;
}

.online--product-result-details__heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 25px;
  font-size: 16px;
}

.online--product-result-details__heading .small,
.online--product-result-details__heading small {
  font-size: 65%;
}

.online--product-result-details__heading .online--step-section__sub-heading-block:last-child {
  margin-top: 10px;
}

.online--product-result-details__promo {
  padding-top: 15px;
}

.online--product-result-details__promo-field {
  padding-right: 40px;
  position: relative;
}

.online--product-result-details__promo-state {
  bottom: 25px;
  font-size: 32px;
  height: 32px;
  margin-top: -16px;
  position: absolute;
  right: 0;
}

.online--product-result-details__promo-state .fa {
  display: none;
}

.online--product-result-details__promo-state--loading .fa-spinner {
  -webkit-animation: productSpinner 2s infinite;
  animation: productSpinner 2s infinite;
  color: #1965e1;
  display: block;
}

.online--product-result-details__promo-state--success .fa-check-circle-o {
  color: #218400;
  display: block;
}

.online--product-result-details__promo-field .form-group {
  width: 100%;
}

.online--product-result-details__promo-error {
  text-align: left;
}

[data-result-item-clone] {
  display: none;
}

.online--step-section {
  padding: 15px;
}

[data-product-collapsed=true] .online--step-section--forgotten-password,
[data-product-collapsed=true] .online--step-section--login {
  display: none;
}

.online--step-section__heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 28px;
  display: block;
  font-weight: 300;
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: center;
}

.online--step-section__heading .small,
.online--step-section__heading small {
  font-size: 65%;
}

.online--step-section__sub-heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 25px;
  font-size: 21px;
  margin-bottom: 15px;
  margin-top: 0;
}

.online--step-section__sub-heading .small,
.online--step-section__sub-heading small {
  font-size: 65%;
}

[data-product-collapsed=true] .online--step-section__sub-heading {
  margin-bottom: 0;
}

.online--step-section__sub-heading-icon {
  color: #1965e1;
}

.online--step-section__sub-heading-block {
  display: block;
}

.online--step-section__sub-heading-block:last-child {
  margin-top: 15px;
}

.online--step-section__link {
  font-size: 16px;
  font-weight: 700;
}

.online--step-section__block-container {
  border: 1px solid #eee;
  display: block;
}

.online--step-section__blocks {
  display: block;
  padding: 15px;
}

[data-product-collapsed=true] .online--step-section__blocks--hidden-when-collapsed {
  display: none;
}

.no-js [data-product-collapsed=true] .online--step-section__blocks--hidden-when-collapsed {
  display: table-cell;
}

[data-product-collapsed] .online--step-section__blocks--visible-when-collapsed {
  display: none;
}

[data-product-collapsed=true] .online--step-section__blocks--visible-when-collapsed {
  display: block;
}

.no-js [data-product-collapsed=true] .online--step-section__blocks--visible-when-collapsed {
  display: none;
}

.online--step-section__blocks--grey-shade {
  background-color: #eee;
  position: relative;
}

.online--step-section__blocks--grey-shade:after {
  bottom: -15px;
  content: " ";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #eee;
  height: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 0;
  z-index: 2;
}

.online--step-section__footer {
  text-align: right;
}

.online--step-section__footer-block {
  padding: 15px 15px 0;
  text-align: left;
}

[data-product-collapsed=true] .online--step-section__footer-block--hidden-when-collapsed {
  display: none;
}

.no-js [data-product-collapsed=true] .online--step-section__footer-block--hidden-when-collapsed {
  display: inline-block;
}

.online--step-section__collapsed-reveal {
  color: #777;
  font-size: 16px;
}

.online--step-section__collapsed-text {
  margin: 0;
}

[data-product-collapsed=true] .online--step-section--hidden-when-collapsed {
  display: none;
}

.no-js [data-product-collapsed=true] .online--step-section--hidden-when-collapsed {
  display: block;
}

.online--step-section__no-validate {
  margin-top: 45px;
}

.online--step-one-section__model-example {
  overflow: hidden;
}

.online--step-two-section__model-image {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-name: evenExample;
  animation-name: evenExample;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  display: block;
  margin: 0;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  width: 400%;
}

.online--step-two-section__form-wrapper[data-product-collapsed=true],
[data-dateField-form-error=true],
[data-promo-form-error=true],
[data-serial-form-error=true] {
  display: none;
}

.online--step-two-section__radio-container {
  margin-top: 30px;
}

.online--step-two-section__hidden-title {
  display: none;
}

[data-stage-hidden] {
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
}

[data-stage-hidden=true] {
  -webkit-transition: none;
  transition: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.online--product-success {
  padding: 15px 0;
  text-align: left;
}

.online--product-success__or {
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 15px;
}

.online--product-success__heading {
  margin-bottom: 35px;
}

.online--product-success__add-another,
.online--product-success__or {
  display: block;
  margin-bottom: 15px;
}

.online--register__image__img {
  margin: 30px auto;
  max-width: 432px;
  width: 100%;
}

.online--register__main-heading {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 25px;
  font-weight: 700;
}

.online--register__main-heading .small,
.online--register__main-heading small {
  font-size: 65%;
}

.online--register__lets-get-started {
  padding: 15px;
  text-align: center;
}

.responsive-table {
  table-layout: fixed;
  width: 100%;
}

.responsive-table tbody {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.responsive-table td,
.responsive-table th {
  padding: 5px 0;
}

.responsive-table__overflow {
  word-wrap: break-word;
}

.responsive-table__row {
  border-bottom: 1px solid #eee;
}

.responsive-table__row:nth-child(2n) {
  background-color: #f5f5f5;
}

.responsive-table__row--primary {
  background: #0d2ea0;
  color: #fff;
}

.responsive-table__row--secondary {
  background: #f5f5f5;
  border-bottom: 1px solid #eee;
}

.online--account-social-connect {
  display: block;
  list-style: none;
  padding-left: 0;
}

.online--account-social-connect__item {
  border-bottom: 1px solid #eee;
  display: block;
  font-size: 18px;
  padding: 30px 15px;
  padding-left: 60px;
  position: relative;
}

.online--account-social-connect__heading {
  margin-top: 0;
}

.online--account-social-connect__icon {
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  height: 40px;
  left: 5px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 40px;
}

.online--account-social-connect__icon .fa {
  line-height: 40px;
}

.online--account-social-connect__icon--facebook {
  background-color: #3b5998;
}

.online--account-social-connect__icon--linkedin {
  background-color: #007bb6;
}

.online--account-social-connect__icon--google-plus {
  background-color: #dd4b39;
}

.online--account-social-connect__state {
  display: block;
  font-size: 14px;
  padding-left: 17px;
  position: relative;
}

.online--account-social-connect__state--connected {
  color: #6b930d;
}

.online--account-social-connect__state--not-connected {
  color: #ff0136;
}

.online--account-social-connect__state .fa {
  left: 0;
  position: absolute;
  top: 2px;
}

.online--account-social-connect__button {
  margin-top: 15px;
}

.online--tabs {
  border-bottom: 1px solid #eee;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.online--tabs__link {
  background-color: #fff;
  color: #1965e1;
  display: table-cell;
  font-size: 14px;
  padding: 15px;
  text-align: center;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  vertical-align: top;
  word-wrap: break-word;
}

.online--tabs__link:active,
.online--tabs__link:focus,
.online--tabs__link:hover {
  background-color: #4883e7;
  color: #fff;
}

[data-active-tab=true] {
  position: relative;
}

[data-active-tab=true],
[data-active-tab=true]:active,
[data-active-tab=true]:focus,
[data-active-tab=true]:hover {
  background-color: #1965e1;
  color: #fff;
}

[data-active-tab=true]:active:after,
[data-active-tab=true]:after,
[data-active-tab=true]:focus:after,
[data-active-tab=true]:hover:after {
  border-top: 15px solid #1965e1;
}

[data-active-tab=true]:after {
  bottom: -15px;
  content: " ";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 0;
  z-index: 2;
}

.online--tabs__container {
  display: none;
  padding: 30px;
}

.online--tabs__container--existing {
  padding-bottom: 0;
}

.no-js .online--tabs__container,
.online--tabs__container.active {
  display: block;
}

.online--tabs__container--address-book {
  padding: 0;
}

[data-transition] {
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  opacity: 1;
}

[data-transition=true] {
  -webkit-transition: none;
  transition: none;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

@media (min-width:480px) {
  .address-card-list__item {
    width: 50%;
  }

  .online--account-bar__action {
    float: right;
    padding-bottom: 15px;
  }

  .online--account-bar__title {
    float: left;
  }

  .online--account-heading-strip__icon {
    font-size: 45px;
  }

  .online--account-heading-strip__icon--small {
    font-size: 28px;
  }

  .online--account-sign-in-details__section {
    padding: 30px;
  }

  .online--account-sign-in-details__section-form {
    padding-right: 40%;
  }

  .online--circle-image {
    padding-bottom: 35%;
    width: 35%;
  }

  .online--circle-image .fa {
    font-size: 75px;
  }

  .online--circle-image__icon {
    height: 75px;
    margin-left: -37.5px;
    margin-top: -37.5px;
    width: 75px;
  }

  .chargebee-payment-input select {
    min-width: 165px;
  }

  .online--existing__main-heading {
    padding: 15px 0;
  }

  .online-form {
    padding: 30px 30px 0;
  }

  .online-form__information {
    padding-bottom: 30px;
  }

  .online--product-modal__text {
    padding-left: 80px;
  }

  .online-sign-up__table {
    display: table;
    width: 100%;
  }

  .form-group.online-sign-up__half-block {
    display: table-cell;
    width: 50%;
  }

  .form-group.online-sign-up__half-block:first-child {
    padding-right: 15px;
  }

  .form-group.online-sign-up__half-block:first-child:after {
    right: 25px;
  }

  .form-group.online-sign-up__half-block:first-child .form-select-wrapper:before {
    right: 20px;
  }

  .form-group.online-sign-up__half-block .form-control {
    width: 100%;
  }

  .online--product-result-card__container {
    padding-left: 220px;
    position: relative;
    text-align: left;
  }

  .online--product-result-card__image {
    left: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .online--product-result-card__tick {
    left: 0;
    margin-bottom: 15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
  }

  .online--product-success__heading {
    padding-left: 0;
  }

  .online--register__main-heading {
    padding: 15px 0;
  }

  .online--account-social-connect__item {
    border: 1px solid #eee;
    margin-top: 30px;
    padding: 30px;
    padding-left: 120px;
  }

  .online--account-social-connect__icon {
    font-size: 30px;
    height: 60px;
    left: 30px;
    line-height: 60px;
    width: 60px;
  }

  .online--account-social-connect__icon .fa {
    line-height: 60px;
  }

  .online--tabs__link {
    font-size: 20px;
    padding: 30px;
  }
}

@media (min-width:480px) and (max-width:768px) {
  .address-card-list__item-content {
    padding: 15px;
  }

  .js .account-section__row[data-slidebar-container] {
    right: 50%;
    width: 150%;
  }

  .js .account-section__row[data-slidebar-state=open] {
    right: 0;
  }
}

@media (min-width:480px),(min-width:992px) {
  .address-card-list__item {
    padding-top: 45px;
  }

  .address-card-list__item--default {
    padding-top: 0;
  }
}

@media (min-width:768px) and (max-width:992px) {
  .address-card-list__item {
    padding-top: 0;
    width: 100%;
  }

  .address-card-list__item--default {
    margin-bottom: 30px;
  }

  .account-section__subscription__apply {
    margin-top: 0;
  }

  .online--step-section__form .form-group--inline,
  .online--step-section__form .form-group--inline-wrapper {
    display: inline-block;
  }

  .online--step-section__form button:not(.pika-button) {
    margin-top: 15px;
  }
}

@media (max-width:480px),(min-width:768px) and (max-width:992px) {
  .address-card-list__item {
    border-top-color: #eee;
  }

  .address-card-list__item--current+.address-card-list__item,
  .address-card-list__item--default+.address-card-list__item {
    border-top-color: #fff;
  }
}

@media (min-width:768px) {
  .address-card-list__item-content {
    padding: 30px 15px;
  }

  .online--account-heading-strip {
    margin: 15px 0 0;
    padding: 15px 30px;
  }

  .account-section__container {
    width: 100%;
  }

  .online--account-nav__nav-list {
    padding-right: 24px;
  }

  .online--account-nav__link--active:after {
    border: 25px solid transparent;
    border-left-color: #1965e1;
    border-right-width: 0;
    content: "";
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
  }

  .account-section__subscription__form,
  .account-section__subscription__offer {
    margin-top: 30px;
    text-align: left;
  }

  .account-confirm__icon {
    font-size: 80px;
  }

  .account-confirm__icon .fa {
    margin-right: 30px;
  }

  .checkout-submit,
  .checkout-submit--left {
    margin: 0 -8px;
    padding: 0;
  }

  .checkout-submit--left .button-wrap {
    text-align: right;
  }

  .checkout--club-registration__savings {
    margin-top: 0;
  }

  .online--circle-image {
    padding-bottom: 70%;
    width: 70%;
  }

  .online--circle-image .fa {
    font-size: 120px;
    font-size: 100px;
  }

  .online--circle-image__icon {
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    width: 120px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
  }

  .online--current-plan__summary {
    display: table;
    width: 100%;
  }

  .online--current-plan__summary__item {
    display: table-cell;
    vertical-align: top;
  }

  .online--current-plan__summary__item:last-child {
    padding-right: 0;
  }

  .online--current-plan__features {
    -webkit-column-count: 2;
    column-count: 2;
    padding: 15px;
  }

  .online--header-strip {
    padding-right: 0;
  }

  .account-section__column .online--header-strip {
    padding-right: 15px;
  }

  .online--header-strip__title {
    width: auto;
  }

  .account-section__column .online--header-strip__title {
    width: 100%;
  }

  .online--product-modal__heading,
  .online--product-modal__text {
    padding-left: 120px;
  }

  .online--product-modal__heading:after {
    font-size: 55px;
    left: 20px;
    height: 60px;
    width: 60px;
  }

  .online--my-account-sidebar {
    display: block;
  }

  .online--newsletter-subscription__form {
    border: 0;
    width: 60%;
  }

  .online--newsletter-subscription__icon {
    background: #0d2ea0;
    color: #fff;
    display: table-cell;
    font-size: 100px;
    text-align: center;
    vertical-align: middle;
    width: 40%;
  }

  .online--newsletter-subscription--theme1 .online--newsletter-subscription__icon {
    background: #008393;
  }

  .online--newsletter-subscription--theme2 .online--newsletter-subscription__icon {
    background: #e17000;
  }

  .online--newsletter-subscription--theme3 .online--newsletter-subscription__icon {
    background: #008393;
  }

  .online--omnijoin-plans--plan--header--body {
    display: block;
  }

  .online-sign-up__full-block,
  .online-sign-up__table {
    margin-top: 30px;
  }

  .online--printers-devices__warranty-buttons,
  .online--printers-devices__warranty-open {
    text-align: right;
  }

  .online--printers-devices__warranty-confirm {
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .online--printers-devices__warranty-cancel {
    float: right;
    margin-right: 15px;
  }

  .online--product-card {
    padding-left: 120px;
  }

  .online--product-card__image {
    left: 20px;
    width: 80px;
  }

  .online--product-result-details__image {
    width: 40%;
  }

  .online--step-section__sub-heading {
    line-height: 60px;
    padding-left: 75px;
    position: relative;
  }

  .online--step-section__sub-heading.online--product-heading {
    padding-left: 0;
  }

  .online--step-section__sub-heading-icon {
    font-size: 60px;
    left: 0;
    position: absolute;
    top: 0;
  }

  .online--step-section__block-container {
    display: table;
    width: 100%;
  }

  .online--step-section__blocks {
    display: table-cell;
    padding: 30px;
    position: relative;
    width: 50%;
    vertical-align: middle;
  }

  [data-product-collapsed=true] .online--step-section__blocks--visible-when-collapsed {
    display: table-cell;
  }

  .no-js [data-product-collapsed=true] .online--step-section__blocks--visible-when-collapsed {
    display: none;
  }

  .online--step-section__blocks--grey-shade:after {
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eee;
    border-top: 15px solid transparent;
    bottom: 50%;
    margin-left: 0;
    margin-top: -15px;
    left: 100%;
    top: 50%;
  }

  .online--step-section__footer-block {
    display: inline-block;
    padding: 30px 30px 0;
    width: 50%;
  }

  .online--step-section__collapsed-reveal {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }

  .online--step-section__success-text {
    text-align: left;
  }

  .online--register__image {
    display: inline-block;
    width: 39%;
    vertical-align: top;
  }

  .online--register__content {
    display: inline-block;
    padding: 0 60px;
    width: 59%;
    vertical-align: top;
  }

  .chargebee-payment-form-container .online--register__lets-get-started [type=submit],
  .online--register__lets-get-started .btn,
  .online--register__lets-get-started .chargebee-payment-form-container [type=submit] {
    padding-left: 60px;
    padding-right: 60px;
  }

  .online--tabs__container-table {
    display: table;
    width: 100%;
  }

  .online--tabs__container-table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
}

@media (min-width:992px) {
  .address-card-list__item {
    width: 33%;
  }

  .address-card-list__item-content {
    padding: 15px;
  }

  .account-section__order__table-footer {
    padding: 15px 0 15px 50%;
  }

  .account-section__subscription__form,
  .account-section__subscription__offer {
    margin-top: 0;
    text-align: right;
  }

  .checkout__payment-notice {
    padding: 30px;
  }

  .online--my-devices__device-count {
    padding: 30px 30px 0;
  }

  .online--my-devices__device-count__number {
    font-size: 24px;
  }

  .online--my-products__figure {
    padding: 0 30px;
  }

  .online--omnijoin-plans--inner {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .payment-options__list {
    margin-right: -15px;
  }

  .payment-options__list li input:checked+label:after {
    display: block;
  }

  .payment-options__items {
    padding: 30px;
    margin-left: -16px;
  }

  .payment-options__item {
    min-height: 350px;
  }

  .online--printers-devices__warranty-open-btn {
    float: right;
  }

  .online--step-two-section__inline-input {
    display: inline-block;
    width: 49%;
  }

  .online--register__image__img {
    margin: 15px auto;
  }

  .responsive-table td,
  .responsive-table th {
    padding: 15px;
  }

  .responsive-table__final {
    text-align: right;
  }

  .responsive-table__row>.md-right {
    text-align: right;
    padding-right: 40px;
  }

  .online--account-social-connect__item {
    padding-right: 200px;
  }

  .online--account-social-connect__icon {
    margin-top: -30px;
    top: 50%;
  }

  .online--account-social-connect__button {
    margin-top: 0;
    width: 150px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .address-card-list__option-link--half-width {
    display: block;
    padding: 0;
  }

  .address-card-list__option-link--half-width:first-child {
    border: 0;
  }

  .account-section__order-view-details .fa {
    display: none;
  }
}

@media (min-width:1200px) {
  .address-card-list__item-content {
    padding: 15px 30px 30px;
  }

  .online--current-plan__summary {
    table-layout: fixed;
  }

  .online--omnijoin-plans--plan {
    display: table-cell;
    vertical-align: top;
  }
}

@media (max-width:992px) {
  .address-card-list__option-link--half-width {
    border-left: 1px solid #eee;
  }

  .my-account--order-details__image {
    height: 60px;
    width: 60px;
  }

  .responsive-table--md .my-account--order-details__image-container {
    position: absolute;
    left: 15px;
    top: 15px;
  }

  .responsive-table--md .my-account--order-details__image-container+td {
    margin-bottom: 20px;
    padding-left: 90px;
    padding-top: 27px;
  }

  .online--account-section .form-footer {
    display: none;
  }

  .online-account-ecoflat-section-postion {
    margin-bottom: 20px;
  }

  .responsive-table tbody,
  .responsive-table td,
  .responsive-table tfoot,
  .responsive-table th,
  .responsive-table thead,
  .responsive-table tr {
    display: block;
    float: left;
    width: 100%;
  }

  .responsive-table__row {
    position: relative;
    padding: 15px;
  }

  .responsive-table__row:last-child {
    border: 0;
  }

  .responsive-table__data {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }

  .responsive-table__data--column:before {
    content: attr(data-column);
    display: inline-block;
    font-weight: 700;
    padding-right: 15px;
    word-wrap: break-word;
  }
}

@media (max-width:768px) {
  .account-section__row {
    margin: 0;
  }

  .account-section__subscription {
    max-width: 400px;
    width: 100%;
  }

  .account-section__subscription__form,
  .account-section__subscription__offer {
    margin-top: 30px;
    text-align: left;
  }

  .online--existing__heading {
    margin-top: 20px;
  }

  .online--my-products__item {
    border-bottom: 1px solid #eee;
  }

  .online--my-products__item:last-child {
    border-bottom: 0;
  }

  .online-sign-up__full-block {
    margin-bottom: 60px;
    margin-top: 30px;
  }

  .online--printer-devices__filter-btn-container {
    margin-top: 15px;
  }

  .online--step-section__sub-heading-icon {
    margin-right: 5px;
  }

  .online--step-section__blocks--grey-shade {
    margin-bottom: 15px;
  }

  .online--step-one-section__form-submit {
    margin-top: 15px;
  }
}

@media (max-width:480px) {
  .js .account-section__row[data-slidebar-container] {
    right: 100%;
    width: 200%;
  }

  .js .account-section__row[data-slidebar-state=open] {
    right: 17%;
  }

  .online--existing__main-heading {
    font-size: 20px;
  }

  .online--product-result-card__image {
    display: block;
    margin: 0 auto;
  }

  .online--register__main-heading {
    font-size: 20px;
    padding-bottom: 15px;
  }

  .online--account-social-connect__item:first-child {
    padding-top: 0;
  }

  .online--account-social-connect__item:first-child .online--account-social-connect__icon {
    top: 0;
  }
}

@media (max-width:500px) {
  .online--my-account-footer {
    padding: 0;
  }

  .online--my-account-footer .online--my-account-footer--actions,
  .online--my-account-footer .online--my-account-footer--back {
    margin-left: auto;
    margin-right: auto;
  }

  .online--my-account-footer .online--my-account-footer--back {
    text-align: center;
  }
}

@media (max-width:991px) {
  .payment-options__items {
    margin-top: -1px;
  }
}

@media (max-width:374px) {
  .online--step-section__form .form-group--inline,
  .online--step-section__form .form-group--inline-wrapper {
    display: inline-block;
  }

  .online--step-section__form button:not(.pika-button) {
    margin-top: 15px;
  }
}

/*# sourceMappingURL=IE9-online--base.css.map */