@charset "UTF-8";
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.col {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333333%;
      -ms-flex: 0 0 8.33333333%;
          flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66666667%;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66666667%;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333333%;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66666667%;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333333%;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66666667%;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12;
}

.offset-1 {
  margin-right: 8.33333333%;
}

.offset-2 {
  margin-right: 16.66666667%;
}

.offset-3 {
  margin-right: 25%;
}

.offset-4 {
  margin-right: 33.33333333%;
}

.offset-5 {
  margin-right: 41.66666667%;
}

.offset-6 {
  margin-right: 50%;
}

.offset-7 {
  margin-right: 58.33333333%;
}

.offset-8 {
  margin-right: 66.66666667%;
}

.offset-9 {
  margin-right: 75%;
}

.offset-10 {
  margin-right: 83.33333333%;
}

.offset-11 {
  margin-right: 91.66666667%;
}
.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(122.4, 186.36, 255);
}

.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}

.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 0 solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: 0;
  background-color: transparent;
  border: 0 solid transparent;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-left: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-left: 0;
  padding-right: 0;
}
.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-left: 0.3em solid transparent;
  border-bottom: 0;
  border-right: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-right: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  left: auto;
  right: 0;
}

.dropdown-menu-right {
  left: 0;
  right: auto;
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-left: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-right: 0;
}

.dropright .dropdown-menu {
  top: 0;
  left: auto;
  right: 100%;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-left: 0;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-right: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  left: 100%;
  right: auto;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-right: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  left: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.popover {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-right: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  width: 1rem;
  margin-right: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-left: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-right-radius: calc(0.3rem - 1px);
  border-top-left-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapsing.width {
  width: 0;
  height: auto;
  -webkit-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-left: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-right: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-left: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-right: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-right-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.rounded-right {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-left {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
      -ms-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
      -ms-flex-negative: 0 !important;
          flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
      -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -webkit-align-content: flex-start !important;
      -ms-flex-line-pack: start !important;
          align-content: flex-start !important;
}

.align-content-end {
  -webkit-align-content: flex-end !important;
      -ms-flex-line-pack: end !important;
          align-content: flex-end !important;
}

.align-content-center {
  -webkit-align-content: center !important;
      -ms-flex-line-pack: center !important;
          align-content: center !important;
}

.align-content-between {
  -webkit-align-content: space-between !important;
      -ms-flex-line-pack: justify !important;
          align-content: space-between !important;
}

.align-content-around {
  -webkit-align-content: space-around !important;
      -ms-flex-line-pack: distribute !important;
          align-content: space-around !important;
}

.align-content-stretch {
  -webkit-align-content: stretch !important;
      -ms-flex-line-pack: stretch !important;
          align-content: stretch !important;
}

.align-self-auto {
  -webkit-align-self: auto !important;
      -ms-flex-item-align: auto !important;
          align-self: auto !important;
}

.align-self-start {
  -webkit-align-self: flex-start !important;
      -ms-flex-item-align: start !important;
          align-self: flex-start !important;
}

.align-self-end {
  -webkit-align-self: flex-end !important;
      -ms-flex-item-align: end !important;
          align-self: flex-end !important;
}

.align-self-center {
  -webkit-align-self: center !important;
      -ms-flex-item-align: center !important;
          align-self: center !important;
}

.align-self-baseline {
  -webkit-align-self: baseline !important;
      -ms-flex-item-align: baseline !important;
          align-self: baseline !important;
}

.align-self-stretch {
  -webkit-align-self: stretch !important;
      -ms-flex-item-align: stretch !important;
          align-self: stretch !important;
}
.float-left {
  float: right !important;
}

.float-right {
  float: left !important;
}

.float-none {
  float: none !important;
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
      -ms-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-left: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-right: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-left: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-right: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-left: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-right: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-left: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-right: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-left: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-right: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-left: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-right: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-left: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-right: auto !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: right !important;
}

.text-right {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-left: 0;
  margin-right: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-right: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-left: -0.625rem;
  margin-bottom: -0.75rem;
  margin-right: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-left-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

.card-group > .card {
  margin-bottom: 15px;
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

.jumbotron-fluid {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}

.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: "\A0";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(../fonts/flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(../fonts/flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(../fonts/flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(../fonts/flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(../fonts/flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(../fonts/flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(../fonts/flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(../fonts/flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(../fonts/flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(../fonts/flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(../fonts/flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(../fonts/flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(../fonts/flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(../fonts/flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(../fonts/flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(../fonts/flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(../fonts/flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(../fonts/flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(../fonts/flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(../fonts/flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(../fonts/flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(../fonts/flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(../fonts/flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(../fonts/flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(../fonts/flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(../fonts/flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(../fonts/flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(../fonts/flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(../fonts/flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(../fonts/flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(../fonts/flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(../fonts/flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(../fonts/flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(../fonts/flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(../fonts/flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(../fonts/flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(../fonts/flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(../fonts/flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(../fonts/flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(../fonts/flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(../fonts/flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(../fonts/flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(../fonts/flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(../fonts/flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(../fonts/flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(../fonts/flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(../fonts/flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(../fonts/flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(../fonts/flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(../fonts/flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(../fonts/flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(../fonts/flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(../fonts/flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(../fonts/flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(../fonts/flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(../fonts/flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(../fonts/flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(../fonts/flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(../fonts/flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(../fonts/flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(../fonts/flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(../fonts/flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(../fonts/flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(../fonts/flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(../fonts/flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(../fonts/flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(../fonts/flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(../fonts/flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(../fonts/flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(../fonts/flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(../fonts/flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(../fonts/flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(../fonts/flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(../fonts/flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(../fonts/flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(../fonts/flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(../fonts/flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(../fonts/flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(../fonts/flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(../fonts/flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(../fonts/flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(../fonts/flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(../fonts/flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(../fonts/flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(../fonts/flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(../fonts/flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(../fonts/flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(../fonts/flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(../fonts/flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(../fonts/flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(../fonts/flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(../fonts/flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(../fonts/flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(../fonts/flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(../fonts/flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(../fonts/flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(../fonts/flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(../fonts/flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(../fonts/flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(../fonts/flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(../fonts/flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(../fonts/flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ie.svg);
}

.flag-icon-il {
  background-image: url(../fonts/flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(../fonts/flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(../fonts/flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(../fonts/flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(../fonts/flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(../fonts/flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(../fonts/flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(../fonts/flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(../fonts/flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(../fonts/flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(../fonts/flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(../fonts/flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(../fonts/flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(../fonts/flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(../fonts/flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(../fonts/flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(../fonts/flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(../fonts/flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(../fonts/flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(../fonts/flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(../fonts/flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(../fonts/flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(../fonts/flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(../fonts/flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(../fonts/flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(../fonts/flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(../fonts/flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(../fonts/flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(../fonts/flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(../fonts/flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(../fonts/flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(../fonts/flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(../fonts/flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(../fonts/flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(../fonts/flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(../fonts/flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(../fonts/flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(../fonts/flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(../fonts/flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(../fonts/flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(../fonts/flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(../fonts/flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(../fonts/flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(../fonts/flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(../fonts/flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(../fonts/flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(../fonts/flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(../fonts/flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(../fonts/flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(../fonts/flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(../fonts/flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(../fonts/flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(../fonts/flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(../fonts/flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(../fonts/flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(../fonts/flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(../fonts/flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(../fonts/flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(../fonts/flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(../fonts/flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(../fonts/flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(../fonts/flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(../fonts/flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(../fonts/flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(../fonts/flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(../fonts/flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(../fonts/flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(../fonts/flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(../fonts/flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(../fonts/flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(../fonts/flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(../fonts/flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(../fonts/flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(../fonts/flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(../fonts/flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(../fonts/flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(../fonts/flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(../fonts/flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(../fonts/flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(../fonts/flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(../fonts/flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(../fonts/flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(../fonts/flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(../fonts/flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(../fonts/flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(../fonts/flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(../fonts/flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(../fonts/flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(../fonts/flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(../fonts/flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(../fonts/flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(../fonts/flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(../fonts/flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(../fonts/flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(../fonts/flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(../fonts/flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(../fonts/flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(../fonts/flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(../fonts/flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(../fonts/flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(../fonts/flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(../fonts/flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(../fonts/flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(../fonts/flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(../fonts/flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(../fonts/flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(../fonts/flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(../fonts/flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(../fonts/flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(../fonts/flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(../fonts/flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(../fonts/flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(../fonts/flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(../fonts/flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(../fonts/flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(../fonts/flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(../fonts/flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(../fonts/flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(../fonts/flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(../fonts/flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(../fonts/flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(../fonts/flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(../fonts/flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(../fonts/flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(../fonts/flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(../fonts/flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(../fonts/flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(../fonts/flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(../fonts/flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(../fonts/flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(../fonts/flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(../fonts/flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(../fonts/flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(../fonts/flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(../fonts/flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(../fonts/flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(../fonts/flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(../fonts/flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(../fonts/flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(../fonts/flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(../fonts/flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(../fonts/flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(../fonts/flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(../fonts/flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(../fonts/flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(../fonts/flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(../fonts/flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/zw.svg);
}

.flag-icon-es-ct {
  background-image: url(../fonts/flags/4x3/es-ct.svg);
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/es-ct.svg);
}

.flag-icon-eu {
  background-image: url(../fonts/flags/4x3/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(../fonts/flags/4x3/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(../fonts/flags/4x3/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(../fonts/flags/4x3/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(../fonts/flags/4x3/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(../fonts/flags/4x3/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(../fonts/flags/1x1/un.svg);
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/* stylelint-disable */
/*md

# Icons

## Icons example:

```html_example

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">account:</span>
    <i class="b-icon icon icon-account" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">address:</span>
    <i class="b-icon icon icon-address" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-done:</span>
    <i class="b-icon icon icon-alert-done" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-error:</span>
    <i class="b-icon icon icon-alert-error" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-success:</span>
    <i class="b-icon icon icon-alert-success" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">amber-card:</span>
    <i class="b-icon icon icon-amber-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">apple:</span>
    <i class="b-icon icon icon-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-down:</span>
    <i class="b-icon icon icon-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-left:</span>
    <i class="b-icon icon icon-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-right:</span>
    <i class="b-icon icon icon-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-up:</span>
    <i class="b-icon icon icon-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">back:</span>
    <i class="b-icon icon icon-back" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">calendar:</span>
    <i class="b-icon icon icon-calendar" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cart:</span>
    <i class="b-icon icon icon-cart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cash-on-delivery:</span>
    <i class="b-icon icon icon-cash-on-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check:</span>
    <i class="b-icon icon icon-check" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle:</span>
    <i class="b-icon icon icon-check-circle" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle-white:</span>
    <i class="b-icon icon icon-check-circle-white" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-down:</span>
    <i class="b-icon icon icon-chevron-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-left:</span>
    <i class="b-icon icon icon-chevron-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-right:</span>
    <i class="b-icon icon icon-chevron-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-up:</span>
    <i class="b-icon icon icon-chevron-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">clear:</span>
    <i class="b-icon icon icon-clear" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">close:</span>
    <i class="b-icon icon icon-close" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">credit-card:</span>
    <i class="b-icon icon icon-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">delivery:</span>
    <i class="b-icon icon icon-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">edit:</span>
    <i class="b-icon icon icon-edit" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">export:</span>
    <i class="b-icon icon icon-export" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">eye:</span>
    <i class="b-icon icon icon-eye" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">facebook:</span>
    <i class="b-icon icon icon-facebook" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">gift:</span>
    <i class="b-icon icon icon-gift" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftcard:</span>
    <i class="b-icon icon icon-giftcard" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftregistry:</span>
    <i class="b-icon icon icon-giftregistry" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart:</span>
    <i class="b-icon icon icon-heart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart-full:</span>
    <i class="b-icon icon icon-heart-full" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">home-smile:</span>
    <i class="b-icon icon icon-home-smile" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">info:</span>
    <i class="b-icon icon icon-info" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">instagram:</span>
    <i class="b-icon icon icon-instagram" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location:</span>
    <i class="b-icon icon icon-location" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location-1:</span>
    <i class="b-icon icon icon-location-1" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">lock:</span>
    <i class="b-icon icon icon-lock" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify:</span>
    <i class="b-icon icon icon-magnify" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify-minus:</span>
    <i class="b-icon icon icon-magnify-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">mail:</span>
    <i class="b-icon icon icon-mail" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">map-pin:</span>
    <i class="b-icon icon icon-map-pin" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">menu:</span>
    <i class="b-icon icon icon-menu" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">minus:</span>
    <i class="b-icon icon icon-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">package:</span>
    <i class="b-icon icon icon-package" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-apple:</span>
    <i class="b-icon icon icon-payment-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-paypal:</span>
    <i class="b-icon icon icon-payment-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">paypal:</span>
    <i class="b-icon icon icon-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pencil:</span>
    <i class="b-icon icon icon-pencil" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">phone:</span>
    <i class="b-icon icon icon-phone" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pinterest:</span>
    <i class="b-icon icon icon-pinterest" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">play:</span>
    <i class="b-icon icon icon-play" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">plus:</span>
    <i class="b-icon icon icon-plus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">question:</span>
    <i class="b-icon icon icon-question" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">remove:</span>
    <i class="b-icon icon icon-remove" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">return:</span>
    <i class="b-icon icon icon-return" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search:</span>
    <i class="b-icon icon icon-search" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search-dismiss:</span>
    <i class="b-icon icon icon-search-dismiss" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">service:</span>
    <i class="b-icon icon icon-service" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">share:</span>
    <i class="b-icon icon icon-share" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">shopping-bag:</span>
    <i class="b-icon icon icon-shopping-bag" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">signout:</span>
    <i class="b-icon icon icon-signout" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star:</span>
    <i class="b-icon icon icon-star" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star-filled:</span>
    <i class="b-icon icon icon-star-filled" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">store:</span>
    <i class="b-icon icon icon-store" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">support:</span>
    <i class="b-icon icon icon-support" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">translate:</span>
    <i class="b-icon icon icon-translate" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">trash:</span>
    <i class="b-icon icon icon-trash" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">twitter:</span>
    <i class="b-icon icon icon-twitter" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">user:</span>
    <i class="b-icon icon icon-user" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">whatsapp:</span>
    <i class="b-icon icon icon-whatsapp" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">youtube:</span>
    <i class="b-icon icon icon-youtube" aria-hidden="true" style="font-size: 25px;"></i>
</div>

```
*/
:root {
  --icon-account: "\EA01";
  --icon-address: "\EA02";
  --icon-alert-done: "\EA03";
  --icon-alert-error: "\EA04";
  --icon-alert-success: "\EA05";
  --icon-amber-card: "\EA06";
  --icon-apple: "\EA07";
  --icon-arrow-down: "\EA08";
  --icon-arrow-left: "\EA09";
  --icon-arrow-right: "\EA0A";
  --icon-arrow-up: "\EA0B";
  --icon-back: "\EA0C";
  --icon-calendar: "\EA0D";
  --icon-cart: "\EA0E";
  --icon-cash-on-delivery: "\EA0F";
  --icon-check: "\EA10";
  --icon-check-circle: "\EA11";
  --icon-check-circle-white: "\EA12";
  --icon-chevron-down: "\EA13";
  --icon-chevron-left: "\EA14";
  --icon-chevron-right: "\EA15";
  --icon-chevron-up: "\EA16";
  --icon-clear: "\EA17";
  --icon-close: "\EA18";
  --icon-credit-card: "\EA19";
  --icon-delivery: "\EA1A";
  --icon-edit: "\EA1B";
  --icon-export: "\EA1C";
  --icon-eye: "\EA1D";
  --icon-facebook: "\EA1E";
  --icon-gift: "\EA1F";
  --icon-giftcard: "\EA20";
  --icon-giftregistry: "\EA21";
  --icon-heart: "\EA22";
  --icon-heart-full: "\EA23";
  --icon-home-smile: "\EA24";
  --icon-info: "\EA25";
  --icon-instagram: "\EA26";
  --icon-location: "\EA27";
  --icon-location-1: "\EA28";
  --icon-lock: "\EA29";
  --icon-magnify: "\EA2A";
  --icon-magnify-minus: "\EA2B";
  --icon-mail: "\EA2C";
  --icon-map-pin: "\EA2D";
  --icon-menu: "\EA2E";
  --icon-minus: "\EA2F";
  --icon-package: "\EA30";
  --icon-payment-apple: "\EA31";
  --icon-payment-paypal: "\EA32";
  --icon-paypal: "\EA33";
  --icon-pencil: "\EA34";
  --icon-phone: "\EA35";
  --icon-pinterest: "\EA36";
  --icon-play: "\EA37";
  --icon-plus: "\EA38";
  --icon-question: "\EA39";
  --icon-remove: "\EA3A";
  --icon-return: "\EA3B";
  --icon-search: "\EA3C";
  --icon-search-dismiss: "\EA3D";
  --icon-service: "\EA3E";
  --icon-share: "\EA3F";
  --icon-shopping-bag: "\EA40";
  --icon-signout: "\EA41";
  --icon-star: "\EA42";
  --icon-star-filled: "\EA43";
  --icon-store: "\EA44";
  --icon-support: "\EA45";
  --icon-translate: "\EA46";
  --icon-trash: "\EA47";
  --icon-twitter: "\EA48";
  --icon-user: "\EA49";
  --icon-whatsapp: "\EA4A";
  --icon-youtube: "\EA4B";
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.b-carousel {
  width: 100%;
  position: relative;
}
.b-carousel--as-nav .b-carousel__slide > * {
  cursor: pointer;
}
.b-carousel__element {
  overflow: hidden;
  font-size: 0;
}
.b-carousel__element:not(.slick-initialized) {
  white-space: nowrap;
}
.b-carousel__element:not(.slick-initialized) .b-carousel__slide {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.b-carousel__holder {
  position: relative;
}
.b-carousel .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1px;
  padding-top: 1px;
  position: relative;
}
.b-carousel__slide {
  font-size: 16px;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.slick-slide .b-carousel__slide {
  width: 100%;
}
.b-carousel__slide img {
  width: 100%;
  display: block;
}
.b-carousel__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0) scaleX(-1);
          transform: translate3d(0, -50%, 0) scaleX(-1);
  z-index: 1;
  font-size: 28px;
}
.slick-vertical .b-carousel__arrow {
  bottom: auto;
  right: 0;
  left: 0;
  top: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.b-carousel__arrow--next {
  left: 0;
}
.slick-vertical .b-carousel__arrow--next {
  bottom: 0;
}
.b-carousel__arrow--prev {
  right: 0;
}
.slick-vertical .b-carousel__arrow--prev {
  top: 0;
}
.b-carousel__arrow-icon--prev::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA14";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.b-carousel__arrow-icon--next::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA15";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.b-carousel__dots {
  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;
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\F101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\F102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\F10A";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\F10B";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\F10C";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\F10D";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\F10F";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\F110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\F111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\F112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\F114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\F117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\F118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\F119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\F11A";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\F11B";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\F11C";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\F11F";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\F120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\F122";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  right: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  right: 50%;
  margin-top: -0.81666em;
  margin-right: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  left: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  right: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  right: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  left: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
          box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-left: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-right: -1px;
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, right 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, right 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, right 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-left: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  right: -3.5em;
  -webkit-transition: right 0s;
  -o-transition: right 0s;
  transition: right 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  right: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, right 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, right 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, right 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, right 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, right 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, right 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  right: 0.5em;
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  right: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  left: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  right: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: right;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-right: 0.5em;
  padding-left: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: right;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-left: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-right: 1em;
  padding-left: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  right: 0;
  left: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
          transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
          transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  right: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  right: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: -0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -25px -25px 0 0;
  opacity: 0.85;
  text-align: right;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  display: block;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: left;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-left: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, right bottom, right top, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(bottom, #fff 88%, #73859f 100%);
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, right top, right bottom, color-stop(88%, #fff), to(#73859f));
  background-image: -o-linear-gradient(top, #fff 88%, #73859f 100%);
  background-image: linear-gradient(180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-left: 1em;
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}

.b-video {
  position: relative;
  width: 100%;
}
.b-video__holder {
  position: relative;
  overflow: hidden;
}
.b-video__holder iframe {
  pointer-events: none;
}
.b-video__element.b-video__element {
  bottom: 0;
  right: 0;
  max-height: 100%;
  max-width: 100%;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  width: 100%;
  background-color: #fff;
}
.m-loading .b-video__element.b-video__element {
  opacity: 0;
}
.b-video__element.vjs-playing {
  background: transparent;
}
.b-video__element .vjs-tech,
.b-video__element .vjs-poster {
  -o-object-fit: cover;
     object-fit: cover;
}

.b-toggle__content {
  display: none;
}
.b-toggle__content.m-collapsed {
  display: none;
}
.b-toggle__content.m-expanded {
  display: block;
}

.b-button-toggle {
  background: none;
  padding: 0;
  border: 0;
}
.b-button-toggle .b-button-toggle__text-active {
  display: none;
}
.b-button-toggle.m-active .b-button-toggle__text-default {
  display: none;
}
.b-button-toggle.m-active .b-button-toggle__text-active {
  display: inline-block;
}

.b-btn-toggle .b-btn-toggle__text-active {
  display: none;
}
.b-btn-toggle.m-active .b-btn-toggle__text-default {
  display: none;
}
.b-btn-toggle.m-active .b-btn-toggle__text-active {
  display: inline-block;
}

.b-readmore {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.b-readmore__content {
  display: inline-block;
}
.b-readmore .b-readmore__container {
  margin-top: 8px;
  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;
}
.b-readmore .b-readmore-inline-button {
  cursor: pointer;
}
.b-readmore .b-readmore-inline-button span {
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 1;
}
.b-readmore.m-truncated .b-readmore__expand-btn {
  display: block;
}
.b-readmore.m-truncated .b-readmore__container {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 0;
}
.b-readmore.m-truncated .b-readmore-inline-button {
  background-color: #fff;
  padding-right: 1px;
  cursor: pointer;
}
.b-readmore.m-truncated .b-readmore-inline-button::before {
  content: "...";
}
.b-readmore.m-untruncated {
  padding-left: 0 !important;
  overflow: auto;
  white-space: normal;
  -o-text-overflow: initial;
     text-overflow: initial;
}
.b-readmore.m-untruncated .b-readmore__expand-btn {
  display: none;
}
.b-readmore.m-untruncated .b-readmore__collapse-btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.b-readmore__btn {
  text-decoration: underline;
  display: none;
  padding: 0 0 1px;
  background-color: #fff;
}
.non-touch .b-readmore__btn:hover {
  text-decoration: none;
}

.b-readmore__expand-btn {
  position: absolute;
  left: 0;
  top: 0;
}

.b-readmore--bottom {
  padding-bottom: 35px;
}
.b-readmore--bottom .b-readmore__btn {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  top: auto;
}

.b-readmore-alt__expandable {
  display: none;
}

.b-readmore-alt__content {
  display: block;
  margin-bottom: 20px;
}

.b-readmore-alt__btn {
  text-decoration: underline;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.non-touch .b-readmore-alt__btn:hover {
  text-decoration: none;
}

.b-readmore-alt.m-untruncated .b-readmore-alt__dots {
  display: none;
}

.b-modal--national-address-modal .b-modal__content--full-width {
  width: 100%;
}
.b-modal--national-address-modal .b-modal__header .b-modal__header-title {
  padding-bottom: 16px;
  font-size: 1rem;
}
.b-modal--national-address-modal .b-modal__image-container--full-width {
  width: 100%;
}
.b-modal--national-address-modal .b-modal__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.b-modal--national-address-modal .b-modal__description--national-address {
  width: 100%;
  font-size: 1rem;
  padding-bottom: 0;
  padding-top: 24px;
  text-align: start;
  margin-bottom: 0;
}

.b-form {
  position: relative;
}
.b-form__fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}
.b-form__row {
  width: 100%;
  padding: 0 10px;
}

.b-field__label {
  display: inline-block;
}
.b-field__error {
  color: #a42337;
  margin-top: 10px;
}
.b-field__control-holder {
  position: relative;
}

.b-select:not(:placeholder-shown) ~ .b-input__reset-btn,
.b-textarea:not(:placeholder-shown) ~ .b-input__reset-btn,
.b-input:not(:placeholder-shown) ~ .b-input__reset-btn {
  display: block;
}

.m-margin-auto {
  margin-top: auto !important;
  margin-left: auto !important;
  margin-bottom: auto !important;
  margin-right: auto !important;
}

.m-margin-0 {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

.m-margin-1 {
  margin-top: 1px !important;
  margin-left: 1px !important;
  margin-bottom: 1px !important;
  margin-right: 1px !important;
}

.m-margin-2 {
  margin-top: 2px !important;
  margin-left: 2px !important;
  margin-bottom: 2px !important;
  margin-right: 2px !important;
}

.m-margin-3 {
  margin-top: 3px !important;
  margin-left: 3px !important;
  margin-bottom: 3px !important;
  margin-right: 3px !important;
}

.m-margin-4 {
  margin-top: 4px !important;
  margin-left: 4px !important;
  margin-bottom: 4px !important;
  margin-right: 4px !important;
}

.m-margin-5 {
  margin-top: 5px !important;
  margin-left: 5px !important;
  margin-bottom: 5px !important;
  margin-right: 5px !important;
}

.m-margin-6 {
  margin-top: 6px !important;
  margin-left: 6px !important;
  margin-bottom: 6px !important;
  margin-right: 6px !important;
}

.m-margin-7 {
  margin-top: 7px !important;
  margin-left: 7px !important;
  margin-bottom: 7px !important;
  margin-right: 7px !important;
}

.m-margin-8 {
  margin-top: 8px !important;
  margin-left: 8px !important;
  margin-bottom: 8px !important;
  margin-right: 8px !important;
}

.m-margin-9 {
  margin-top: 9px !important;
  margin-left: 9px !important;
  margin-bottom: 9px !important;
  margin-right: 9px !important;
}

.m-margin-10 {
  margin-top: 10px !important;
  margin-left: 10px !important;
  margin-bottom: 10px !important;
  margin-right: 10px !important;
}

.m-margin-15 {
  margin-top: 15px !important;
  margin-left: 15px !important;
  margin-bottom: 15px !important;
  margin-right: 15px !important;
}

.m-margin-20 {
  margin-top: 20px !important;
  margin-left: 20px !important;
  margin-bottom: 20px !important;
  margin-right: 20px !important;
}

.m-margin-25 {
  margin-top: 25px !important;
  margin-left: 25px !important;
  margin-bottom: 25px !important;
  margin-right: 25px !important;
}

.m-margin-30 {
  margin-top: 30px !important;
  margin-left: 30px !important;
  margin-bottom: 30px !important;
  margin-right: 30px !important;
}

.m-margin-35 {
  margin-top: 35px !important;
  margin-left: 35px !important;
  margin-bottom: 35px !important;
  margin-right: 35px !important;
}

.m-margin-40 {
  margin-top: 40px !important;
  margin-left: 40px !important;
  margin-bottom: 40px !important;
  margin-right: 40px !important;
}

.m-margin-45 {
  margin-top: 45px !important;
  margin-left: 45px !important;
  margin-bottom: 45px !important;
  margin-right: 45px !important;
}

.m-margin-50 {
  margin-top: 50px !important;
  margin-left: 50px !important;
  margin-bottom: 50px !important;
  margin-right: 50px !important;
}

.m-margin-55 {
  margin-top: 55px !important;
  margin-left: 55px !important;
  margin-bottom: 55px !important;
  margin-right: 55px !important;
}

.m-margin-60 {
  margin-top: 60px !important;
  margin-left: 60px !important;
  margin-bottom: 60px !important;
  margin-right: 60px !important;
}

.m-margin-65 {
  margin-top: 65px !important;
  margin-left: 65px !important;
  margin-bottom: 65px !important;
  margin-right: 65px !important;
}

.m-margin-70 {
  margin-top: 70px !important;
  margin-left: 70px !important;
  margin-bottom: 70px !important;
  margin-right: 70px !important;
}

.m-margin-75 {
  margin-top: 75px !important;
  margin-left: 75px !important;
  margin-bottom: 75px !important;
  margin-right: 75px !important;
}

.m-margin-80 {
  margin-top: 80px !important;
  margin-left: 80px !important;
  margin-bottom: 80px !important;
  margin-right: 80px !important;
}

.m-margin-85 {
  margin-top: 85px !important;
  margin-left: 85px !important;
  margin-bottom: 85px !important;
  margin-right: 85px !important;
}

.m-margin-90 {
  margin-top: 90px !important;
  margin-left: 90px !important;
  margin-bottom: 90px !important;
  margin-right: 90px !important;
}

.m-margin-95 {
  margin-top: 95px !important;
  margin-left: 95px !important;
  margin-bottom: 95px !important;
  margin-right: 95px !important;
}

.m-margin-100 {
  margin-top: 100px !important;
  margin-left: 100px !important;
  margin-bottom: 100px !important;
  margin-right: 100px !important;
}

.m-margin-h-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-margin-h-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-margin-h-1 {
  margin-right: 1px !important;
  margin-left: 1px !important;
}

.m-margin-h-2 {
  margin-right: 2px !important;
  margin-left: 2px !important;
}

.m-margin-h-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.m-margin-h-4 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.m-margin-h-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.m-margin-h-6 {
  margin-right: 6px !important;
  margin-left: 6px !important;
}

.m-margin-h-7 {
  margin-right: 7px !important;
  margin-left: 7px !important;
}

.m-margin-h-8 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.m-margin-h-9 {
  margin-right: 9px !important;
  margin-left: 9px !important;
}

.m-margin-h-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.m-margin-h-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.m-margin-h-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.m-margin-h-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.m-margin-h-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.m-margin-h-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.m-margin-h-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.m-margin-h-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.m-margin-h-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.m-margin-h-55 {
  margin-right: 55px !important;
  margin-left: 55px !important;
}

.m-margin-h-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.m-margin-h-65 {
  margin-right: 65px !important;
  margin-left: 65px !important;
}

.m-margin-h-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.m-margin-h-75 {
  margin-right: 75px !important;
  margin-left: 75px !important;
}

.m-margin-h-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.m-margin-h-85 {
  margin-right: 85px !important;
  margin-left: 85px !important;
}

.m-margin-h-90 {
  margin-right: 90px !important;
  margin-left: 90px !important;
}

.m-margin-h-95 {
  margin-right: 95px !important;
  margin-left: 95px !important;
}

.m-margin-h-100 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.m-margin-v-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.m-margin-v-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-margin-v-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.m-margin-v-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m-margin-v-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m-margin-v-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m-margin-v-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.m-margin-v-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.m-margin-v-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.m-margin-v-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-margin-v-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.m-margin-v-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-margin-v-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-margin-v-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-margin-v-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.m-margin-v-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-margin-v-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.m-margin-v-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-margin-v-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.m-margin-v-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.m-margin-v-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.m-margin-v-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.m-margin-v-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.m-margin-v-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.m-margin-v-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.m-margin-v-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.m-margin-v-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.m-margin-v-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.m-margin-v-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.m-margin-v-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.m-margin-t-auto {
  margin-top: auto !important;
}

.m-margin-t-0 {
  margin-top: 0 !important;
}

.m-margin-t-1 {
  margin-top: 1px !important;
}

.m-margin-t-2 {
  margin-top: 2px !important;
}

.m-margin-t-3 {
  margin-top: 3px !important;
}

.m-margin-t-4 {
  margin-top: 4px !important;
}

.m-margin-t-5 {
  margin-top: 5px !important;
}

.m-margin-t-6 {
  margin-top: 6px !important;
}

.m-margin-t-7 {
  margin-top: 7px !important;
}

.m-margin-t-8 {
  margin-top: 8px !important;
}

.m-margin-t-9 {
  margin-top: 9px !important;
}

.m-margin-t-10 {
  margin-top: 10px !important;
}

.m-margin-t-15 {
  margin-top: 15px !important;
}

.m-margin-t-20 {
  margin-top: 20px !important;
}

.m-margin-t-25 {
  margin-top: 25px !important;
}

.m-margin-t-30 {
  margin-top: 30px !important;
}

.m-margin-t-35 {
  margin-top: 35px !important;
}

.m-margin-t-40 {
  margin-top: 40px !important;
}

.m-margin-t-45 {
  margin-top: 45px !important;
}

.m-margin-t-50 {
  margin-top: 50px !important;
}

.m-margin-t-55 {
  margin-top: 55px !important;
}

.m-margin-t-60 {
  margin-top: 60px !important;
}

.m-margin-t-65 {
  margin-top: 65px !important;
}

.m-margin-t-70 {
  margin-top: 70px !important;
}

.m-margin-t-75 {
  margin-top: 75px !important;
}

.m-margin-t-80 {
  margin-top: 80px !important;
}

.m-margin-t-85 {
  margin-top: 85px !important;
}

.m-margin-t-90 {
  margin-top: 90px !important;
}

.m-margin-t-95 {
  margin-top: 95px !important;
}

.m-margin-t-100 {
  margin-top: 100px !important;
}

.m-margin-b-auto {
  margin-bottom: auto !important;
}

.m-margin-b-0 {
  margin-bottom: 0 !important;
}

.m-margin-b-1 {
  margin-bottom: 1px !important;
}

.m-margin-b-2 {
  margin-bottom: 2px !important;
}

.m-margin-b-3 {
  margin-bottom: 3px !important;
}

.m-margin-b-4 {
  margin-bottom: 4px !important;
}

.m-margin-b-5 {
  margin-bottom: 5px !important;
}

.m-margin-b-6 {
  margin-bottom: 6px !important;
}

.m-margin-b-7 {
  margin-bottom: 7px !important;
}

.m-margin-b-8 {
  margin-bottom: 8px !important;
}

.m-margin-b-9 {
  margin-bottom: 9px !important;
}

.m-margin-b-10 {
  margin-bottom: 10px !important;
}

.m-margin-b-15 {
  margin-bottom: 15px !important;
}

.m-margin-b-20 {
  margin-bottom: 20px !important;
}

.m-margin-b-25 {
  margin-bottom: 25px !important;
}

.m-margin-b-30 {
  margin-bottom: 30px !important;
}

.m-margin-b-35 {
  margin-bottom: 35px !important;
}

.m-margin-b-40 {
  margin-bottom: 40px !important;
}

.m-margin-b-45 {
  margin-bottom: 45px !important;
}

.m-margin-b-50 {
  margin-bottom: 50px !important;
}

.m-margin-b-55 {
  margin-bottom: 55px !important;
}

.m-margin-b-60 {
  margin-bottom: 60px !important;
}

.m-margin-b-65 {
  margin-bottom: 65px !important;
}

.m-margin-b-70 {
  margin-bottom: 70px !important;
}

.m-margin-b-75 {
  margin-bottom: 75px !important;
}

.m-margin-b-80 {
  margin-bottom: 80px !important;
}

.m-margin-b-85 {
  margin-bottom: 85px !important;
}

.m-margin-b-90 {
  margin-bottom: 90px !important;
}

.m-margin-b-95 {
  margin-bottom: 95px !important;
}

.m-margin-b-100 {
  margin-bottom: 100px !important;
}

.m-margin-l-auto {
  margin-right: auto !important;
}

.m-margin-l-0 {
  margin-right: 0 !important;
}

.m-margin-l-1 {
  margin-right: 1px !important;
}

.m-margin-l-2 {
  margin-right: 2px !important;
}

.m-margin-l-3 {
  margin-right: 3px !important;
}

.m-margin-l-4 {
  margin-right: 4px !important;
}

.m-margin-l-5 {
  margin-right: 5px !important;
}

.m-margin-l-6 {
  margin-right: 6px !important;
}

.m-margin-l-7 {
  margin-right: 7px !important;
}

.m-margin-l-8 {
  margin-right: 8px !important;
}

.m-margin-l-9 {
  margin-right: 9px !important;
}

.m-margin-l-10 {
  margin-right: 10px !important;
}

.m-margin-l-15 {
  margin-right: 15px !important;
}

.m-margin-l-20 {
  margin-right: 20px !important;
}

.m-margin-l-25 {
  margin-right: 25px !important;
}

.m-margin-l-30 {
  margin-right: 30px !important;
}

.m-margin-l-35 {
  margin-right: 35px !important;
}

.m-margin-l-40 {
  margin-right: 40px !important;
}

.m-margin-l-45 {
  margin-right: 45px !important;
}

.m-margin-l-50 {
  margin-right: 50px !important;
}

.m-margin-l-55 {
  margin-right: 55px !important;
}

.m-margin-l-60 {
  margin-right: 60px !important;
}

.m-margin-l-65 {
  margin-right: 65px !important;
}

.m-margin-l-70 {
  margin-right: 70px !important;
}

.m-margin-l-75 {
  margin-right: 75px !important;
}

.m-margin-l-80 {
  margin-right: 80px !important;
}

.m-margin-l-85 {
  margin-right: 85px !important;
}

.m-margin-l-90 {
  margin-right: 90px !important;
}

.m-margin-l-95 {
  margin-right: 95px !important;
}

.m-margin-l-100 {
  margin-right: 100px !important;
}

.m-margin-r-auto {
  margin-left: auto !important;
}

.m-margin-r-0 {
  margin-left: 0 !important;
}

.m-margin-r-1 {
  margin-left: 1px !important;
}

.m-margin-r-2 {
  margin-left: 2px !important;
}

.m-margin-r-3 {
  margin-left: 3px !important;
}

.m-margin-r-4 {
  margin-left: 4px !important;
}

.m-margin-r-5 {
  margin-left: 5px !important;
}

.m-margin-r-6 {
  margin-left: 6px !important;
}

.m-margin-r-7 {
  margin-left: 7px !important;
}

.m-margin-r-8 {
  margin-left: 8px !important;
}

.m-margin-r-9 {
  margin-left: 9px !important;
}

.m-margin-r-10 {
  margin-left: 10px !important;
}

.m-margin-r-15 {
  margin-left: 15px !important;
}

.m-margin-r-20 {
  margin-left: 20px !important;
}

.m-margin-r-25 {
  margin-left: 25px !important;
}

.m-margin-r-30 {
  margin-left: 30px !important;
}

.m-margin-r-35 {
  margin-left: 35px !important;
}

.m-margin-r-40 {
  margin-left: 40px !important;
}

.m-margin-r-45 {
  margin-left: 45px !important;
}

.m-margin-r-50 {
  margin-left: 50px !important;
}

.m-margin-r-55 {
  margin-left: 55px !important;
}

.m-margin-r-60 {
  margin-left: 60px !important;
}

.m-margin-r-65 {
  margin-left: 65px !important;
}

.m-margin-r-70 {
  margin-left: 70px !important;
}

.m-margin-r-75 {
  margin-left: 75px !important;
}

.m-margin-r-80 {
  margin-left: 80px !important;
}

.m-margin-r-85 {
  margin-left: 85px !important;
}

.m-margin-r-90 {
  margin-left: 90px !important;
}

.m-margin-r-95 {
  margin-left: 95px !important;
}

.m-margin-r-100 {
  margin-left: 100px !important;
}

.m-padding-auto {
  padding-top: auto !important;
  padding-left: auto !important;
  padding-bottom: auto !important;
  padding-right: auto !important;
}

.m-padding-0 {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}

.m-padding-1 {
  padding-top: 1px !important;
  padding-left: 1px !important;
  padding-bottom: 1px !important;
  padding-right: 1px !important;
}

.m-padding-2 {
  padding-top: 2px !important;
  padding-left: 2px !important;
  padding-bottom: 2px !important;
  padding-right: 2px !important;
}

.m-padding-3 {
  padding-top: 3px !important;
  padding-left: 3px !important;
  padding-bottom: 3px !important;
  padding-right: 3px !important;
}

.m-padding-4 {
  padding-top: 4px !important;
  padding-left: 4px !important;
  padding-bottom: 4px !important;
  padding-right: 4px !important;
}

.m-padding-5 {
  padding-top: 5px !important;
  padding-left: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 5px !important;
}

.m-padding-6 {
  padding-top: 6px !important;
  padding-left: 6px !important;
  padding-bottom: 6px !important;
  padding-right: 6px !important;
}

.m-padding-7 {
  padding-top: 7px !important;
  padding-left: 7px !important;
  padding-bottom: 7px !important;
  padding-right: 7px !important;
}

.m-padding-8 {
  padding-top: 8px !important;
  padding-left: 8px !important;
  padding-bottom: 8px !important;
  padding-right: 8px !important;
}

.m-padding-9 {
  padding-top: 9px !important;
  padding-left: 9px !important;
  padding-bottom: 9px !important;
  padding-right: 9px !important;
}

.m-padding-10 {
  padding-top: 10px !important;
  padding-left: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 10px !important;
}

.m-padding-15 {
  padding-top: 15px !important;
  padding-left: 15px !important;
  padding-bottom: 15px !important;
  padding-right: 15px !important;
}

.m-padding-20 {
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 20px !important;
  padding-right: 20px !important;
}

.m-padding-25 {
  padding-top: 25px !important;
  padding-left: 25px !important;
  padding-bottom: 25px !important;
  padding-right: 25px !important;
}

.m-padding-30 {
  padding-top: 30px !important;
  padding-left: 30px !important;
  padding-bottom: 30px !important;
  padding-right: 30px !important;
}

.m-padding-35 {
  padding-top: 35px !important;
  padding-left: 35px !important;
  padding-bottom: 35px !important;
  padding-right: 35px !important;
}

.m-padding-40 {
  padding-top: 40px !important;
  padding-left: 40px !important;
  padding-bottom: 40px !important;
  padding-right: 40px !important;
}

.m-padding-45 {
  padding-top: 45px !important;
  padding-left: 45px !important;
  padding-bottom: 45px !important;
  padding-right: 45px !important;
}

.m-padding-50 {
  padding-top: 50px !important;
  padding-left: 50px !important;
  padding-bottom: 50px !important;
  padding-right: 50px !important;
}

.m-padding-55 {
  padding-top: 55px !important;
  padding-left: 55px !important;
  padding-bottom: 55px !important;
  padding-right: 55px !important;
}

.m-padding-60 {
  padding-top: 60px !important;
  padding-left: 60px !important;
  padding-bottom: 60px !important;
  padding-right: 60px !important;
}

.m-padding-65 {
  padding-top: 65px !important;
  padding-left: 65px !important;
  padding-bottom: 65px !important;
  padding-right: 65px !important;
}

.m-padding-70 {
  padding-top: 70px !important;
  padding-left: 70px !important;
  padding-bottom: 70px !important;
  padding-right: 70px !important;
}

.m-padding-75 {
  padding-top: 75px !important;
  padding-left: 75px !important;
  padding-bottom: 75px !important;
  padding-right: 75px !important;
}

.m-padding-80 {
  padding-top: 80px !important;
  padding-left: 80px !important;
  padding-bottom: 80px !important;
  padding-right: 80px !important;
}

.m-padding-85 {
  padding-top: 85px !important;
  padding-left: 85px !important;
  padding-bottom: 85px !important;
  padding-right: 85px !important;
}

.m-padding-90 {
  padding-top: 90px !important;
  padding-left: 90px !important;
  padding-bottom: 90px !important;
  padding-right: 90px !important;
}

.m-padding-95 {
  padding-top: 95px !important;
  padding-left: 95px !important;
  padding-bottom: 95px !important;
  padding-right: 95px !important;
}

.m-padding-100 {
  padding-top: 100px !important;
  padding-left: 100px !important;
  padding-bottom: 100px !important;
  padding-right: 100px !important;
}

.m-padding-h-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}

.m-padding-h-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.m-padding-h-1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.m-padding-h-2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.m-padding-h-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.m-padding-h-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.m-padding-h-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.m-padding-h-6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.m-padding-h-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.m-padding-h-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.m-padding-h-9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.m-padding-h-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.m-padding-h-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.m-padding-h-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.m-padding-h-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.m-padding-h-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.m-padding-h-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.m-padding-h-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.m-padding-h-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.m-padding-h-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.m-padding-h-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.m-padding-h-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.m-padding-h-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.m-padding-h-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.m-padding-h-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.m-padding-h-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.m-padding-h-85 {
  padding-right: 85px !important;
  padding-left: 85px !important;
}

.m-padding-h-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}

.m-padding-h-95 {
  padding-right: 95px !important;
  padding-left: 95px !important;
}

.m-padding-h-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.m-padding-v-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.m-padding-v-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.m-padding-v-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.m-padding-v-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.m-padding-v-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.m-padding-v-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.m-padding-v-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.m-padding-v-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.m-padding-v-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.m-padding-v-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.m-padding-v-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.m-padding-v-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.m-padding-v-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.m-padding-v-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.m-padding-v-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.m-padding-v-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.m-padding-v-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.m-padding-v-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.m-padding-v-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.m-padding-v-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.m-padding-v-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.m-padding-v-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.m-padding-v-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.m-padding-v-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.m-padding-v-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.m-padding-v-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.m-padding-v-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.m-padding-v-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.m-padding-v-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.m-padding-v-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.m-padding-t-auto {
  padding-top: auto !important;
}

.m-padding-t-0 {
  padding-top: 0 !important;
}

.m-padding-t-1 {
  padding-top: 1px !important;
}

.m-padding-t-2 {
  padding-top: 2px !important;
}

.m-padding-t-3 {
  padding-top: 3px !important;
}

.m-padding-t-4 {
  padding-top: 4px !important;
}

.m-padding-t-5 {
  padding-top: 5px !important;
}

.m-padding-t-6 {
  padding-top: 6px !important;
}

.m-padding-t-7 {
  padding-top: 7px !important;
}

.m-padding-t-8 {
  padding-top: 8px !important;
}

.m-padding-t-9 {
  padding-top: 9px !important;
}

.m-padding-t-10 {
  padding-top: 10px !important;
}

.m-padding-t-15 {
  padding-top: 15px !important;
}

.m-padding-t-20 {
  padding-top: 20px !important;
}

.m-padding-t-25 {
  padding-top: 25px !important;
}

.m-padding-t-30 {
  padding-top: 30px !important;
}

.m-padding-t-35 {
  padding-top: 35px !important;
}

.m-padding-t-40 {
  padding-top: 40px !important;
}

.m-padding-t-45 {
  padding-top: 45px !important;
}

.m-padding-t-50 {
  padding-top: 50px !important;
}

.m-padding-t-55 {
  padding-top: 55px !important;
}

.m-padding-t-60 {
  padding-top: 60px !important;
}

.m-padding-t-65 {
  padding-top: 65px !important;
}

.m-padding-t-70 {
  padding-top: 70px !important;
}

.m-padding-t-75 {
  padding-top: 75px !important;
}

.m-padding-t-80 {
  padding-top: 80px !important;
}

.m-padding-t-85 {
  padding-top: 85px !important;
}

.m-padding-t-90 {
  padding-top: 90px !important;
}

.m-padding-t-95 {
  padding-top: 95px !important;
}

.m-padding-t-100 {
  padding-top: 100px !important;
}

.m-padding-b-auto {
  padding-bottom: auto !important;
}

.m-padding-b-0 {
  padding-bottom: 0 !important;
}

.m-padding-b-1 {
  padding-bottom: 1px !important;
}

.m-padding-b-2 {
  padding-bottom: 2px !important;
}

.m-padding-b-3 {
  padding-bottom: 3px !important;
}

.m-padding-b-4 {
  padding-bottom: 4px !important;
}

.m-padding-b-5 {
  padding-bottom: 5px !important;
}

.m-padding-b-6 {
  padding-bottom: 6px !important;
}

.m-padding-b-7 {
  padding-bottom: 7px !important;
}

.m-padding-b-8 {
  padding-bottom: 8px !important;
}

.m-padding-b-9 {
  padding-bottom: 9px !important;
}

.m-padding-b-10 {
  padding-bottom: 10px !important;
}

.m-padding-b-15 {
  padding-bottom: 15px !important;
}

.m-padding-b-20 {
  padding-bottom: 20px !important;
}

.m-padding-b-25 {
  padding-bottom: 25px !important;
}

.m-padding-b-30 {
  padding-bottom: 30px !important;
}

.m-padding-b-35 {
  padding-bottom: 35px !important;
}

.m-padding-b-40 {
  padding-bottom: 40px !important;
}

.m-padding-b-45 {
  padding-bottom: 45px !important;
}

.m-padding-b-50 {
  padding-bottom: 50px !important;
}

.m-padding-b-55 {
  padding-bottom: 55px !important;
}

.m-padding-b-60 {
  padding-bottom: 60px !important;
}

.m-padding-b-65 {
  padding-bottom: 65px !important;
}

.m-padding-b-70 {
  padding-bottom: 70px !important;
}

.m-padding-b-75 {
  padding-bottom: 75px !important;
}

.m-padding-b-80 {
  padding-bottom: 80px !important;
}

.m-padding-b-85 {
  padding-bottom: 85px !important;
}

.m-padding-b-90 {
  padding-bottom: 90px !important;
}

.m-padding-b-95 {
  padding-bottom: 95px !important;
}

.m-padding-b-100 {
  padding-bottom: 100px !important;
}

.m-padding-l-auto {
  padding-right: auto !important;
}

.m-padding-l-0 {
  padding-right: 0 !important;
}

.m-padding-l-1 {
  padding-right: 1px !important;
}

.m-padding-l-2 {
  padding-right: 2px !important;
}

.m-padding-l-3 {
  padding-right: 3px !important;
}

.m-padding-l-4 {
  padding-right: 4px !important;
}

.m-padding-l-5 {
  padding-right: 5px !important;
}

.m-padding-l-6 {
  padding-right: 6px !important;
}

.m-padding-l-7 {
  padding-right: 7px !important;
}

.m-padding-l-8 {
  padding-right: 8px !important;
}

.m-padding-l-9 {
  padding-right: 9px !important;
}

.m-padding-l-10 {
  padding-right: 10px !important;
}

.m-padding-l-15 {
  padding-right: 15px !important;
}

.m-padding-l-20 {
  padding-right: 20px !important;
}

.m-padding-l-25 {
  padding-right: 25px !important;
}

.m-padding-l-30 {
  padding-right: 30px !important;
}

.m-padding-l-35 {
  padding-right: 35px !important;
}

.m-padding-l-40 {
  padding-right: 40px !important;
}

.m-padding-l-45 {
  padding-right: 45px !important;
}

.m-padding-l-50 {
  padding-right: 50px !important;
}

.m-padding-l-55 {
  padding-right: 55px !important;
}

.m-padding-l-60 {
  padding-right: 60px !important;
}

.m-padding-l-65 {
  padding-right: 65px !important;
}

.m-padding-l-70 {
  padding-right: 70px !important;
}

.m-padding-l-75 {
  padding-right: 75px !important;
}

.m-padding-l-80 {
  padding-right: 80px !important;
}

.m-padding-l-85 {
  padding-right: 85px !important;
}

.m-padding-l-90 {
  padding-right: 90px !important;
}

.m-padding-l-95 {
  padding-right: 95px !important;
}

.m-padding-l-100 {
  padding-right: 100px !important;
}

.m-padding-r-auto {
  padding-left: auto !important;
}

.m-padding-r-0 {
  padding-left: 0 !important;
}

.m-padding-r-1 {
  padding-left: 1px !important;
}

.m-padding-r-2 {
  padding-left: 2px !important;
}

.m-padding-r-3 {
  padding-left: 3px !important;
}

.m-padding-r-4 {
  padding-left: 4px !important;
}

.m-padding-r-5 {
  padding-left: 5px !important;
}

.m-padding-r-6 {
  padding-left: 6px !important;
}

.m-padding-r-7 {
  padding-left: 7px !important;
}

.m-padding-r-8 {
  padding-left: 8px !important;
}

.m-padding-r-9 {
  padding-left: 9px !important;
}

.m-padding-r-10 {
  padding-left: 10px !important;
}

.m-padding-r-15 {
  padding-left: 15px !important;
}

.m-padding-r-20 {
  padding-left: 20px !important;
}

.m-padding-r-25 {
  padding-left: 25px !important;
}

.m-padding-r-30 {
  padding-left: 30px !important;
}

.m-padding-r-35 {
  padding-left: 35px !important;
}

.m-padding-r-40 {
  padding-left: 40px !important;
}

.m-padding-r-45 {
  padding-left: 45px !important;
}

.m-padding-r-50 {
  padding-left: 50px !important;
}

.m-padding-r-55 {
  padding-left: 55px !important;
}

.m-padding-r-60 {
  padding-left: 60px !important;
}

.m-padding-r-65 {
  padding-left: 65px !important;
}

.m-padding-r-70 {
  padding-left: 70px !important;
}

.m-padding-r-75 {
  padding-left: 75px !important;
}

.m-padding-r-80 {
  padding-left: 80px !important;
}

.m-padding-r-85 {
  padding-left: 85px !important;
}

.m-padding-r-90 {
  padding-left: 90px !important;
}

.m-padding-r-95 {
  padding-left: 95px !important;
}

.m-padding-r-100 {
  padding-left: 100px !important;
}

.m-width-auto {
  width: auto !important;
}

.m-width-0 {
  width: 0 !important;
}

.m-width-50 {
  width: 50px !important;
}

.m-width-100 {
  width: 100px !important;
}

.m-width-150 {
  width: 150px !important;
}

.m-width-200 {
  width: 200px !important;
}

.m-width-250 {
  width: 250px !important;
}

.m-width-300 {
  width: 300px !important;
}

.m-width-350 {
  width: 350px !important;
}

.m-width-400 {
  width: 400px !important;
}

.m-width-450 {
  width: 450px !important;
}

.m-width-500 {
  width: 500px !important;
}

.m-width-550 {
  width: 550px !important;
}

.m-width-600 {
  width: 600px !important;
}

.m-width-650 {
  width: 650px !important;
}

.m-width-700 {
  width: 700px !important;
}

.m-width-750 {
  width: 750px !important;
}

.m-width-800 {
  width: 800px !important;
}

.m-width-850 {
  width: 850px !important;
}

.m-width-900 {
  width: 900px !important;
}

.m-width-950 {
  width: 950px !important;
}

.m-width-1000 {
  width: 1000px !important;
}

.m-width-perc-0 {
  width: 0 !important;
}

.m-width-perc-5 {
  width: 5% !important;
}

.m-width-perc-10 {
  width: 10% !important;
}

.m-width-perc-15 {
  width: 15% !important;
}

.m-width-perc-20 {
  width: 20% !important;
}

.m-width-perc-25 {
  width: 25% !important;
}

.m-width-perc-30 {
  width: 30% !important;
}

.m-width-perc-35 {
  width: 35% !important;
}

.m-width-perc-40 {
  width: 40% !important;
}

.m-width-perc-45 {
  width: 45% !important;
}

.m-width-perc-50 {
  width: 50% !important;
}

.m-width-perc-55 {
  width: 55% !important;
}

.m-width-perc-60 {
  width: 60% !important;
}

.m-width-perc-65 {
  width: 65% !important;
}

.m-width-perc-70 {
  width: 70% !important;
}

.m-width-perc-75 {
  width: 75% !important;
}

.m-width-perc-80 {
  width: 80% !important;
}

.m-width-perc-85 {
  width: 85% !important;
}

.m-width-perc-90 {
  width: 90% !important;
}

.m-width-perc-95 {
  width: 95% !important;
}

.m-width-perc-100 {
  width: 100% !important;
}

.m-order-0 {
  -webkit-box-ordinal-group: 1 !important;
  -webkit-order: 0 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.m-order-1 {
  -webkit-box-ordinal-group: 2 !important;
  -webkit-order: 1 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.m-order-2 {
  -webkit-box-ordinal-group: 3 !important;
  -webkit-order: 2 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.m-order-3 {
  -webkit-box-ordinal-group: 4 !important;
  -webkit-order: 3 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.m-order-4 {
  -webkit-box-ordinal-group: 5 !important;
  -webkit-order: 4 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.m-order-5 {
  -webkit-box-ordinal-group: 6 !important;
  -webkit-order: 5 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.m-order-6 {
  -webkit-box-ordinal-group: 7 !important;
  -webkit-order: 6 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.m-order-7 {
  -webkit-box-ordinal-group: 8 !important;
  -webkit-order: 7 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.m-order-8 {
  -webkit-box-ordinal-group: 9 !important;
  -webkit-order: 8 !important;
      -ms-flex-order: 8 !important;
          order: 8 !important;
}

.m-order-9 {
  -webkit-box-ordinal-group: 10 !important;
  -webkit-order: 9 !important;
      -ms-flex-order: 9 !important;
          order: 9 !important;
}

.m-order-10 {
  -webkit-box-ordinal-group: 11 !important;
  -webkit-order: 10 !important;
      -ms-flex-order: 10 !important;
          order: 10 !important;
}

.m-min-height-vh-10 {
  min-height: 10vh !important;
}
.m-min-height-vw-10 {
  min-height: 10vw !important;
}
.m-min-height-px-10 {
  min-height: 10px !important;
}
.m-min-height-pc-10 {
  min-height: 1000% !important;
}
.m-height-vh-10 {
  height: 10vh !important;
}
.m-height-vw-10 {
  height: 10vw !important;
}
.m-height-px-10 {
  height: 10px !important;
}
.m-height-pc-10 {
  height: 1000% !important;
}
.m-max-height-vh-10 {
  max-height: 10vh !important;
}
.m-max-height-vw-10 {
  max-height: 10vw !important;
}
.m-max-height-px-10 {
  max-height: 10px !important;
}
.m-max-height-pc-10 {
  max-height: 1000% !important;
}
.m-min-height-vh-20 {
  min-height: 20vh !important;
}
.m-min-height-vw-20 {
  min-height: 20vw !important;
}
.m-min-height-px-20 {
  min-height: 20px !important;
}
.m-min-height-pc-20 {
  min-height: 2000% !important;
}
.m-height-vh-20 {
  height: 20vh !important;
}
.m-height-vw-20 {
  height: 20vw !important;
}
.m-height-px-20 {
  height: 20px !important;
}
.m-height-pc-20 {
  height: 2000% !important;
}
.m-max-height-vh-20 {
  max-height: 20vh !important;
}
.m-max-height-vw-20 {
  max-height: 20vw !important;
}
.m-max-height-px-20 {
  max-height: 20px !important;
}
.m-max-height-pc-20 {
  max-height: 2000% !important;
}
.m-min-height-vh-30 {
  min-height: 30vh !important;
}
.m-min-height-vw-30 {
  min-height: 30vw !important;
}
.m-min-height-px-30 {
  min-height: 30px !important;
}
.m-min-height-pc-30 {
  min-height: 3000% !important;
}
.m-height-vh-30 {
  height: 30vh !important;
}
.m-height-vw-30 {
  height: 30vw !important;
}
.m-height-px-30 {
  height: 30px !important;
}
.m-height-pc-30 {
  height: 3000% !important;
}
.m-max-height-vh-30 {
  max-height: 30vh !important;
}
.m-max-height-vw-30 {
  max-height: 30vw !important;
}
.m-max-height-px-30 {
  max-height: 30px !important;
}
.m-max-height-pc-30 {
  max-height: 3000% !important;
}
.m-min-height-vh-40 {
  min-height: 40vh !important;
}
.m-min-height-vw-40 {
  min-height: 40vw !important;
}
.m-min-height-px-40 {
  min-height: 40px !important;
}
.m-min-height-pc-40 {
  min-height: 4000% !important;
}
.m-height-vh-40 {
  height: 40vh !important;
}
.m-height-vw-40 {
  height: 40vw !important;
}
.m-height-px-40 {
  height: 40px !important;
}
.m-height-pc-40 {
  height: 4000% !important;
}
.m-max-height-vh-40 {
  max-height: 40vh !important;
}
.m-max-height-vw-40 {
  max-height: 40vw !important;
}
.m-max-height-px-40 {
  max-height: 40px !important;
}
.m-max-height-pc-40 {
  max-height: 4000% !important;
}
.m-min-height-vh-50 {
  min-height: 50vh !important;
}
.m-min-height-vw-50 {
  min-height: 50vw !important;
}
.m-min-height-px-50 {
  min-height: 50px !important;
}
.m-min-height-pc-50 {
  min-height: 5000% !important;
}
.m-height-vh-50 {
  height: 50vh !important;
}
.m-height-vw-50 {
  height: 50vw !important;
}
.m-height-px-50 {
  height: 50px !important;
}
.m-height-pc-50 {
  height: 5000% !important;
}
.m-max-height-vh-50 {
  max-height: 50vh !important;
}
.m-max-height-vw-50 {
  max-height: 50vw !important;
}
.m-max-height-px-50 {
  max-height: 50px !important;
}
.m-max-height-pc-50 {
  max-height: 5000% !important;
}
.m-min-height-vh-60 {
  min-height: 60vh !important;
}
.m-min-height-vw-60 {
  min-height: 60vw !important;
}
.m-min-height-px-60 {
  min-height: 60px !important;
}
.m-min-height-pc-60 {
  min-height: 6000% !important;
}
.m-height-vh-60 {
  height: 60vh !important;
}
.m-height-vw-60 {
  height: 60vw !important;
}
.m-height-px-60 {
  height: 60px !important;
}
.m-height-pc-60 {
  height: 6000% !important;
}
.m-max-height-vh-60 {
  max-height: 60vh !important;
}
.m-max-height-vw-60 {
  max-height: 60vw !important;
}
.m-max-height-px-60 {
  max-height: 60px !important;
}
.m-max-height-pc-60 {
  max-height: 6000% !important;
}
.m-min-height-vh-70 {
  min-height: 70vh !important;
}
.m-min-height-vw-70 {
  min-height: 70vw !important;
}
.m-min-height-px-70 {
  min-height: 70px !important;
}
.m-min-height-pc-70 {
  min-height: 7000% !important;
}
.m-height-vh-70 {
  height: 70vh !important;
}
.m-height-vw-70 {
  height: 70vw !important;
}
.m-height-px-70 {
  height: 70px !important;
}
.m-height-pc-70 {
  height: 7000% !important;
}
.m-max-height-vh-70 {
  max-height: 70vh !important;
}
.m-max-height-vw-70 {
  max-height: 70vw !important;
}
.m-max-height-px-70 {
  max-height: 70px !important;
}
.m-max-height-pc-70 {
  max-height: 7000% !important;
}
.m-min-height-vh-80 {
  min-height: 80vh !important;
}
.m-min-height-vw-80 {
  min-height: 80vw !important;
}
.m-min-height-px-80 {
  min-height: 80px !important;
}
.m-min-height-pc-80 {
  min-height: 8000% !important;
}
.m-height-vh-80 {
  height: 80vh !important;
}
.m-height-vw-80 {
  height: 80vw !important;
}
.m-height-px-80 {
  height: 80px !important;
}
.m-height-pc-80 {
  height: 8000% !important;
}
.m-max-height-vh-80 {
  max-height: 80vh !important;
}
.m-max-height-vw-80 {
  max-height: 80vw !important;
}
.m-max-height-px-80 {
  max-height: 80px !important;
}
.m-max-height-pc-80 {
  max-height: 8000% !important;
}
.m-min-height-vh-90 {
  min-height: 90vh !important;
}
.m-min-height-vw-90 {
  min-height: 90vw !important;
}
.m-min-height-px-90 {
  min-height: 90px !important;
}
.m-min-height-pc-90 {
  min-height: 9000% !important;
}
.m-height-vh-90 {
  height: 90vh !important;
}
.m-height-vw-90 {
  height: 90vw !important;
}
.m-height-px-90 {
  height: 90px !important;
}
.m-height-pc-90 {
  height: 9000% !important;
}
.m-max-height-vh-90 {
  max-height: 90vh !important;
}
.m-max-height-vw-90 {
  max-height: 90vw !important;
}
.m-max-height-px-90 {
  max-height: 90px !important;
}
.m-max-height-pc-90 {
  max-height: 9000% !important;
}
.m-min-height-vh-100 {
  min-height: 100vh !important;
}
.m-min-height-vw-100 {
  min-height: 100vw !important;
}
.m-min-height-px-100 {
  min-height: 100px !important;
}
.m-min-height-pc-100 {
  min-height: 10000% !important;
}
.m-height-vh-100 {
  height: 100vh !important;
}
.m-height-vw-100 {
  height: 100vw !important;
}
.m-height-px-100 {
  height: 100px !important;
}
.m-height-pc-100 {
  height: 10000% !important;
}
.m-max-height-vh-100 {
  max-height: 100vh !important;
}
.m-max-height-vw-100 {
  max-height: 100vw !important;
}
.m-max-height-px-100 {
  max-height: 100px !important;
}
.m-max-height-pc-100 {
  max-height: 10000% !important;
}
.m-min-height-vh-130 {
  min-height: 130vh !important;
}
.m-min-height-vw-130 {
  min-height: 130vw !important;
}
.m-min-height-px-130 {
  min-height: 130px !important;
}
.m-min-height-pc-130 {
  min-height: 13000% !important;
}
.m-height-vh-130 {
  height: 130vh !important;
}
.m-height-vw-130 {
  height: 130vw !important;
}
.m-height-px-130 {
  height: 130px !important;
}
.m-height-pc-130 {
  height: 13000% !important;
}
.m-max-height-vh-130 {
  max-height: 130vh !important;
}
.m-max-height-vw-130 {
  max-height: 130vw !important;
}
.m-max-height-px-130 {
  max-height: 130px !important;
}
.m-max-height-pc-130 {
  max-height: 13000% !important;
}
.m-min-height-vh-134 {
  min-height: 134vh !important;
}
.m-min-height-vw-134 {
  min-height: 134vw !important;
}
.m-min-height-px-134 {
  min-height: 134px !important;
}
.m-min-height-pc-134 {
  min-height: 13400% !important;
}
.m-height-vh-134 {
  height: 134vh !important;
}
.m-height-vw-134 {
  height: 134vw !important;
}
.m-height-px-134 {
  height: 134px !important;
}
.m-height-pc-134 {
  height: 13400% !important;
}
.m-max-height-vh-134 {
  max-height: 134vh !important;
}
.m-max-height-vw-134 {
  max-height: 134vw !important;
}
.m-max-height-px-134 {
  max-height: 134px !important;
}
.m-max-height-pc-134 {
  max-height: 13400% !important;
}
.m-min-height-vh-150 {
  min-height: 150vh !important;
}
.m-min-height-vw-150 {
  min-height: 150vw !important;
}
.m-min-height-px-150 {
  min-height: 150px !important;
}
.m-min-height-pc-150 {
  min-height: 15000% !important;
}
.m-height-vh-150 {
  height: 150vh !important;
}
.m-height-vw-150 {
  height: 150vw !important;
}
.m-height-px-150 {
  height: 150px !important;
}
.m-height-pc-150 {
  height: 15000% !important;
}
.m-max-height-vh-150 {
  max-height: 150vh !important;
}
.m-max-height-vw-150 {
  max-height: 150vw !important;
}
.m-max-height-px-150 {
  max-height: 150px !important;
}
.m-max-height-pc-150 {
  max-height: 15000% !important;
}
.m-min-height-vh-200 {
  min-height: 200vh !important;
}
.m-min-height-vw-200 {
  min-height: 200vw !important;
}
.m-min-height-px-200 {
  min-height: 200px !important;
}
.m-min-height-pc-200 {
  min-height: 20000% !important;
}
.m-height-vh-200 {
  height: 200vh !important;
}
.m-height-vw-200 {
  height: 200vw !important;
}
.m-height-px-200 {
  height: 200px !important;
}
.m-height-pc-200 {
  height: 20000% !important;
}
.m-max-height-vh-200 {
  max-height: 200vh !important;
}
.m-max-height-vw-200 {
  max-height: 200vw !important;
}
.m-max-height-px-200 {
  max-height: 200px !important;
}
.m-max-height-pc-200 {
  max-height: 20000% !important;
}
.m-min-height-vh-250 {
  min-height: 250vh !important;
}
.m-min-height-vw-250 {
  min-height: 250vw !important;
}
.m-min-height-px-250 {
  min-height: 250px !important;
}
.m-min-height-pc-250 {
  min-height: 25000% !important;
}
.m-height-vh-250 {
  height: 250vh !important;
}
.m-height-vw-250 {
  height: 250vw !important;
}
.m-height-px-250 {
  height: 250px !important;
}
.m-height-pc-250 {
  height: 25000% !important;
}
.m-max-height-vh-250 {
  max-height: 250vh !important;
}
.m-max-height-vw-250 {
  max-height: 250vw !important;
}
.m-max-height-px-250 {
  max-height: 250px !important;
}
.m-max-height-pc-250 {
  max-height: 25000% !important;
}
.m-min-height-vh-285 {
  min-height: 285vh !important;
}
.m-min-height-vw-285 {
  min-height: 285vw !important;
}
.m-min-height-px-285 {
  min-height: 285px !important;
}
.m-min-height-pc-285 {
  min-height: 28500% !important;
}
.m-height-vh-285 {
  height: 285vh !important;
}
.m-height-vw-285 {
  height: 285vw !important;
}
.m-height-px-285 {
  height: 285px !important;
}
.m-height-pc-285 {
  height: 28500% !important;
}
.m-max-height-vh-285 {
  max-height: 285vh !important;
}
.m-max-height-vw-285 {
  max-height: 285vw !important;
}
.m-max-height-px-285 {
  max-height: 285px !important;
}
.m-max-height-pc-285 {
  max-height: 28500% !important;
}
.m-min-height-vh-300 {
  min-height: 300vh !important;
}
.m-min-height-vw-300 {
  min-height: 300vw !important;
}
.m-min-height-px-300 {
  min-height: 300px !important;
}
.m-min-height-pc-300 {
  min-height: 30000% !important;
}
.m-height-vh-300 {
  height: 300vh !important;
}
.m-height-vw-300 {
  height: 300vw !important;
}
.m-height-px-300 {
  height: 300px !important;
}
.m-height-pc-300 {
  height: 30000% !important;
}
.m-max-height-vh-300 {
  max-height: 300vh !important;
}
.m-max-height-vw-300 {
  max-height: 300vw !important;
}
.m-max-height-px-300 {
  max-height: 300px !important;
}
.m-max-height-pc-300 {
  max-height: 30000% !important;
}
.m-min-height-vh-400 {
  min-height: 400vh !important;
}
.m-min-height-vw-400 {
  min-height: 400vw !important;
}
.m-min-height-px-400 {
  min-height: 400px !important;
}
.m-min-height-pc-400 {
  min-height: 40000% !important;
}
.m-height-vh-400 {
  height: 400vh !important;
}
.m-height-vw-400 {
  height: 400vw !important;
}
.m-height-px-400 {
  height: 400px !important;
}
.m-height-pc-400 {
  height: 40000% !important;
}
.m-max-height-vh-400 {
  max-height: 400vh !important;
}
.m-max-height-vw-400 {
  max-height: 400vw !important;
}
.m-max-height-px-400 {
  max-height: 400px !important;
}
.m-max-height-pc-400 {
  max-height: 40000% !important;
}
.m-min-height-vh-450 {
  min-height: 450vh !important;
}
.m-min-height-vw-450 {
  min-height: 450vw !important;
}
.m-min-height-px-450 {
  min-height: 450px !important;
}
.m-min-height-pc-450 {
  min-height: 45000% !important;
}
.m-height-vh-450 {
  height: 450vh !important;
}
.m-height-vw-450 {
  height: 450vw !important;
}
.m-height-px-450 {
  height: 450px !important;
}
.m-height-pc-450 {
  height: 45000% !important;
}
.m-max-height-vh-450 {
  max-height: 450vh !important;
}
.m-max-height-vw-450 {
  max-height: 450vw !important;
}
.m-max-height-px-450 {
  max-height: 450px !important;
}
.m-max-height-pc-450 {
  max-height: 45000% !important;
}
.m-min-height-vh-500 {
  min-height: 500vh !important;
}
.m-min-height-vw-500 {
  min-height: 500vw !important;
}
.m-min-height-px-500 {
  min-height: 500px !important;
}
.m-min-height-pc-500 {
  min-height: 50000% !important;
}
.m-height-vh-500 {
  height: 500vh !important;
}
.m-height-vw-500 {
  height: 500vw !important;
}
.m-height-px-500 {
  height: 500px !important;
}
.m-height-pc-500 {
  height: 50000% !important;
}
.m-max-height-vh-500 {
  max-height: 500vh !important;
}
.m-max-height-vw-500 {
  max-height: 500vw !important;
}
.m-max-height-px-500 {
  max-height: 500px !important;
}
.m-max-height-pc-500 {
  max-height: 50000% !important;
}
.m-min-height-vh-600 {
  min-height: 600vh !important;
}
.m-min-height-vw-600 {
  min-height: 600vw !important;
}
.m-min-height-px-600 {
  min-height: 600px !important;
}
.m-min-height-pc-600 {
  min-height: 60000% !important;
}
.m-height-vh-600 {
  height: 600vh !important;
}
.m-height-vw-600 {
  height: 600vw !important;
}
.m-height-px-600 {
  height: 600px !important;
}
.m-height-pc-600 {
  height: 60000% !important;
}
.m-max-height-vh-600 {
  max-height: 600vh !important;
}
.m-max-height-vw-600 {
  max-height: 600vw !important;
}
.m-max-height-px-600 {
  max-height: 600px !important;
}
.m-max-height-pc-600 {
  max-height: 60000% !important;
}
.m-min-height-vh-700 {
  min-height: 700vh !important;
}
.m-min-height-vw-700 {
  min-height: 700vw !important;
}
.m-min-height-px-700 {
  min-height: 700px !important;
}
.m-min-height-pc-700 {
  min-height: 70000% !important;
}
.m-height-vh-700 {
  height: 700vh !important;
}
.m-height-vw-700 {
  height: 700vw !important;
}
.m-height-px-700 {
  height: 700px !important;
}
.m-height-pc-700 {
  height: 70000% !important;
}
.m-max-height-vh-700 {
  max-height: 700vh !important;
}
.m-max-height-vw-700 {
  max-height: 700vw !important;
}
.m-max-height-px-700 {
  max-height: 700px !important;
}
.m-max-height-pc-700 {
  max-height: 70000% !important;
}
.m-min-height-vh-800 {
  min-height: 800vh !important;
}
.m-min-height-vw-800 {
  min-height: 800vw !important;
}
.m-min-height-px-800 {
  min-height: 800px !important;
}
.m-min-height-pc-800 {
  min-height: 80000% !important;
}
.m-height-vh-800 {
  height: 800vh !important;
}
.m-height-vw-800 {
  height: 800vw !important;
}
.m-height-px-800 {
  height: 800px !important;
}
.m-height-pc-800 {
  height: 80000% !important;
}
.m-max-height-vh-800 {
  max-height: 800vh !important;
}
.m-max-height-vw-800 {
  max-height: 800vw !important;
}
.m-max-height-px-800 {
  max-height: 800px !important;
}
.m-max-height-pc-800 {
  max-height: 80000% !important;
}
.m-min-height-vh-900 {
  min-height: 900vh !important;
}
.m-min-height-vw-900 {
  min-height: 900vw !important;
}
.m-min-height-px-900 {
  min-height: 900px !important;
}
.m-min-height-pc-900 {
  min-height: 90000% !important;
}
.m-height-vh-900 {
  height: 900vh !important;
}
.m-height-vw-900 {
  height: 900vw !important;
}
.m-height-px-900 {
  height: 900px !important;
}
.m-height-pc-900 {
  height: 90000% !important;
}
.m-max-height-vh-900 {
  max-height: 900vh !important;
}
.m-max-height-vw-900 {
  max-height: 900vw !important;
}
.m-max-height-px-900 {
  max-height: 900px !important;
}
.m-max-height-pc-900 {
  max-height: 90000% !important;
}
.m-min-height-vh-1000 {
  min-height: 1000vh !important;
}
.m-min-height-vw-1000 {
  min-height: 1000vw !important;
}
.m-min-height-px-1000 {
  min-height: 1000px !important;
}
.m-min-height-pc-1000 {
  min-height: 100000% !important;
}
.m-height-vh-1000 {
  height: 1000vh !important;
}
.m-height-vw-1000 {
  height: 1000vw !important;
}
.m-height-px-1000 {
  height: 1000px !important;
}
.m-height-pc-1000 {
  height: 100000% !important;
}
.m-max-height-vh-1000 {
  max-height: 1000vh !important;
}
.m-max-height-vw-1000 {
  max-height: 1000vw !important;
}
.m-max-height-px-1000 {
  max-height: 1000px !important;
}
.m-max-height-pc-1000 {
  max-height: 100000% !important;
}
.m-min-height-vh-1500 {
  min-height: 1500vh !important;
}
.m-min-height-vw-1500 {
  min-height: 1500vw !important;
}
.m-min-height-px-1500 {
  min-height: 1500px !important;
}
.m-min-height-pc-1500 {
  min-height: 150000% !important;
}
.m-height-vh-1500 {
  height: 1500vh !important;
}
.m-height-vw-1500 {
  height: 1500vw !important;
}
.m-height-px-1500 {
  height: 1500px !important;
}
.m-height-pc-1500 {
  height: 150000% !important;
}
.m-max-height-vh-1500 {
  max-height: 1500vh !important;
}
.m-max-height-vw-1500 {
  max-height: 1500vw !important;
}
.m-max-height-px-1500 {
  max-height: 1500px !important;
}
.m-max-height-pc-1500 {
  max-height: 150000% !important;
}
.m-min-height-vh-2000 {
  min-height: 2000vh !important;
}
.m-min-height-vw-2000 {
  min-height: 2000vw !important;
}
.m-min-height-px-2000 {
  min-height: 2000px !important;
}
.m-min-height-pc-2000 {
  min-height: 200000% !important;
}
.m-height-vh-2000 {
  height: 2000vh !important;
}
.m-height-vw-2000 {
  height: 2000vw !important;
}
.m-height-px-2000 {
  height: 2000px !important;
}
.m-height-pc-2000 {
  height: 200000% !important;
}
.m-max-height-vh-2000 {
  max-height: 2000vh !important;
}
.m-max-height-vw-2000 {
  max-height: 2000vw !important;
}
.m-max-height-px-2000 {
  max-height: 2000px !important;
}
.m-max-height-pc-2000 {
  max-height: 200000% !important;
}
.b-sticky-spacer {
  width: 100%;
}

.h-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.h-visibility-hidden {
  visibility: hidden;
}

.h-invisible {
  visibility: hidden;
}

.m-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.m-none-events {
  pointer-events: none;
}

[data-showon-mode],
[data-showon-viewtype] {
  display: none;
}

[data-block-mode=a] [data-showon-mode=a] {
  display: block;
}

[data-block-mode=b] [data-showon-mode=b] {
  display: block;
}

[data-block-mode=c] [data-showon-mode=c] {
  display: block;
}

[data-viewtype=a] [data-showon-viewtype=a] {
  display: block;
}

[data-viewtype=b] [data-showon-viewtype=b] {
  display: block;
}

[data-viewtype=c] [data-showon-viewtype=c] {
  display: block;
}

html[data-country=AE] .m-hidden-country-AE {
  display: none !important;
}

html[data-country=KW] .m-hidden-country-KW {
  display: none !important;
}

html[data-country=BH] .m-hidden-country-BH {
  display: none !important;
}

html[data-country=OM] .m-hidden-country-OM {
  display: none !important;
}

html[data-country=QA] .m-hidden-country-QA {
  display: none !important;
}

html[data-country=SA] .m-hidden-country-SA {
  display: none !important;
}

.m-text--h1 {
  font-size: 52px !important;
  line-height: 64px !important;
  font-weight: 500 !important;
}

.m-text--h1-sm {
  font-size: 48px !important;
  line-height: 35px !important;
}

.m-text--h2 {
  font-size: 40px !important;
  line-height: 52px !important;
  font-weight: 700 !important;
}

.m-text--h3 {
  font-size: 32px !important;
  line-height: 40px !important;
  font-weight: 500 !important;
}

.m-text--h4 {
  font-size: 26px !important;
  line-height: 36px !important;
  font-weight: 500 !important;
}

.m-text--h5 {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
}

.m-text--h5-sm {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

.m-text--h6 {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.m-text--h6-md {
  font-size: 16px !important;
  line-height: 22px !important;
}

.m-text--h6-sm {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.m-text--p-xl {
  font-size: 84px !important;
  line-height: 60px !important;
}

.m-text--p-xl-2 {
  font-size: 61px !important;
  line-height: 61px !important;
}

.m-text--p-xl-3 {
  font-size: 80px !important;
  line-height: 80px !important;
}

.m-text--p-lg {
  font-size: 20px !important;
  line-height: 30px !important;
}

.m-text--p-lg-2 {
  font-size: 17px !important;
  line-height: 22px !important;
}

.m-text--p-rg {
  font-size: 16px !important;
  line-height: 24px !important;
}

.m-text--p-rg-2 {
  font-size: 15px !important;
  line-height: 20px !important;
}

.m-text--p-md {
  font-size: 14px !important;
  line-height: 20px !important;
}

.m-text--p-sm {
  font-size: 12px !important;
  line-height: 18px !important;
}

.m-text--p-sm-2 {
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}

.m-text--p-xs {
  font-size: 12px !important;
  line-height: 18px !important;
}

.m-text--p-xs-2 {
  font-size: 11px !important;
  line-height: 16px !important;
}

.m-text--caption-lg {
  font-size: 24px !important;
  line-height: 36px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.m-text--caption-rg {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.m-text--caption-sm {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.m-text--caption-xs {
  font-size: 12px !important;
  line-height: 18px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.m-text--body {
  font-size: 16px !important;
  line-height: 24px !important;
  font-family: "Tajawal", sans-serif !important;
}

.m-text--btn {
  font-size: 16px !important;
  line-height: 20px !important;
}

.m-text--btn-small {
  font-size: 14px !important;
  line-height: 20px !important;
}

.m-text--btn-md {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.m-text--btn-lg {
  font-size: 16px !important;
  line-height: 20px !important;
}

.m-text--checkbox-label {
  font-size: 14px !important;
  line-height: 20px !important;
}

.m-text--checkbox-label-text {
  font-size: 16px !important;
  line-height: 20px !important;
}

.m-text--checkbox-label-text-type2 {
  font-size: 16px !important;
  line-height: 24px !important;
}

.m-text--btn-icon {
  font-size: 16px !important;
  line-height: !important;
}

.m-text--list-item-wide {
  font-size: 14px !important;
  line-height: 30px !important;
}

.m-text--icon-large {
  font-size: 24px !important;
  line-height: 1 !important;
}

.m-text--icon-xlarge {
  font-size: 28px !important;
  line-height: 1 !important;
}

.m-text--icon-xxlarge {
  font-size: 36px !important;
  line-height: 1 !important;
}

.m-text--icon-xxxlarge {
  font-size: 54px !important;
  line-height: 1 !important;
}

.m-text--icon {
  font-size: 20px !important;
  line-height: 1 !important;
}

.m-text--icon-medium {
  font-size: 16px !important;
  line-height: 1 !important;
}

.m-text--icon-small {
  font-size: 13px !important;
  line-height: 1 !important;
}

.m-text--pd-custom-heading {
  font-size: 24px !important;
  line-height: 30px !important;
  letter-spacing: 3.6px !important;
}

.m-text--pd-caption {
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
}

.m-text--pd-markup-lg {
  font-size: 14px !important;
  line-height: 24px !important;
}

.m-text--link {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.m-text--refinement {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

.m-text--refinement-filter {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

/*
    html:sg-text
    <div class="m-text--h1 m-margin-b-10">h1</div><div class="m-text--h1-sm m-margin-b-10">h1-sm</div><div class="m-text--h2 m-margin-b-10">h2</div><div class="m-text--h3 m-margin-b-10">h3</div><div class="m-text--h4 m-margin-b-10">h4</div><div class="m-text--h5 m-margin-b-10">h5</div><div class="m-text--h5-sm m-margin-b-10">h5-sm</div><div class="m-text--h6 m-margin-b-10">h6</div><div class="m-text--h6-md m-margin-b-10">h6-md</div><div class="m-text--h6-sm m-margin-b-10">h6-sm</div><div class="m-text--p-xl m-margin-b-10">p-xl</div><div class="m-text--p-xl-2 m-margin-b-10">p-xl-2</div><div class="m-text--p-xl-3 m-margin-b-10">p-xl-3</div><div class="m-text--p-lg m-margin-b-10">p-lg</div><div class="m-text--p-lg-2 m-margin-b-10">p-lg-2</div><div class="m-text--p-rg m-margin-b-10">p-rg</div><div class="m-text--p-rg-2 m-margin-b-10">p-rg-2</div><div class="m-text--p-md m-margin-b-10">p-md</div><div class="m-text--p-sm m-margin-b-10">p-sm</div><div class="m-text--p-sm-2 m-margin-b-10">p-sm-2</div><div class="m-text--p-xs m-margin-b-10">p-xs</div><div class="m-text--p-xs-2 m-margin-b-10">p-xs-2</div><div class="m-text--caption-lg m-margin-b-10">caption-lg</div><div class="m-text--caption-rg m-margin-b-10">caption-rg</div><div class="m-text--caption-sm m-margin-b-10">caption-sm</div><div class="m-text--caption-xs m-margin-b-10">caption-xs</div><div class="m-text--body m-margin-b-10">body</div><div class="m-text--btn m-margin-b-10">btn</div><div class="m-text--btn-small m-margin-b-10">btn-small</div><div class="m-text--btn-md m-margin-b-10">btn-md</div><div class="m-text--btn-lg m-margin-b-10">btn-lg</div><div class="m-text--checkbox-label m-margin-b-10">checkbox-label</div><div class="m-text--checkbox-label-text m-margin-b-10">checkbox-label-text</div><div class="m-text--checkbox-label-text-type2 m-margin-b-10">checkbox-label-text-type2</div><div class="m-text--btn-icon m-margin-b-10">btn-icon</div><div class="m-text--list-item-wide m-margin-b-10">list-item-wide</div><div class="m-text--icon-large m-margin-b-10">icon-large</div><div class="m-text--icon-xlarge m-margin-b-10">icon-xlarge</div><div class="m-text--icon-xxlarge m-margin-b-10">icon-xxlarge</div><div class="m-text--icon-xxxlarge m-margin-b-10">icon-xxxlarge</div><div class="m-text--icon m-margin-b-10"><i class="b-icon icon icon-menu" aria-hidden="true"></i></div><div class="m-text--icon-medium m-margin-b-10">icon-medium</div><div class="m-text--icon-small m-margin-b-10">icon-small</div><div class="m-text--pd-custom-heading m-margin-b-10">pd-custom-heading</div><div class="m-text--pd-caption m-margin-b-10">pd-caption</div><div class="m-text--pd-markup-lg m-margin-b-10">pd-markup-lg</div><div class="m-text--link m-margin-b-10">link</div><div class="m-text--refinement m-margin-b-10">refinement</div><div class="m-text--refinement-filter m-margin-b-10">refinement-filter</div>
*/
.ltr {
  direction: ltr ;
}

.m-rtlengfix::before, .m-rtlengfix::after,
.h-rtlfix::before,
.h-rtlfix::after {
  content: "\200E";
}

.h-text__truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.m-t__underline {
  text-decoration: underline;
}

.m-t__no-underline {
  text-decoration: none !important;
}

.m-t__line-through {
  text-decoration: line-through;
}

.m-t__regular {
  font-weight: 400;
}

.m-t__medium {
  font-weight: 500;
}

.m-t__strong {
  font-weight: 700;
}

.m-t__hightlight {
  color: #3f999c;
}

.m-t__link {
  text-decoration: underline;
  color: currentColor;
}
.non-touch .m-t__link:hover {
  text-decoration: none;
}

:root {
  --color-black: #000;
  --color-black-base: #000;
  --color-white: #fff;
  --color-white-base: #fff;
  --color-white-1: #f9f6f1;
  --color-gray: #111;
  --color-gray-base: #111;
  --color-gray-1: #323232;
  --color-gray-2: #4a4a4a;
  --color-gray-3: #797979;
  --color-gray-4: #959595;
  --color-gray-5: #c3c3c3;
  --color-gray-6: #d5d5d5;
  --color-gray-7: #e6e6e6;
  --color-gray-8: #f8f8f8;
  --color-gray-9: #f5f5f5;
  --color-gray-10: #ddd;
  --color-gray-11: #ecf5f5;
  --color-gray-12: #f8f9fa;
  --color-gray-13: #bfbfbf;
  --color-gray-14: #3a3a3a;
  --color-gray-15: #1d1d1d;
  --color-gray-16: #e8e8e8;
  --color-gray-17: #f9f9f9;
  --color-gray-18: #767676;
  --color-gray-19: #2b2b2b;
  --color-gray-20: #e4e4e4;
  --color-gray-21: #dcdcdc;
  --color-green: #47bb9c;
  --color-green-base: #47bb9c;
  --color-green-1: #289e7f;
  --color-green-2: #3f999c;
  --color-green-3: #368e90;
  --color-green-4: #1c7d63;
  --color-green-5: #e5f0ed;
  --color-green-6: #0b7276;
  --color-green-7: #307678;
  --color-yellow: #ecac2d;
  --color-yellow-base: #ecac2d;
  --color-yellow-1: #de9f20;
  --color-yellow-2: #fff84a;
  --color-red: #a42337;
  --color-red-base: #a42337;
  --color-red-1: #cc162c;
  --color-red-2: #fb4c5a;
  --color-red-3: #d84232;
  --color-red-4: #de3412;
  --color-red-5: #861c2d;
  --color-red-6: #e32c2b;
  --color-teal-dark: #1f6276;
  --color-teal-dark-base: #1f6276;
  --color-teal-dark-2: #5b6674;
  --color-asphalt: #849db3;
  --color-asphalt-base: #849db3;
  --color-blue-pastel: #b7c5d5;
  --color-blue-pastel-base: #b7c5d5;
  --color-blue-pastel-1: #f0f4f5;
  --color-coral: #996c12;
  --color-coral-base: #996c12;
  --color-coral-muted: #e3aa9e;
  --color-coral-muted-base: #e3aa9e;
  --color-blue: #497297;
  --color-blue-base: #497297;
  --color-blue-1: #3d5d7a;
  --color-blue-2: #39579a;
  --color-text: #000;
  --color-text-base: #000;
  --color-none: transparent;
  --color-none-base: transparent;
  --color-text-black: #fff;
  --color-text-black-base: #fff;
  --color-text-white: #323232;
  --color-text-white-base: #323232;
  --color-text-white-1: #323232;
  --color-text-gray: #fff;
  --color-text-gray-base: #fff;
  --color-text-gray-1: #fff;
  --color-text-gray-2: #fff;
  --color-text-gray-3: #fff;
  --color-text-gray-4: #323232;
  --color-text-gray-5: #323232;
  --color-text-gray-6: #323232;
  --color-text-gray-7: #323232;
  --color-text-gray-8: #323232;
  --color-text-gray-9: #323232;
  --color-text-gray-10: #323232;
  --color-text-gray-11: #323232;
  --color-text-gray-12: #323232;
  --color-text-gray-13: #323232;
  --color-text-gray-14: #fff;
  --color-text-gray-15: #fff;
  --color-text-gray-16: #323232;
  --color-text-gray-17: #323232;
  --color-text-gray-18: #fff;
  --color-text-gray-19: #fff;
  --color-text-gray-20: #323232;
  --color-text-gray-21: #323232;
  --color-text-green: #fff;
  --color-text-green-base: #fff;
  --color-text-green-1: #fff;
  --color-text-green-2: #fff;
  --color-text-green-3: #fff;
  --color-text-green-4: #fff;
  --color-text-green-5: #323232;
  --color-text-green-6: #fff;
  --color-text-green-7: #fff;
  --color-text-yellow: #323232;
  --color-text-yellow-base: #323232;
  --color-text-yellow-1: #fff;
  --color-text-yellow-2: #323232;
  --color-text-red: #fff;
  --color-text-red-base: #fff;
  --color-text-red-1: #fff;
  --color-text-red-2: #323232;
  --color-text-red-3: #fff;
  --color-text-red-4: #fff;
  --color-text-red-5: #fff;
  --color-text-red-6: #fff;
  --color-text-teal-dark: #fff;
  --color-text-teal-dark-base: #fff;
  --color-text-teal-dark-2: #fff;
  --color-text-asphalt: #323232;
  --color-text-asphalt-base: #323232;
  --color-text-blue-pastel: #323232;
  --color-text-blue-pastel-base: #323232;
  --color-text-blue-pastel-1: #323232;
  --color-text-coral: #fff;
  --color-text-coral-base: #fff;
  --color-text-coral-muted: #323232;
  --color-text-coral-muted-base: #323232;
  --color-text-blue: #fff;
  --color-text-blue-base: #fff;
  --color-text-blue-1: #fff;
  --color-text-blue-2: #fff;
  --color-text-text: #fff;
  --color-text-text-base: #fff;
  --color-text-none: #fff;
  --color-text-none-base: #fff;
}

.m-color-t--black {
  color: #000 !important;
}

.m-color-bg--black {
  background-color: #000 !important;
}

.m-color-b--black {
  border-color: #000 !important;
}

.m-color-t--black-base {
  color: #000 !important;
}

.m-color-bg--black-base {
  background-color: #000 !important;
}

.m-color-b--black-base {
  border-color: #000 !important;
}

.m-color-t--white {
  color: #fff !important;
}

.m-color-bg--white {
  background-color: #fff !important;
}

.m-color-b--white {
  border-color: #fff !important;
}

.m-color-t--white-base {
  color: #fff !important;
}

.m-color-bg--white-base {
  background-color: #fff !important;
}

.m-color-b--white-base {
  border-color: #fff !important;
}

.m-color-t--white-1 {
  color: #f9f6f1 !important;
}

.m-color-bg--white-1 {
  background-color: #f9f6f1 !important;
}

.m-color-b--white-1 {
  border-color: #f9f6f1 !important;
}

.m-color-t--gray {
  color: #111 !important;
}

.m-color-bg--gray {
  background-color: #111 !important;
}

.m-color-b--gray {
  border-color: #111 !important;
}

.m-color-t--gray-base {
  color: #111 !important;
}

.m-color-bg--gray-base {
  background-color: #111 !important;
}

.m-color-b--gray-base {
  border-color: #111 !important;
}

.m-color-t--gray-1 {
  color: #323232 !important;
}

.m-color-bg--gray-1 {
  background-color: #323232 !important;
}

.m-color-b--gray-1 {
  border-color: #323232 !important;
}

.m-color-t--gray-2 {
  color: #4a4a4a !important;
}

.m-color-bg--gray-2 {
  background-color: #4a4a4a !important;
}

.m-color-b--gray-2 {
  border-color: #4a4a4a !important;
}

.m-color-t--gray-3 {
  color: #797979 !important;
}

.m-color-bg--gray-3 {
  background-color: #797979 !important;
}

.m-color-b--gray-3 {
  border-color: #797979 !important;
}

.m-color-t--gray-4 {
  color: #959595 !important;
}

.m-color-bg--gray-4 {
  background-color: #959595 !important;
}

.m-color-b--gray-4 {
  border-color: #959595 !important;
}

.m-color-t--gray-5 {
  color: #c3c3c3 !important;
}

.m-color-bg--gray-5 {
  background-color: #c3c3c3 !important;
}

.m-color-b--gray-5 {
  border-color: #c3c3c3 !important;
}

.m-color-t--gray-6 {
  color: #d5d5d5 !important;
}

.m-color-bg--gray-6 {
  background-color: #d5d5d5 !important;
}

.m-color-b--gray-6 {
  border-color: #d5d5d5 !important;
}

.m-color-t--gray-7 {
  color: #e6e6e6 !important;
}

.m-color-bg--gray-7 {
  background-color: #e6e6e6 !important;
}

.m-color-b--gray-7 {
  border-color: #e6e6e6 !important;
}

.m-color-t--gray-8 {
  color: #f8f8f8 !important;
}

.m-color-bg--gray-8 {
  background-color: #f8f8f8 !important;
}

.m-color-b--gray-8 {
  border-color: #f8f8f8 !important;
}

.m-color-t--gray-9 {
  color: #f5f5f5 !important;
}

.m-color-bg--gray-9 {
  background-color: #f5f5f5 !important;
}

.m-color-b--gray-9 {
  border-color: #f5f5f5 !important;
}

.m-color-t--gray-10 {
  color: #ddd !important;
}

.m-color-bg--gray-10 {
  background-color: #ddd !important;
}

.m-color-b--gray-10 {
  border-color: #ddd !important;
}

.m-color-t--gray-11 {
  color: #ecf5f5 !important;
}

.m-color-bg--gray-11 {
  background-color: #ecf5f5 !important;
}

.m-color-b--gray-11 {
  border-color: #ecf5f5 !important;
}

.m-color-t--gray-12 {
  color: #f8f9fa !important;
}

.m-color-bg--gray-12 {
  background-color: #f8f9fa !important;
}

.m-color-b--gray-12 {
  border-color: #f8f9fa !important;
}

.m-color-t--gray-13 {
  color: #bfbfbf !important;
}

.m-color-bg--gray-13 {
  background-color: #bfbfbf !important;
}

.m-color-b--gray-13 {
  border-color: #bfbfbf !important;
}

.m-color-t--gray-14 {
  color: #3a3a3a !important;
}

.m-color-bg--gray-14 {
  background-color: #3a3a3a !important;
}

.m-color-b--gray-14 {
  border-color: #3a3a3a !important;
}

.m-color-t--gray-15 {
  color: #1d1d1d !important;
}

.m-color-bg--gray-15 {
  background-color: #1d1d1d !important;
}

.m-color-b--gray-15 {
  border-color: #1d1d1d !important;
}

.m-color-t--gray-16 {
  color: #e8e8e8 !important;
}

.m-color-bg--gray-16 {
  background-color: #e8e8e8 !important;
}

.m-color-b--gray-16 {
  border-color: #e8e8e8 !important;
}

.m-color-t--gray-17 {
  color: #f9f9f9 !important;
}

.m-color-bg--gray-17 {
  background-color: #f9f9f9 !important;
}

.m-color-b--gray-17 {
  border-color: #f9f9f9 !important;
}

.m-color-t--gray-18 {
  color: #767676 !important;
}

.m-color-bg--gray-18 {
  background-color: #767676 !important;
}

.m-color-b--gray-18 {
  border-color: #767676 !important;
}

.m-color-t--gray-19 {
  color: #2b2b2b !important;
}

.m-color-bg--gray-19 {
  background-color: #2b2b2b !important;
}

.m-color-b--gray-19 {
  border-color: #2b2b2b !important;
}

.m-color-t--gray-20 {
  color: #e4e4e4 !important;
}

.m-color-bg--gray-20 {
  background-color: #e4e4e4 !important;
}

.m-color-b--gray-20 {
  border-color: #e4e4e4 !important;
}

.m-color-t--gray-21 {
  color: #dcdcdc !important;
}

.m-color-bg--gray-21 {
  background-color: #dcdcdc !important;
}

.m-color-b--gray-21 {
  border-color: #dcdcdc !important;
}

.m-color-t--green {
  color: #47bb9c !important;
}

.m-color-bg--green {
  background-color: #47bb9c !important;
}

.m-color-b--green {
  border-color: #47bb9c !important;
}

.m-color-t--green-base {
  color: #47bb9c !important;
}

.m-color-bg--green-base {
  background-color: #47bb9c !important;
}

.m-color-b--green-base {
  border-color: #47bb9c !important;
}

.m-color-t--green-1 {
  color: #289e7f !important;
}

.m-color-bg--green-1 {
  background-color: #289e7f !important;
}

.m-color-b--green-1 {
  border-color: #289e7f !important;
}

.m-color-t--green-2 {
  color: #3f999c !important;
}

.m-color-bg--green-2 {
  background-color: #3f999c !important;
}

.m-color-b--green-2 {
  border-color: #3f999c !important;
}

.m-color-t--green-3 {
  color: #368e90 !important;
}

.m-color-bg--green-3 {
  background-color: #368e90 !important;
}

.m-color-b--green-3 {
  border-color: #368e90 !important;
}

.m-color-t--green-4 {
  color: #1c7d63 !important;
}

.m-color-bg--green-4 {
  background-color: #1c7d63 !important;
}

.m-color-b--green-4 {
  border-color: #1c7d63 !important;
}

.m-color-t--green-5 {
  color: #e5f0ed !important;
}

.m-color-bg--green-5 {
  background-color: #e5f0ed !important;
}

.m-color-b--green-5 {
  border-color: #e5f0ed !important;
}

.m-color-t--green-6 {
  color: #0b7276 !important;
}

.m-color-bg--green-6 {
  background-color: #0b7276 !important;
}

.m-color-b--green-6 {
  border-color: #0b7276 !important;
}

.m-color-t--green-7 {
  color: #307678 !important;
}

.m-color-bg--green-7 {
  background-color: #307678 !important;
}

.m-color-b--green-7 {
  border-color: #307678 !important;
}

.m-color-t--yellow {
  color: #ecac2d !important;
}

.m-color-bg--yellow {
  background-color: #ecac2d !important;
}

.m-color-b--yellow {
  border-color: #ecac2d !important;
}

.m-color-t--yellow-base {
  color: #ecac2d !important;
}

.m-color-bg--yellow-base {
  background-color: #ecac2d !important;
}

.m-color-b--yellow-base {
  border-color: #ecac2d !important;
}

.m-color-t--yellow-1 {
  color: #de9f20 !important;
}

.m-color-bg--yellow-1 {
  background-color: #de9f20 !important;
}

.m-color-b--yellow-1 {
  border-color: #de9f20 !important;
}

.m-color-t--yellow-2 {
  color: #fff84a !important;
}

.m-color-bg--yellow-2 {
  background-color: #fff84a !important;
}

.m-color-b--yellow-2 {
  border-color: #fff84a !important;
}

.m-color-t--red {
  color: #a42337 !important;
}

.m-color-bg--red {
  background-color: #a42337 !important;
}

.m-color-b--red {
  border-color: #a42337 !important;
}

.m-color-t--red-base {
  color: #a42337 !important;
}

.m-color-bg--red-base {
  background-color: #a42337 !important;
}

.m-color-b--red-base {
  border-color: #a42337 !important;
}

.m-color-t--red-1 {
  color: #cc162c !important;
}

.m-color-bg--red-1 {
  background-color: #cc162c !important;
}

.m-color-b--red-1 {
  border-color: #cc162c !important;
}

.m-color-t--red-2 {
  color: #fb4c5a !important;
}

.m-color-bg--red-2 {
  background-color: #fb4c5a !important;
}

.m-color-b--red-2 {
  border-color: #fb4c5a !important;
}

.m-color-t--red-3 {
  color: #d84232 !important;
}

.m-color-bg--red-3 {
  background-color: #d84232 !important;
}

.m-color-b--red-3 {
  border-color: #d84232 !important;
}

.m-color-t--red-4 {
  color: #de3412 !important;
}

.m-color-bg--red-4 {
  background-color: #de3412 !important;
}

.m-color-b--red-4 {
  border-color: #de3412 !important;
}

.m-color-t--red-5 {
  color: #861c2d !important;
}

.m-color-bg--red-5 {
  background-color: #861c2d !important;
}

.m-color-b--red-5 {
  border-color: #861c2d !important;
}

.m-color-t--red-6 {
  color: #e32c2b !important;
}

.m-color-bg--red-6 {
  background-color: #e32c2b !important;
}

.m-color-b--red-6 {
  border-color: #e32c2b !important;
}

.m-color-t--teal-dark {
  color: #1f6276 !important;
}

.m-color-bg--teal-dark {
  background-color: #1f6276 !important;
}

.m-color-b--teal-dark {
  border-color: #1f6276 !important;
}

.m-color-t--teal-dark-base {
  color: #1f6276 !important;
}

.m-color-bg--teal-dark-base {
  background-color: #1f6276 !important;
}

.m-color-b--teal-dark-base {
  border-color: #1f6276 !important;
}

.m-color-t--teal-dark-2 {
  color: #5b6674 !important;
}

.m-color-bg--teal-dark-2 {
  background-color: #5b6674 !important;
}

.m-color-b--teal-dark-2 {
  border-color: #5b6674 !important;
}

.m-color-t--asphalt {
  color: #849db3 !important;
}

.m-color-bg--asphalt {
  background-color: #849db3 !important;
}

.m-color-b--asphalt {
  border-color: #849db3 !important;
}

.m-color-t--asphalt-base {
  color: #849db3 !important;
}

.m-color-bg--asphalt-base {
  background-color: #849db3 !important;
}

.m-color-b--asphalt-base {
  border-color: #849db3 !important;
}

.m-color-t--blue-pastel {
  color: #b7c5d5 !important;
}

.m-color-bg--blue-pastel {
  background-color: #b7c5d5 !important;
}

.m-color-b--blue-pastel {
  border-color: #b7c5d5 !important;
}

.m-color-t--blue-pastel-base {
  color: #b7c5d5 !important;
}

.m-color-bg--blue-pastel-base {
  background-color: #b7c5d5 !important;
}

.m-color-b--blue-pastel-base {
  border-color: #b7c5d5 !important;
}

.m-color-t--blue-pastel-1 {
  color: #f0f4f5 !important;
}

.m-color-bg--blue-pastel-1 {
  background-color: #f0f4f5 !important;
}

.m-color-b--blue-pastel-1 {
  border-color: #f0f4f5 !important;
}

.m-color-t--coral {
  color: #996c12 !important;
}

.m-color-bg--coral {
  background-color: #996c12 !important;
}

.m-color-b--coral {
  border-color: #996c12 !important;
}

.m-color-t--coral-base {
  color: #996c12 !important;
}

.m-color-bg--coral-base {
  background-color: #996c12 !important;
}

.m-color-b--coral-base {
  border-color: #996c12 !important;
}

.m-color-t--coral-muted {
  color: #e3aa9e !important;
}

.m-color-bg--coral-muted {
  background-color: #e3aa9e !important;
}

.m-color-b--coral-muted {
  border-color: #e3aa9e !important;
}

.m-color-t--coral-muted-base {
  color: #e3aa9e !important;
}

.m-color-bg--coral-muted-base {
  background-color: #e3aa9e !important;
}

.m-color-b--coral-muted-base {
  border-color: #e3aa9e !important;
}

.m-color-t--blue {
  color: #497297 !important;
}

.m-color-bg--blue {
  background-color: #497297 !important;
}

.m-color-b--blue {
  border-color: #497297 !important;
}

.m-color-t--blue-base {
  color: #497297 !important;
}

.m-color-bg--blue-base {
  background-color: #497297 !important;
}

.m-color-b--blue-base {
  border-color: #497297 !important;
}

.m-color-t--blue-1 {
  color: #3d5d7a !important;
}

.m-color-bg--blue-1 {
  background-color: #3d5d7a !important;
}

.m-color-b--blue-1 {
  border-color: #3d5d7a !important;
}

.m-color-t--blue-2 {
  color: #39579a !important;
}

.m-color-bg--blue-2 {
  background-color: #39579a !important;
}

.m-color-b--blue-2 {
  border-color: #39579a !important;
}

.m-color-t--text {
  color: #000 !important;
}

.m-color-bg--text {
  background-color: #000 !important;
}

.m-color-b--text {
  border-color: #000 !important;
}

.m-color-t--text-base {
  color: #000 !important;
}

.m-color-bg--text-base {
  background-color: #000 !important;
}

.m-color-b--text-base {
  border-color: #000 !important;
}

.m-color-t--none {
  color: transparent !important;
}

.m-color-bg--none {
  background-color: transparent !important;
}

.m-color-b--none {
  border-color: transparent !important;
}

.m-color-t--none-base {
  color: transparent !important;
}

.m-color-bg--none-base {
  background-color: transparent !important;
}

.m-color-b--none-base {
  border-color: transparent !important;
}

.icon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}

.icon-account::before {
  content: "\EA01";
}

.icon-address::before {
  content: "\EA02";
}

.icon-alert-done::before {
  content: "\EA03";
}

.icon-alert-error::before {
  content: "\EA04";
}

.icon-alert-success::before {
  content: "\EA05";
}

.icon-amber-card::before {
  content: "\EA06";
}

.icon-apple::before {
  content: "\EA07";
}

.icon-arrow-down::before {
  content: "\EA08";
}

.icon-arrow-left::before {
  content: "\EA09";
}

.icon-arrow-right::before {
  content: "\EA0A";
}

.icon-arrow-up::before {
  content: "\EA0B";
}

.icon-back::before {
  content: "\EA0C";
}

.icon-calendar::before {
  content: "\EA0D";
}

.icon-cart::before {
  content: "\EA0E";
}

.icon-cash-on-delivery::before {
  content: "\EA0F";
}

.icon-check::before {
  content: "\EA10";
}

.icon-check-circle::before {
  content: "\EA11";
}

.icon-check-circle-white::before {
  content: "\EA12";
}

.icon-chevron-down::before {
  content: "\EA13";
}

.icon-chevron-left::before {
  content: "\EA14";
}

.icon-chevron-right::before {
  content: "\EA15";
}

.icon-chevron-up::before {
  content: "\EA16";
}

.icon-clear::before {
  content: "\EA17";
}

.icon-close::before {
  content: "\EA18";
}

.icon-credit-card::before {
  content: "\EA19";
}

.icon-delivery::before {
  content: "\EA1A";
}

.icon-edit::before {
  content: "\EA1B";
}

.icon-export::before {
  content: "\EA1C";
}

.icon-eye::before {
  content: "\EA1D";
}

.icon-facebook::before {
  content: "\EA1E";
}

.icon-gift::before {
  content: "\EA1F";
}

.icon-giftcard::before {
  content: "\EA20";
}

.icon-giftregistry::before {
  content: "\EA21";
}

.icon-heart::before {
  content: "\EA22";
}

.icon-heart-full::before {
  content: "\EA23";
}

.icon-home-smile::before {
  content: "\EA24";
}

.icon-info::before {
  content: "\EA25";
}

.icon-instagram::before {
  content: "\EA26";
}

.icon-location::before {
  content: "\EA27";
}

.icon-location-1::before {
  content: "\EA28";
}

.icon-lock::before {
  content: "\EA29";
}

.icon-magnify::before {
  content: "\EA2A";
}

.icon-magnify-minus::before {
  content: "\EA2B";
}

.icon-mail::before {
  content: "\EA2C";
}

.icon-map-pin::before {
  content: "\EA2D";
}

.icon-menu::before {
  content: "\EA2E";
}

.icon-minus::before {
  content: "\EA2F";
}

.icon-package::before {
  content: "\EA30";
}

.icon-payment-apple::before {
  content: "\EA31";
}

.icon-payment-paypal::before {
  content: "\EA32";
}

.icon-paypal::before {
  content: "\EA33";
}

.icon-pencil::before {
  content: "\EA34";
}

.icon-phone::before {
  content: "\EA35";
}

.icon-pinterest::before {
  content: "\EA36";
}

.icon-play::before {
  content: "\EA37";
}

.icon-plus::before {
  content: "\EA38";
}

.icon-question::before {
  content: "\EA39";
}

.icon-remove::before {
  content: "\EA3A";
}

.icon-return::before {
  content: "\EA3B";
}

.icon-search::before {
  content: "\EA3C";
}

.icon-search-dismiss::before {
  content: "\EA3D";
}

.icon-service::before {
  content: "\EA3E";
}

.icon-share::before {
  content: "\EA3F";
}

.icon-shopping-bag::before {
  content: "\EA40";
}

.icon-signout::before {
  content: "\EA41";
}

.icon-star::before {
  content: "\EA42";
}

.icon-star-filled::before {
  content: "\EA43";
}

.icon-store::before {
  content: "\EA44";
}

.icon-support::before {
  content: "\EA45";
}

.icon-translate::before {
  content: "\EA46";
}

.icon-trash::before {
  content: "\EA47";
}

.icon-twitter::before {
  content: "\EA48";
}

.icon-user::before {
  content: "\EA49";
}

.icon-whatsapp::before {
  content: "\EA4A";
}

.icon-youtube::before {
  content: "\EA4B";
}

.m-icon--flip {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
  border: none;
  height: auto;
  max-width: 100%;
  outline: none;
  vertical-align: top;
}

* {
  word-wrap: break-word;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-ms-clear {
  display: none;
}

input,
select,
textarea {
  border-radius: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  resize: none;
}

input[type=button],
input[type=submit],
input[type=reset],
button {
  -webkit-appearance: none;
  background: none;
  cursor: pointer;
  outline: 0;
}
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

ul,
li {
  list-style-type: none;
}

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal/Tajawal-Regular.woff2") format("woff2"), url("../fonts/Tajawal/Tajawal-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.m-font-base--normal {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 400 !important;
}

/*
    <div class="font-info-container m-font-base--normal" style="border: 1px solid #000; margin: 10px 0; padding: 15px; white-space: nowrap;">
         <div class="font-info">
            <span class="font-info-label">FONT TYPE: </span>
            <span class="font-info-value">base</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT CLASS NAME: </span>
            <span class="font-info-value">m-font-base--normal</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT WEIGHT: </span>
            <span class="font-info-value"> NAME - normal; Value - 400</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">CSS FONT FAMILY: </span>
            <span class="font-info-value">"Poppins-Regular", sans-serif</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT FAMILY NAME: </span>
            <span class="font-info-value">Poppins-Regular, Tajawal-Regular, </span>
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
            Lorem ipsum dolor sit amet
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
             وصيل خلال ساعتين في دبي
         </div>
    </div>
 */
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal/Tajawal-Medium.woff2") format("woff2"), url("../fonts/Tajawal/Tajawal-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
.m-font-base--medium {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 500 !important;
}

/*
    <div class="font-info-container m-font-base--medium" style="border: 1px solid #000; margin: 10px 0; padding: 15px; white-space: nowrap;">
         <div class="font-info">
            <span class="font-info-label">FONT TYPE: </span>
            <span class="font-info-value">base</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT CLASS NAME: </span>
            <span class="font-info-value">m-font-base--medium</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT WEIGHT: </span>
            <span class="font-info-value"> NAME - medium; Value - 500</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">CSS FONT FAMILY: </span>
            <span class="font-info-value">"Poppins-Regular", sans-serif</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT FAMILY NAME: </span>
            <span class="font-info-value">Poppins-Medium, Tajawal-Medium, </span>
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
            Lorem ipsum dolor sit amet
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
             وصيل خلال ساعتين في دبي
         </div>
    </div>
 */
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins/Poppins-Medium.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Tajawal";
  src: url("../fonts/Tajawal/Tajawal-Bold.woff2") format("woff2"), url("../fonts/Tajawal/Tajawal-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
.m-font-base--bold {
  font-family: "Tajawal", sans-serif !important;
  font-weight: 700 !important;
}

/*
    <div class="font-info-container m-font-base--bold" style="border: 1px solid #000; margin: 10px 0; padding: 15px; white-space: nowrap;">
         <div class="font-info">
            <span class="font-info-label">FONT TYPE: </span>
            <span class="font-info-value">base</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT CLASS NAME: </span>
            <span class="font-info-value">m-font-base--bold</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT WEIGHT: </span>
            <span class="font-info-value"> NAME - bold; Value - 700</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">CSS FONT FAMILY: </span>
            <span class="font-info-value">"Poppins-Regular", sans-serif</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT FAMILY NAME: </span>
            <span class="font-info-value">Poppins-Medium, Tajawal-Bold, </span>
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
            Lorem ipsum dolor sit amet
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
             وصيل خلال ساعتين في دبي
         </div>
    </div>
 */
@font-face {
  font-family: "iconfont";
  src: url("../fonts/icons/iconfont.woff2") format("woff2"), url("../fonts/icons/iconfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.m-font-iconfont--normal {
  font-family: "iconfont" !important;
  font-weight: normal !important;
}

/*
    <div class="font-info-container m-font-iconfont--normal" style="border: 1px solid #000; margin: 10px 0; padding: 15px; white-space: nowrap;">
         <div class="font-info">
            <span class="font-info-label">FONT TYPE: </span>
            <span class="font-info-value">iconfont</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT CLASS NAME: </span>
            <span class="font-info-value">m-font-iconfont--normal</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT WEIGHT: </span>
            <span class="font-info-value"> NAME - normal; Value - normal</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">CSS FONT FAMILY: </span>
            <span class="font-info-value">iconfont</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT FAMILY NAME: </span>
            <span class="font-info-value">iconfont,</span>
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
            Lorem ipsum dolor sit amet
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">

         </div>
    </div>
 */
@font-face {
  font-family: "VivaBeautifulPro-Regular";
  src: url("../fonts/viva/VivaBeautifulPro-Regular.woff2") format("woff2"), url("../fonts/viva/VivaBeautifulPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Tajawal-Regular";
  src: url("../fonts/Tajawal/Tajawal-Regular.woff2") format("woff2"), url("../fonts/Tajawal/Tajawal-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.m-font-secondary--normal {
  font-family: Tajawal-Regular !important;
  font-weight: 400 !important;
}

/*
    <div class="font-info-container m-font-secondary--normal" style="border: 1px solid #000; margin: 10px 0; padding: 15px; white-space: nowrap;">
         <div class="font-info">
            <span class="font-info-label">FONT TYPE: </span>
            <span class="font-info-value">secondary</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT CLASS NAME: </span>
            <span class="font-info-value">m-font-secondary--normal</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT WEIGHT: </span>
            <span class="font-info-value"> NAME - normal; Value - 400</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">CSS FONT FAMILY: </span>
            <span class="font-info-value">VivaBeautifulPro-Regular</span>
         </div>
         <div class="font-info">
            <span class="font-info-label">FONT FAMILY NAME: </span>
            <span class="font-info-value">VivaBeautifulPro-Regular, Tajawal-Regular, </span>
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">
            Lorem ipsum dolor sit amet
         </div>
         <div class="font-info" style="border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 5px 0; padding: 5px 0;">

         </div>
    </div>
 */
html {
  font-size: 16px;
  direction: rtl;
}
html.m-disable-scroll,
html.m-disable-scroll body {
  overflow: hidden;
  height: 100%;
}
html.m-disable-scroll .l-page {
  overflow: hidden;
  height: 100%;
  position: fixed;
}
html body.m-page-hold-height .l-page__main {
  min-height: auto;
}

body,
.atlas-playground {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
  color: #323232;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

a,
button {
  color: #323232;
}
a:hover,
button:hover {
  text-decoration: none;
}
.non-touch a:hover,
.non-touch button:hover {
  text-decoration: none;
}

p {
  margin-bottom: 16px;
}

.l-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

.m-page-minheight .l-page__main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.m-page-hold-height .l-page__main {
  min-height: 300px;
}

.container,
.container-fluid,
.container-md,
.container-lg,
.container-xl {
  padding-right: 20px;
  padding-left: 20px;
}

.l-pagecontent--type-1 .l-pagecontent__bottom {
  margin-top: 48px;
}
.l-pagecontent--cart .l-pagecontent__inner {
  padding-top: 8px;
  padding-bottom: 32px;
}
.l-pagecontent__inner {
  padding-top: 16px;
  padding-bottom: 32px;
}
.l-pagecontent__confirmation {
  padding-top: 24px;
}

.l-actions {
  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;
}
.l-actions__item {
  padding: 0 10px;
  min-width: 130px;
}
.l-actions__btn {
  width: 100%;
}

@-webkit-keyframes input-autofill {
  to {
    background: #fff url("../images/source-icons/validation-mark--success.svg") no-repeat;
  }
}

@keyframes input-autofill {
  to {
    background: #fff url("../images/source-icons/validation-mark--success.svg") no-repeat;
  }
}
@-webkit-keyframes input-autofill-rtl {
  to {
    background: #fff url("../images/source-icons/validation-mark--success.svg") no-repeat ;
  }
}
@keyframes input-autofill-rtl {
  to {
    background: #fff url("../images/source-icons/validation-mark--success.svg") no-repeat ;
  }
}
.f-input, .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext, .f-textarea {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 0;
  color: #323232;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  height: 40px;
  line-height: inherit;
  padding: 8px 12px;
  width: 100%;
  /* stylelint-disable */
  -webkit-transition-property: border-color;
  -o-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  /* stylelint-enable */
}
.f-input:-webkit-autofill, .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext:-webkit-autofill, .f-textarea:-webkit-autofill, .f-input:-webkit-autofill:hover, .f-input:-webkit-autofill:focus, .f-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px #fff inset !important;
          box-shadow: 0 0 0 40px #fff inset !important;
}
.f-input--size-sm {
  font-size: 14px;
  height: 32px;
  padding: 3px 8px;
}
.f-input--size-sm ~ .f-input__btn {
  height: 32px;
}
.f-input.f-input--password, .dockableContainer .embeddedServiceSidebarFormField .f-input--password.slds-style-inputtext, .f-input--password.f-textarea {
  padding-right: 12px;
  padding-left: 30px;
}
.f-input.f-input--password.f-field__control[type=password].is-invalid, .dockableContainer .embeddedServiceSidebarFormField .f-input--password.f-field__control[type=password].is-invalid.slds-style-inputtext, .f-input--password.f-field__control[type=password].is-invalid.f-textarea {
  color: #323232;
}
.f-input.f-input--style-transparent, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext, .f-input--style-transparent.f-textarea {
  background-color: transparent;
  border-color: #fff;
}
.f-input.f-input--style-transparent:focus, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext:focus, .f-input--style-transparent.f-textarea:focus {
  border-color: #fff;
}
.f-input.f-input--style-transparent::-webkit-input-placeholder, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext::-webkit-input-placeholder, .f-input--style-transparent.f-textarea::-webkit-input-placeholder {
  color: #fff;
}
.f-input.f-input--style-transparent::-moz-placeholder, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext::-moz-placeholder, .f-input--style-transparent.f-textarea::-moz-placeholder {
  color: #fff;
}
.f-input.f-input--style-transparent:-ms-input-placeholder, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext:-ms-input-placeholder, .f-input--style-transparent.f-textarea:-ms-input-placeholder {
  color: #fff;
}
.f-input.f-input--style-transparent::-ms-input-placeholder, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext::-ms-input-placeholder, .f-input--style-transparent.f-textarea::-ms-input-placeholder {
  color: #fff;
}
.f-input.f-input--style-transparent, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext, .f-input--style-transparent.f-textarea, .f-input.f-input--style-transparent::placeholder, .dockableContainer .embeddedServiceSidebarFormField .f-input--style-transparent.slds-style-inputtext::placeholder, .f-input--style-transparent.f-textarea::placeholder {
  color: #fff;
}
.f-input.f-input--datepicker ~ .f-field__icon, .dockableContainer .embeddedServiceSidebarFormField .f-input--datepicker.slds-style-inputtext ~ .f-field__icon, .f-input--datepicker.f-textarea ~ .f-field__icon {
  cursor: pointer;
}
.f-input:focus, .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext:focus, .f-textarea:focus {
  color: #323232;
  border-color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.f-input:disabled, .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext:disabled, .f-textarea:disabled, .f-input:disabled.f-field__control.is-valid {
  background-color: #f8f8f8;
  color: #797979;
}
.f-input.f-field__control.is-invalid, .dockableContainer .embeddedServiceSidebarFormField .f-field__control.is-invalid.slds-style-inputtext, .f-field__control.is-invalid.f-textarea {
  padding: 8px 12px 8px 32px;
  border-color: #a42337;
  color: #a42337;
}
.f-input.f-field__control.is-invalid.f-input--size-sm, .dockableContainer .embeddedServiceSidebarFormField .f-field__control.is-invalid.f-input--size-sm.slds-style-inputtext, .f-field__control.is-invalid.f-input--size-sm.f-textarea {
  padding: 3px 8px 3px 32px;
}
.f-input.f-field__control.is-valid, .dockableContainer .embeddedServiceSidebarFormField .f-field__control.is-valid.slds-style-inputtext, .f-field__control.is-valid.f-textarea {
  padding: 8px 12px 8px 32px;
  border-color: #47bb9c;
  color: #47bb9c;
}
.f-input.f-field__control.is-valid.f-input--size-sm, .dockableContainer .embeddedServiceSidebarFormField .f-field__control.is-valid.f-input--size-sm.slds-style-inputtext, .f-field__control.is-valid.f-input--size-sm.f-textarea {
  padding: 3px 8px 3px 32px;
}
.f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled), .dockableContainer .embeddedServiceSidebarFormField .is-valid.slds-style-inputtext:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled), .is-valid.f-textarea:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled) {
  background: #fff url("../images/source-icons/validation-mark--success.svg") no-repeat;
  background-position: left 10px center;
  background-size: 15px;
}
.f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled):-webkit-autofill, .dockableContainer .embeddedServiceSidebarFormField .is-valid.slds-style-inputtext:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled):-webkit-autofill, .is-valid.f-textarea:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled):-webkit-autofill {
  -webkit-animation-name: input-autofill;
  -webkit-animation-fill-mode: both;
}
.f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr, .dockableContainer .embeddedServiceSidebarFormField .is-valid.slds-style-inputtext:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr, .is-valid.f-textarea:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr, .f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr.is-invalid, .f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr.is-valid {
  background: #fff url("../images/source-icons/validation-mark--success.svg") no-repeat ;
}
.f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr:-webkit-autofill, .dockableContainer .embeddedServiceSidebarFormField .is-valid.slds-style-inputtext:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr:-webkit-autofill, .is-valid.f-textarea:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr:-webkit-autofill, .f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr.is-invalid:-webkit-autofill, .f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).ltr.is-valid:-webkit-autofill {
  -webkit-animation-name: input-autofill-rtl;
  -webkit-animation-fill-mode: both;
}
.f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).f-input--datepicker, .dockableContainer .embeddedServiceSidebarFormField .is-valid.slds-style-inputtext:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).f-input--datepicker, .is-valid.f-textarea:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).f-input--datepicker {
  background-position: left 30px center;
}
.f-input.is-valid:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).f-input--cycle, .dockableContainer .embeddedServiceSidebarFormField .is-valid.slds-style-inputtext:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).f-input--cycle, .is-valid.f-textarea:not(:placeholder-shown):not(.f-input--not-validate):not(.is-invalid):not(:disabled).f-input--cycle {
  background: none;
}
.f-input.ltr, .dockableContainer .embeddedServiceSidebarFormField .ltr.slds-style-inputtext, .ltr.f-textarea, .f-input.ltr.is-invalid, .f-input.ltr.is-valid {
  padding: 8px 12px ;
}
.f-input.is-invalid ~ .f-input__show-hide-pass, .dockableContainer .embeddedServiceSidebarFormField .is-invalid.slds-style-inputtext ~ .f-input__show-hide-pass, .is-invalid.f-textarea ~ .f-input__show-hide-pass {
  margin-left: 28px;
}
.f-input__reset-btn {
  color: #959595;
  display: none;
  font-size: 16px;
  padding: 0 12px;
}
.is-invalid:not(:disabled) ~ .f-input__reset-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.f-input.m-show-reset-on-value:not(:placeholder-shown) + .f-input__reset-btn, .dockableContainer .embeddedServiceSidebarFormField .m-show-reset-on-value.slds-style-inputtext:not(:placeholder-shown) + .f-input__reset-btn, .m-show-reset-on-value.f-textarea:not(:placeholder-shown) + .f-input__reset-btn {
  display: block;
}
.f-input__show-hide-pass {
  padding: 0 8px;
}
.f-input__show-hide-pass::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA1D";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.f-input__show-hide-pass::before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 16px;
  width: 16px;
}
.f-input__show-hide-pass .b-button-toggle__text-default,
.f-input__show-hide-pass .b-button-toggle__text-active {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.f-input__show-hide-pass.m-active::after {
  background-color: currentColor;
  content: "";
  height: 1px;
  right: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
      -ms-transform: translate(50%, -50%) rotate(45deg);
          transform: translate(50%, -50%) rotate(45deg);
  width: 18px;
}
.f-input + .f-field__icon, .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext + .f-field__icon, .f-textarea + .f-field__icon {
  position: absolute;
  left: 10px;
  top: 9px;
  font-size: 15px;
}
.f-input__hint {
  position: absolute;
  top: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 8px;
}
.f-input.ltr ~ .f-input__hint, .dockableContainer .embeddedServiceSidebarFormField .ltr.slds-style-inputtext ~ .f-input__hint, .ltr.f-textarea ~ .f-input__hint {
  right: 8px ;
  left: auto ;
}
.f-input__disabled {
  background-color: #f8f8f8;
  pointer-events: none;
}

::-webkit-input-placeholder {
  color: #797979;
}

:-moz-placeholder {
  color: #797979;
}

::-moz-placeholder {
  color: #797979;
}

:-ms-input-placeholder {
  color: #797979;
}

.f-input__btn {
  cursor: pointer;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
.ltr ~ .f-input__btn {
  left: auto ;
  right: 0 ;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.f-input-copy {
  margin: 10px 0;
  position: relative;
}

.f-input-copy__icon {
  right: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*md

# Buttons

## Buttons example:

```html_example
<div class="b-block m-margin-b-10">
    <button class="btn btn-primary">Primary</button>
    <button class="btn btn-primary m-small">Small</button>
    <button class="btn btn-primary m-large">Large</button>
    <button class="btn btn-primary" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-cta">CTA</button>
    <button class="btn btn-cta" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-outline-primary">Outline primary</button>
    <button class="btn btn-outline-primary" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-outline-secondary">Outline primary</button>
    <button class="btn btn-outline-secondary m-disabled">Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-outline-primary m-flexible">Outline primary flexible</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-secondary">Secondary</button>
    <button class="btn btn-secondary" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-light">Light</button>
    <button class="btn btn-light" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-success">Success</button>
    <button class="btn btn-success" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-warning">Warning</button>
    <button class="btn btn-warning" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-danger">Danger</button>
    <button class="btn btn-danger" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-info">Info</button>
    <button class="btn btn-info" disabled>Disabled</button>
</div>
<div class="b-block m-margin-b-10">
    <button class="btn btn-outline-primary m-with-icon">
        <span class="btn__icon icon icon-heart" aria-hidden="true"></span>
        <span class="btn__text">Button</span>
    </button>
    <button class="btn btn-outline-primary m-with-icon" disabled>
        <span class="btn__icon icon icon-heart" aria-hidden="true"></span>
        <span class="btn__text">Disabled</span>
    </button>
</div>
```
*/
.btn, .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .embeddedServiceSidebarButton.uiButton {
  font-size: 16px;
  line-height: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0;
  border: 1px solid transparent;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 700;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 9px 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.non-touch .btn:hover, .non-touch .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse:hover, .dockableContainer .non-touch .embeddedServiceSidebarButton.uiButton--inverse:hover, .non-touch .dockableContainer .embeddedServiceSidebarButton.uiButton--default:hover, .dockableContainer .non-touch .embeddedServiceSidebarButton.uiButton--default:hover,
.non-touch .dockableContainer .embeddedServiceSidebarButton.uiButton:hover,
.dockableContainer .non-touch .embeddedServiceSidebarButton.uiButton:hover, .btn:focus, .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse:focus, .dockableContainer .embeddedServiceSidebarButton.uiButton--default:focus,
.dockableContainer .embeddedServiceSidebarButton.uiButton:focus {
  text-decoration: none;
}
.btn.m-small, .dockableContainer .m-small.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-small.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-small.embeddedServiceSidebarButton.uiButton {
  font-size: 14px;
  line-height: 20px;
  height: 34px;
  padding: 6px 11px;
}
.btn.m-minwidth-m, .dockableContainer .m-minwidth-m.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-minwidth-m.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-minwidth-m.embeddedServiceSidebarButton.uiButton {
  min-width: 240px;
}
.btn.m-minwidth-auto, .dockableContainer .m-minwidth-auto.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-minwidth-auto.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-minwidth-auto.embeddedServiceSidebarButton.uiButton {
  min-width: 0;
}
.btn.m-flexible, .dockableContainer .m-flexible.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-flexible.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-flexible.embeddedServiceSidebarButton.uiButton {
  width: 100%;
}
.btn.btn-block, .dockableContainer .btn-block.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .btn-block.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .btn-block.embeddedServiceSidebarButton.uiButton {
  width: 100%;
}
.btn.m-flexible--desktop, .dockableContainer .m-flexible--desktop.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-flexible--desktop.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-flexible--desktop.embeddedServiceSidebarButton.uiButton {
  width: 100%;
}
.btn.m-with-icon, .dockableContainer .m-with-icon.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-with-icon.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-with-icon.embeddedServiceSidebarButton.uiButton {
  font-size: 14px;
  line-height: 20px;
  padding-right: 12px;
  padding-left: 12px;
}
.btn.m-with-icon .btn__text, .dockableContainer .m-with-icon.embeddedServiceSidebarButton.uiButton--inverse .btn__text, .dockableContainer .m-with-icon.embeddedServiceSidebarButton.uiButton--default .btn__text,
.dockableContainer .m-with-icon.embeddedServiceSidebarButton.uiButton .btn__text {
  margin: 0;
}
.btn.m-medium, .dockableContainer .m-medium.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-medium.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-medium.embeddedServiceSidebarButton.uiButton {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  height: 44px;
  letter-spacing: 0;
  padding: 12px 19px;
  text-transform: initial;
}
.btn.m-lt-space, .dockableContainer .m-lt-space.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-lt-space.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-lt-space.embeddedServiceSidebarButton.uiButton {
  letter-spacing: 1px;
}
.btn__text {
  margin: 0 auto;
}
.btn__icon {
  font-size: 16px;
  margin-left: 8px;
}
.btn__icon-only-mobile {
  font-size: 16px;
}

.btn-primary, .dockableContainer .embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .embeddedServiceSidebarButton.uiButton {
  background-color: #111;
  color: #fff;
}
.non-touch .btn-primary:hover, .non-touch .dockableContainer .embeddedServiceSidebarButton.uiButton--default:hover, .dockableContainer .non-touch .embeddedServiceSidebarButton.uiButton--default:hover,
.non-touch .dockableContainer .embeddedServiceSidebarButton.uiButton:hover,
.dockableContainer .non-touch .embeddedServiceSidebarButton.uiButton:hover {
  background-color: #323232;
}
.btn-primary.m-disabled, .dockableContainer .m-disabled.embeddedServiceSidebarButton.uiButton--default,
.dockableContainer .m-disabled.embeddedServiceSidebarButton.uiButton, .btn-primary:disabled, .dockableContainer .embeddedServiceSidebarButton.uiButton--default:disabled,
.dockableContainer .embeddedServiceSidebarButton.uiButton:disabled {
  pointer-events: none;
  background-color: #c3c3c3;
  color: #fff;
}

.btn-cta {
  background-color: #3f999c;
  color: #fff;
}
.non-touch .btn-cta:hover {
  background-color: #368e90;
}
.btn-cta.m-disabled, .btn-cta:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-outline-primary, .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse {
  background-color: #fff;
  border-color: #d5d5d5;
  color: #323232;
}
.non-touch .btn-outline-primary:hover, .non-touch .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse:hover, .dockableContainer .non-touch .embeddedServiceSidebarButton.uiButton--inverse:hover {
  background-color: #fff;
  border-color: #111;
}
.btn-outline-primary.m-disabled, .dockableContainer .m-disabled.embeddedServiceSidebarButton.uiButton--inverse, .btn-outline-primary:disabled, .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse:disabled {
  pointer-events: none;
  border-color: #c3c3c3;
  color: #959595;
}

.btn-outline-secondary {
  background-color: #fff;
  border-color: #3f999c;
  color: #323232;
}
.non-touch .btn-outline-secondary:hover {
  color: #3f999c;
}
.btn-outline-secondary.m-disabled, .btn-outline-secondary:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-secondary {
  background-color: #fff;
  color: #323232;
}
.non-touch .btn-secondary:hover {
  border-color: #e6e6e6;
}
.btn-secondary.m-disabled, .btn-secondary:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-light {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #323232;
}
.non-touch .btn-light:hover {
  background-color: #e6e6e6;
}
.btn-light.m-disabled, .btn-light:disabled {
  pointer-events: none;
  color: #959595;
}

.btn-success {
  background-color: #47bb9c;
  border-color: #47bb9c;
  color: #fff;
}
.non-touch .btn-success:hover {
  background-color: #289e7f;
}
.btn-success.m-disabled, .btn-success:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-warning {
  background-color: #ecac2d;
  color: #323232;
}
.non-touch .btn-warning:hover {
  background-color: #de9f20;
}
.btn-warning.m-disabled, .btn-warning:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-danger {
  background-color: #a42337;
  color: #fff;
}
.non-touch .btn-danger:hover {
  background-color: #861c2d;
}
.btn-danger.m-disabled, .btn-danger:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-info {
  background-color: #497297;
  color: #fff;
}
.non-touch .btn-info:hover {
  background-color: #3d5d7a;
}
.btn-info.m-disabled, .btn-info:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.btn-link {
  margin: 0 auto;
  min-width: 0;
  border: none;
  padding: 0;
  text-decoration: underline;
}

.btn-checkbox {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  text-transform: none;
  letter-spacing: normal;
}
.btn-checkbox::before {
  content: "";
  display: inline-block;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: #fff;
  margin-left: 12px;
  width: 20px;
  height: 20px;
}

/*md

# Forms

## Form example:

```html_example

<div class="f-field js-field form-group">
    <label class="f-field__label" for="inputExample">Input text</label>
    <div class="f-field__control-holder">
        <input type="text" id="inputExample" class="f-field__control f-input js-input form-control" placeholder="Enter your first name" value="" />
    </div>
</div>

<div class="f-field js-field form-group">
    <label class="f-field__label" for="inputExampleDisabled">Input text (:disabled)</label>
    <div class="f-field__control-holder">
        <input type="text" id="inputExampleDisabled" class="f-field__control f-input js-input form-control" placeholder="Enter your first name" value="Disabled" disabled/>
    </div>
</div>

<div class="f-field js-field form-group required">
    <label class="f-field__label" for="inputPasswordExample">Input password (required)</label>
    <div class="f-field__control-holder">
        <button type="button" class="f-input__btn f-input__show-hide-pass b-button-toggle js-hide-show-password">
            <span class="b-button-toggle__text-default">Show</span>
            <span class="b-button-toggle__text-active">Hide</span>
        </button>
        <input type="password" id="inputPasswordExample" class="f-field__control f-input js-input js-password-input form-control" placeholder="Enter your password" required/>
    </div>
</div>

<div class="f-field">
    <label class="f-field__label" for="inputDatepickerExample">Input Date</label>
    <div class="f-field__control-holder">
        <input type="text" id="inputDatepickerExample" class="f-input js-datepicker" placeholder="Birth Date"/>
        <span class="f-field__icon icon icon-calendar" aria-hidden="true"></span>
    </div>
</div>

<div class="f-form__row m-color-bg--blue m-color-t--white m-padding-h-10">
    <div class="f-field js-field form-group">
        <label class="f-field__label m-color-t--white" for="input2Example">Submit button inline</label>
        <div class="f-field__control-holder">
            <input type="text" id="input2Example" class="f-field__control f-input f-input--style-transparent js-input form-control" placeholder="Enter your first name" value="" />
        </div>
    </div>
    <div class="f-form__row-btn">
        <button class="btn btn-secondary">Submit</button>
    </div>
</div>

<div class="f-field js-field form-group">
    <label class="f-field__label" for="textareaExample">Textarea</label>
    <div class="f-field__control-holder">
        <textarea class="f-textarea" id="textareaExample" name="textareaExample">Placeholder...</textarea>
    </div>
</div>

<div class="f-select-container js-select-container">
    <div class="f-field js-field form-group f-field--select">
        <label class="f-field__label" for="selectExample">Select label</label>
        <div class="f-field__control-holder">
            <select class="f-field__control f-select form-control js-select"
                id="selectExample"
                data-placeholder="Select placeholder"
            >
                <option>Option 1</option>
                <option>Option 2</option>
                <option>Option 3</option>
            </select>
            <div class="f-field__error invalid-feedback"></div>
        </div>
    </div>
</div>

<div class="f-field js-field form-group">
    <input type="checkbox" class="f-checkbox" id="checkboxExample" name="checkboxExample" value="true" />
    <label class="f-checkbox__label" for="checkboxExample">
        <span class="f-checkbox__label-icon" aria-hidden="true"></span>
        <span class="f-checkbox__label-text">Checkbox label</span>
    </label>
</div>

<div class="f-field js-field form-group">
    <input type="checkbox" class="f-checkbox" id="checkboxExampleDisabled" name="checkboxExampleDisabled" value="true" checked disabled>
    <label class="f-checkbox__label" for="checkboxExampleDisabled">
        <span class="f-checkbox__label-icon" aria-hidden="true"></span>
        <span class="f-checkbox__label-text">Checkbox label disabled</span>
    </label>
</div>

<div class="f-form__row f-form__row--radioboxes js-form__row">
    <label class="f-field__label">Row radioboxes label</label>
    <div class="f-field js-field form-group">
        <input type="radio" class="f-radio" id="radioExample1" name="radioExample" value="true" checked />
        <label class="f-radio__label" for="radioExample1">
            <span class="f-radio__label-icon" aria-hidden="true"></span>
            <span class="f-radio__label-text">Radio label 1</span>
        </label>
    </div>
    <div class="f-field js-field form-group">
        <input type="radio" class="f-radio" id="radioExample2" name="radioExample" value="true" />
        <label class="f-radio__label" for="radioExample2">
            <span class="f-radio__label-icon" aria-hidden="true"></span>
            <span class="f-radio__label-text">Radio label 2</span>
        </label>
    </div>
</div>

```
*/
.f-form {
  margin: 0;
  padding: 0;
  width: 100%;
}
.f-form__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.f-form__row.row {
  margin-right: -8px;
  margin-left: -8px;
}
.f-form__row [class*=col] {
  padding-right: 8px;
  padding-left: 8px;
}
.f-form__row > .f-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}
.f-form__row > .f-field--narrow {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.f-form__row--radiomethods .f-field {
  margin-bottom: 16px;
}
.f-form__row--radiomethods .f-radio ~ .f-radio__label {
  width: 100%;
}
.f-form__row--radiomethods .f-radio ~ .f-radio__label .f-radio__label-text {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.f-form__row-btn {
  margin-top: 27px;
}
.f-form__row--spaced.row {
  margin-right: -15px;
  margin-left: -15px;
}
.f-form__row--spaced [class*=col] {
  padding-right: 15px;
  padding-left: 15px;
}
.f-form__row--bordered {
  border: 1px solid #e6e6e6;
}
.f-form__row--align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.f-form__row--align-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.f-form__row--space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.f-form__row--radioboxes, .f-form__row--checkboxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.f-form__row--radioboxes .f-field__label, .f-form__row--radioboxes .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left, .dockableContainer .embeddedServiceSidebarFormField .uiInput .f-form__row--radioboxes .uiLabel-left, .f-form__row--checkboxes .f-field__label, .f-form__row--checkboxes .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left, .dockableContainer .embeddedServiceSidebarFormField .uiInput .f-form__row--checkboxes .uiLabel-left {
  width: 100%;
}
.f-form__row--radioboxes .f-field, .f-form__row--checkboxes .f-field {
  margin: 0 0 16px 22px;
  min-width: 70px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-tap-highlight-color: transparent;
}
.f-form__row--divider {
  height: 1px;
  border: 0;
  -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
          box-shadow: inset 0 -1px 0 #e6e6e6;
  margin: 16px 0;
}
.f-form__terms {
  font-size: 12px;
  line-height: 18px;
  margin-top: 24px;
}

.f-field {
  margin-bottom: 16px;
}
.f-field.is-invalid .invalid-feedback,
.f-field .is-invalid.form-control ~ .invalid-feedback {
  display: block;
}
.f-field__label, .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #323232;
  display: block;
  font-weight: 500;
  margin: 0 0 8px;
}
.f-field__label::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::after {
  content: var(--forms-field-optional);
}
.m-hide-optional-label .f-field__label::after, .m-hide-optional-label .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .m-hide-optional-label .uiLabel-left::after {
  display: none;
}
.required > .f-field__label::before, .dockableContainer .embeddedServiceSidebarFormField .uiInput .required > .uiLabel-left::before, .required > .f-field__label::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .required > .uiLabel-left::after, .m-hide-required-label .f-field__label::before, .m-hide-required-label .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::before, .dockableContainer .embeddedServiceSidebarFormField .uiInput .m-hide-required-label .uiLabel-left::before, .m-hide-required-label .f-field__label::after, .m-hide-required-label .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .m-hide-required-label .uiLabel-left::after {
  display: none;
}
.f-field__label ~ .f-checkbox__label, .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left ~ .f-checkbox__label,
.f-field__label ~ .f-radio__label,
.dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left ~ .f-radio__label {
  margin-top: 7px;
}
.f-field__control-holder {
  position: relative;
}
.f-field__control-holder .input-credit-card-logo {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  height: 24px;
  left: 12px;
  right: auto;
  top: 8px;
}
.f-field__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.f-field__message {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.f-field__error {
  font-size: 14px;
  line-height: 20px;
  display: none;
  color: #a42337;
  margin-top: 8px;
}
.f-field__error a {
  color: #a42337;
  text-decoration: underline;
}
.non-touch .f-field__error a:hover {
  text-decoration: none;
}
.f-field__error-bg {
  background: #fff;
  padding: 2px;
}
.f-field__error-msg {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.f-field__btn {
  margin-top: 15px;
}
.f-field__text {
  font-size: 14px;
  line-height: 20px;
}
.f-field__text--spaced {
  letter-spacing: 1px;
}
.f-field__text-with-border {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #797979;
  position: relative;
  z-index: 1;
  margin: 24px 0;
}
.f-field__text-with-border span {
  position: relative;
  padding: 0 8px;
  background-color: #fff;
}
.f-field__text-with-border::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  z-index: -1;
}
.f-field__text--center {
  text-align: center;
}
.f-field__helping-text {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
  width: 100%;
}
.f-form__row > .f-field__helping-text {
  margin-bottom: 16px;
}
.f-field__helping-text-sm {
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
  width: 100%;
}
.f-form__row > .f-field__helping-text-sm {
  margin-bottom: 16px;
}
.f-field__caption {
  font-size: 14px;
  line-height: 20px;
  color: #797979;
}
.f-field__city-area-group .is-invalid.form-control ~ .select2-container--default .select2-selection--single {
  border-color: #a42337 !important;
}
.f-field__modal {
  background: #f8f8f8;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  padding: 10px 12px;
}
.f-field__modal-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.f-field__check-list-wrapper {
  margin-top: 8px;
}
.f-field__check-list-item {
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.f-field__check-list-item.is-valid {
  color: #323232;
}
.f-field__check-list-item.is-valid .f-field__check-list-invalid-icon {
  display: none;
}
.f-field__check-list-item.is-invalid {
  color: #a42337;
}
.f-field__check-list-item.is-invalid .f-field__check-list-valid-icon {
  display: none;
}
.f-field .form-control.nationalAddress {
  text-transform: uppercase;
}
.f-field .national-address-label .icon-info-wrap {
  margin-top: -3px;
}

.is-invalid.form-control ~ .invalid-feedback {
  display: block;
}

.is-invalid.form-control ~ .f-field__message {
  display: none;
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  filter: alpha(opacity=0);
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.f-select-container {
  position: relative;
}

.f-select,
.pr-rd-sort,
.select2-selection--single.select2-selection {
  background-color: #fff;
  color: #323232;
  cursor: pointer;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 12px 0 30px;
}

.f-select,
.pr-rd-sort {
  background: #fff url("../images/icons/chevron-down.svg") no-repeat;
  background-position: calc(100% - (100% - 6px)) center;
  background-size: 16px;
  border: 1px solid #d5d5d5;
}
.f-select__label-placeholder,
.pr-rd-sort__label-placeholder {
  color: #797979;
  letter-spacing: initial;
  padding-left: 4px;
  white-space: nowrap;
}
.f-select:not(:valid) + .select2-container .f-select__label-placeholder,
.pr-rd-sort:not(:valid) + .select2-container .f-select__label-placeholder {
  display: none;
}
.f-select:disabled + .select2-container .select2-selection,
.pr-rd-sort:disabled + .select2-container .select2-selection {
  background-color: #f8f8f8;
  color: #797979;
  pointer-events: none;
}
.f-select.m-select-small,
.pr-rd-sort.m-select-small {
  background-size: 12px;
}
.f-select.m-select-small,
.f-select.m-select-small + .select2-container .select2-selection,
.pr-rd-sort.m-select-small,
.pr-rd-sort.m-select-small + .select2-container .select2-selection {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  padding-right: 12px;
}
.f-select.m-select-small .select2-selection__arrow,
.f-select.m-select-small + .select2-container .select2-selection .select2-selection__arrow,
.pr-rd-sort.m-select-small .select2-selection__arrow,
.pr-rd-sort.m-select-small + .select2-container .select2-selection .select2-selection__arrow {
  font-size: 12px;
}
.f-select.m-visually-hidden + .select2-container,
.pr-rd-sort.m-visually-hidden + .select2-container {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.f-select-modal-toggle {
  border: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.f-select-modal-toggle::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.select2-selection__arrow {
  /* stylelint-disable */
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  /* stylelint-enable */
  font-size: 16px;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.select2-selection__arrow::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA13";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.select2-container--open .select2-selection__arrow {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.select2-selection__arrow b {
  display: none;
}
.select2-selection__placeholder {
  color: #797979;
}

.select2-container {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
body:not(.modal-open) > .select2-container {
  z-index: 15;
}
body.modal-open > .select2-container {
  z-index: 1005;
}

.m-select-unselectable + .select2-container .select2-selection {
  background-color: #c3c3c3;
  border-color: transparent;
  pointer-events: none;
}
.m-select-unselectable + .select2-container .select2-selection .select2-selection__arrow {
  display: none;
}

.select2-selection--single {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: right;
  z-index: 1;
}
.select2-selection--single .select2-selection__rendered {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  pointer-events: none;
}
.select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #000;
  display: block;
  left: -100000px ;
  position: absolute;
  width: 100%;
  z-index: 5;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  padding: 0 1px;
}

.select2-results__options--nested {
  max-height: none;
  overflow: visible;
}

.select2-results__option {
  color: #323232;
  padding: 8px 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-results__option .m-warning {
  color: #a42337;
  margin-right: 10px;
}
.select2-results__option .m-notavailable {
  color: #c3c3c3;
  text-decoration: line-through;
}
.select2-results__option--highlighted {
  background-color: #f8f8f8;
}

.select2-container--open .select2-selection--single {
  border-color: #323232;
}
.select2-container--open .select2-dropdown {
  left: 0 ;
}
.select2-container--open .select2-dropdown--above {
  margin-top: 1px;
  border-bottom: none;
}
.select2-container--open .select2-dropdown--below {
  margin-top: -1px;
  border-top: none;
}
.select2-container--open .select2-dropdown--above, .select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: 1px solid #fff;
}
.select2-container--open .select2-dropdown--below, .select2-container--open.select2-container--above .select2-selection--single {
  border-top: 1px solid #fff;
}

.select2-search {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.select2-search--dropdown {
  background-color: #fff;
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.b-select-radios--no-icon.b-modal {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.b-select-radios--no-icon .f-radio ~ .f-radio__label .f-radio__label-icon {
  display: none;
}
.b-select-radios--no-icon .f-radio ~ .f-radio__label .f-radio__label-text {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
  margin-right: 0;
}
.b-select-radios--no-icon .f-radio:checked + .f-radio__label .f-radio__label-text {
  font-weight: 700;
}
.b-select-radios--no-icon .f-radio + .f-radio__label {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-select-radios--no-icon .b-modal__body {
  padding: 32px 0 0;
}
.b-select-radios--no-icon .b-modal__headline {
  margin-bottom: 16px;
  text-align: center;
  text-transform: uppercase;
}

.f-select-modal-radio__field {
  -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6;
          box-shadow: inset 0 -1px 0 0 #e6e6e6;
  letter-spacing: normal;
  margin: 0;
  text-align: center;
}
.f-select-modal-radio__field .f-radio__label {
  padding: 13px;
  width: 100%;
}

.f-inputbtns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.f-inputbtns .f-inputbtn {
  border-color: #c3c3c3;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-left: 12px;
}
.f-inputbtns .f-inputbtn.m-selected {
  border-color: #323232;
  -webkit-box-shadow: inset 0 0 0 5px #323232;
          box-shadow: inset 0 0 0 5px #323232;
}
.f-inputbtns .f-inputbtns-item {
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.f-inputbtns .f-inputbtns-item:not(:last-child) {
  margin-left: 32px;
}

.f-inputbtn {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: #323232;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 89px;
  overflow: hidden;
  padding: 8px 2px;
  position: relative;
}
.f-inputbtn.m-selected {
  background-color: #e6e6e6;
}

.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4EB5E6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px;
}

.datepicker--cell.-selected- {
  border: none;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--cell-day {
  width: 14.28571%;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--cells-years, .datepicker--years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepickers-container {
  position: absolute;
  right: 0;
  top: 0;
}
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  right: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, right 0s 0.3s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, right 0s 0.3s, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, right 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, right 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, right 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
      transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
      transform: translateX(-8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
      transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
      transform: translateX(8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
      transform: translate(0);
  transition: opacity 0.3s ease, right 0s 0s, -webkit-transform 0.3s ease;
  -webkit-transition: opacity 0.3s ease, right 0s 0s, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, right 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, right 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, right 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: static;
  right: auto;
  left: auto;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
      transform: none;
}

.datepicker--content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 4px;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
  background: #f0f0f0;
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
      transform: rotate(-225deg);
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
      transform: rotate(-315deg);
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
  right: 10px;
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
  left: 10px;
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
  right: calc(50% - 5px);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}

.datepicker--body.active {
  display: block;
}

.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-action, .datepicker--nav-title {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px;
}

.datepicker--buttons, .datepicker--time {
  border-top: 1px solid #efefef;
  padding: 4px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-right: 5px;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: 100% 0;
}

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.datepicker--time {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  -webkit-box-flex: 0;
          flex: 0 1 138px;
  max-width: 138px;
}

.-only-timepicker- .datepicker--time {
  border-top: none;
}

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  -webkit-box-flex: 0;
          flex: 0 1 153px;
  margin-left: 10px;
  max-width: 153px;
}

.datepicker--time-label {
  display: none;
  font-size: 12px;
}

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 10px 0 0;
}

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
  content: "";
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  right: -2px;
  top: -3px;
  left: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
  opacity: 1;
}

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-right: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: -webkit-gradient(linear, right top, left top, from(#dedede), to(#dedede)) right 50%/100% 1px no-repeat;
  background: -o-linear-gradient(right, #dedede, #dedede) right 50%/100% 1px no-repeat;
  background: linear-gradient(to left, #dedede, #dedede) right 50%/100% 1px no-repeat;
}

.datepicker--time-row:first-child {
  margin-bottom: 4px;
}

.datepicker--time-row input[type=range] {
  background: 100% 0;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.datepicker--time-row input[type=range]::-ms-tooltip {
  display: none;
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
  border-color: #b8b8b8;
}

.datepicker--time-row input[type=range]:focus {
  outline: 0;
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef;
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  margin-top: -6px;
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  -ms-transition: background 0.2s;
  transition: background 0.2s;
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 100% 0;
}

.datepicker--time-row input[type=range]::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 100% 0;
}

.datepicker--time-row input[type=range]::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: 100% 0;
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
  background: 100% 0;
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
  background: 100% 0;
}

.datepicker--time-row span {
  padding: 0 12px;
}

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 0 -1px 5px;
  width: 1em;
  height: 1em;
}

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: "";
  background: currentColor;
  position: absolute;
}

.datepicker--time-icon:after {
  height: 0.4em;
  width: 1px;
  right: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
      transform: translateY(-100%);
}

.datepicker--time-icon:before {
  width: 0.4em;
  height: 1px;
  top: calc(50% + 1px);
  right: calc(50% - 1px);
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: 100% 0;
  border: none;
}

.datepickers-container {
  display: none;
  right: auto;
}
.datepickers-container .datepicker {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.datepicker {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 0;
  width: 320px;
  font-family: inherit;
  left: 0;
  right: 0;
  z-index: 1051;
}

.datepicker--pointer {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.datepicker--pointer-right {
  right: 10px ;
}

.datepicker--nav {
  min-height: 52px;
  border-bottom: 0;
  background-color: #fff;
}
.datepicker--nav i {
  color: #000;
}

.datepicker--nav-action {
  width: 42px;
}
.datepicker--nav-action path {
  stroke: #323232;
}

.datepicker--nav-title {
  color: #000;
  font-size: 14px;
}

.datepicker--content {
  padding: 0;
}

.datepicker--days-names {
  display: grid;
  grid-template-columns: repeat(7, 24px);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin: 0;
  background-color: #e6e6e6;
  min-height: 30px;
}

.datepicker--day-name {
  font-size: 10px;
  font-weight: 500;
  color: #000;
}

.datepicker--cells {
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px 20px;
  padding: 16px 0;
}

.datepicker--cell {
  height: 24px;
  border-radius: 0;
  font-size: 12px;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-focus-, .datepicker--cell.-selected-.-current- {
  background: #47bb9c;
}
.datepicker--cell.-current- {
  color: #47bb9c;
}
.datepicker--cell.-disabled- {
  opacity: 0.5;
}

.datepicker--cells-days {
  grid-template-columns: repeat(7, 24px);
}

.datepicker--cell-day {
  width: 24px;
}

.datepicker--cells-months {
  grid-template-columns: repeat(3, 50px);
}

.datepicker--cell-month {
  width: auto;
}

.datepicker--cells-years {
  grid-template-columns: repeat(4, 50px);
}

.datepicker--cell-year {
  width: auto;
}

.-top-right- .datepicker--pointer {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* stylelint-disable */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 36px;
  margin-left: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 8px 12px;
}
.iti__arrow {
  margin-right: 12px;
  width: 0;
  height: 0;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: right;
  padding: 0;
  margin: 0 -1px 0 0;
  -webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
}
.iti__flag-box, .iti__country-name {
  margin-left: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-left: 6px;
  padding-right: 64px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  left: auto;
  right: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--container {
  position: absolute;
  top: -1000px;
  right: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  right: 30px;
  left: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

/* stylelint-disable */
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: right 0px top 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: right -22px top 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: right -44px top 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: right -66px top 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: right -88px top 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: right -110px top 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: right -132px top 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: right -154px top 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: right -176px top 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: right -198px top 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: right -220px top 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: right -242px top 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: right -264px top 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: right -286px top 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: right -308px top 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: right -330px top 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: right -352px top 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: right -374px top 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: right -396px top 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: right -418px top 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: right -440px top 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: right -460px top 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: right -482px top 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: right -504px top 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: right -526px top 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: right -548px top 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: right -570px top 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: right -592px top 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: right -614px top 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: right -636px top 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: right -658px top 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: right -680px top 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: right -702px top 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: right -724px top 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: right -746px top 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: right -768px top 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: right -790px top 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: right -812px top 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: right -834px top 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: right -856px top 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: right -878px top 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: right -900px top 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: right -922px top 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: right -944px top 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: right -961px top 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: right -983px top 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: right -1005px top 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: right -1027px top 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: right -1049px top 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: right -1071px top 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: right -1093px top 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: right -1115px top 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: right -1137px top 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: right -1159px top 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: right -1181px top 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: right -1203px top 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: right -1225px top 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: right -1247px top 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: right -1269px top 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: right -1291px top 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: right -1313px top 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: right -1335px top 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: right -1357px top 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: right -1379px top 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: right -1401px top 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: right -1423px top 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: right -1445px top 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: right -1467px top 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: right -1489px top 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: right -1511px top 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: right -1533px top 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: right -1555px top 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: right -1577px top 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: right -1599px top 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: right -1621px top 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: right -1643px top 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: right -1665px top 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: right -1687px top 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: right -1709px top 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: right -1731px top 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: right -1753px top 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: right -1775px top 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: right -1797px top 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: right -1819px top 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: right -1841px top 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: right -1863px top 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: right -1885px top 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: right -1907px top 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: right -1929px top 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: right -1951px top 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: right -1973px top 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: right -1995px top 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: right -2017px top 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: right -2039px top 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: right -2061px top 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: right -2083px top 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: right -2105px top 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: right -2127px top 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: right -2149px top 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: right -2171px top 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: right -2193px top 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: right -2215px top 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: right -2237px top 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: right -2259px top 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: right -2281px top 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: right -2303px top 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: right -2325px top 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: right -2347px top 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: right -2369px top 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: right -2391px top 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: right -2413px top 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: right -2435px top 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: right -2457px top 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: right -2479px top 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: right -2501px top 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: right -2523px top 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: right -2545px top 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: right -2567px top 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: right -2589px top 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: right -2611px top 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: right -2633px top 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: right -2655px top 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: right -2677px top 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: right -2699px top 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: right -2721px top 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: right -2743px top 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: right -2765px top 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: right -2787px top 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: right -2809px top 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: right -2831px top 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: right -2853px top 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: right -2875px top 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: right -2897px top 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: right -2919px top 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: right -2941px top 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: right -2963px top 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: right -2985px top 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: right -3007px top 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: right -3029px top 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: right -3051px top 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: right -3073px top 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: right -3095px top 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: right -3117px top 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: right -3139px top 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: right -3160px top 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: right -3182px top 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: right -3204px top 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: right -3226px top 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: right -3248px top 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: right -3270px top 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: right -3292px top 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: right -3314px top 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: right -3336px top 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: right -3358px top 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: right -3380px top 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: right -3402px top 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: right -3424px top 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: right -3446px top 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: right -3468px top 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: right -3490px top 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: right -3512px top 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: right -3534px top 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: right -3556px top 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: right -3578px top 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: right -3600px top 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: right -3622px top 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: right -3644px top 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: right -3666px top 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: right -3686px top 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: right -3708px top 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: right -3730px top 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: right -3752px top 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: right -3774px top 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: right -3796px top 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: right -3811px top 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: right -3833px top 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: right -3855px top 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: right -3877px top 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: right -3899px top 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: right -3921px top 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: right -3943px top 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: right -3965px top 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: right -3987px top 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: right -4009px top 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: right -4031px top 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: right -4053px top 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: right -4075px top 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: right -4097px top 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: right -4119px top 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: right -4141px top 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: right -4163px top 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: right -4185px top 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: right -4207px top 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: right -4229px top 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: right -4251px top 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: right -4273px top 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: right -4295px top 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: right -4317px top 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: right -4339px top 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: right -4361px top 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: right -4383px top 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: right -4405px top 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: right -4427px top 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: right -4449px top 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: right -4471px top 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: right -4493px top 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: right -4515px top 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: right -4537px top 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: right -4559px top 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: right -4581px top 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: right -4603px top 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: right -4625px top 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: right -4647px top 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: right -4669px top 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: right -4691px top 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: right -4713px top 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: right -4735px top 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: right -4757px top 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: right -4779px top 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: right -4801px top 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: right -4823px top 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: right -4845px top 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: right -4867px top 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: right -4889px top 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: right -4911px top 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: right -4933px top 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: right -4955px top 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: right -4977px top 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: right -4999px top 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: right -5021px top 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: right -5043px top 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: right -5065px top 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: right -5087px top 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: right -5109px top 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: right -5131px top 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: right -5153px top 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: right -5175px top 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: right -5197px top 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: right -5219px top 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: right -5241px top 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: right -5263px top 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: right -5285px top 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: right -5307px top 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: right -5329px top 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: right -5346px top 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: right -5368px top 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: right -5390px top 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: right -5412px top 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: right -5434px top 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: right -5456px top 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: right -5478px top 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: right -5500px top 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: right -5522px top 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: right -5544px top 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: right -5566px top 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: right -5588px top 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: right -5610px top 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: right -5632px top 0px;
}

/* stylelint-enable */
.iti__flag {
  height: 15px;
  -webkit-box-shadow: 0px 0px 1px 0px #888;
          box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../images/flags/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: right 20px top 0;
}

.iti__flag.iti__np {
  background-color: transparent;
}

/* stylelint-enable */
.iti.iti--allow-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.iti.iti--allow-dropdown .f-input, .iti.iti--allow-dropdown .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext, .dockableContainer .embeddedServiceSidebarFormField .iti.iti--allow-dropdown .slds-style-inputtext, .iti.iti--allow-dropdown .f-textarea {
  padding: 8px 12px !important;
}
.iti.iti--allow-dropdown .f-input.ltr, .iti.iti--allow-dropdown .dockableContainer .embeddedServiceSidebarFormField .ltr.slds-style-inputtext, .dockableContainer .embeddedServiceSidebarFormField .iti.iti--allow-dropdown .ltr.slds-style-inputtext, .iti.iti--allow-dropdown .ltr.f-textarea {
  padding: 8px 12px  !important;
}
html[lang=ar] .iti.iti--allow-dropdown .f-input, html[lang=ar] .iti.iti--allow-dropdown .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext, .dockableContainer .embeddedServiceSidebarFormField html[lang=ar] .iti.iti--allow-dropdown .slds-style-inputtext, html[lang=ar] .iti.iti--allow-dropdown .f-textarea {
  direction: rtl;
}
.iti.iti--allow-dropdown .iti__selected-flag {
  background-color: #fff;
}
.iti.iti--allow-dropdown .iti__selected-flag .iti__flag {
  display: none;
}
.iti.iti--allow-dropdown .iti__flag-container {
  border: 1px solid #d5d5d5;
  height: 40px;
  margin-left: 12px;
  min-width: 103px;
  padding: 0;
  position: static;
  width: 103px;
}
.iti.iti--allow-dropdown .iti__flag-container.m-expanded {
  border-color: #000;
}
.f-field.m-disabled .iti.iti--allow-dropdown .iti__flag-container {
  pointer-events: none;
}
.f-field.m-disabled .iti.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background-color: #f8f8f8;
  color: #797979;
}
.iti.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: #fff;
}
.iti.iti--allow-dropdown .iti__arrow {
  /* stylelint-disable */
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  /* stylelint-enable */
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  margin: 0;
  border: 0;
  width: auto;
  height: auto;
}
.iti.iti--allow-dropdown .iti__arrow::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA13";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.iti.iti--allow-dropdown .iti__arrow.iti__arrow--up {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.iti.iti--allow-dropdown .iti__flag {
  margin-top: -2px;
}
.iti.iti--allow-dropdown .iti__country-list {
  border: 1px solid #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.f-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.f-checkbox ~ .f-checkbox__label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.f-checkbox:disabled ~ .f-checkbox__label {
  cursor: default;
}
.f-checkbox ~ .f-checkbox__label .f-checkbox__label-text {
  font-size: 16px;
  line-height: 20px;
}
.f-checkbox ~ .f-checkbox__label .f-checkbox__label-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: #fff;
  margin-left: 12px;
}
.f-checkbox ~ .f-checkbox__label .f-checkbox__label-icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  visibility: hidden;
  font-size: 18px;
  line-height: 18px;
}
.f-checkbox ~ .f-checkbox__label {
  line-height: 20px;
}
.f-checkbox:checked ~ .f-checkbox__label .f-checkbox__label-icon {
  background-color: #323232;
  border-color: #323232;
}
.f-checkbox:checked ~ .f-checkbox__label .f-checkbox__label-icon::before, .f-checkbox:checked ~ .f-checkbox__label .f-checkbox__label-icon::after {
  visibility: visible;
}
.f-checkbox:disabled ~ .f-checkbox__label .f-checkbox__label-icon, .f-checkbox[data-disabled=true] ~ .f-checkbox__label .f-checkbox__label-icon {
  background-color: #e6e6e6;
}
.f-checkbox:checked:disabled ~ .f-checkbox__label .f-checkbox__label-icon, .f-checkbox[data-disabled=true]:checked ~ .f-checkbox__label .f-checkbox__label-icon {
  background-color: #959595;
  border-color: #797979;
}
.f-checkbox[data-disabled=true] ~ label {
  pointer-events: none;
}
.f-checkbox--type2 {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.f-checkbox--type2 ~ .f-checkbox__label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
}
.f-checkbox--type2:disabled ~ .f-checkbox__label {
  cursor: default;
}
.f-checkbox--type2 ~ .f-checkbox__label .f-checkbox__label-text {
  font-size: 16px;
  line-height: 24px;
}
.f-checkbox--type2 ~ .f-checkbox__label .f-checkbox__label-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  margin-top: 2px;
}
.f-checkbox--type2 ~ .f-checkbox__label {
  line-height: 20px;
}

.f-radio {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.f-radio ~ .f-radio__label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.f-radio:disabled ~ .f-radio__label {
  cursor: default;
}
.f-radio ~ .f-radio__label .f-radio__label-text {
  font-size: 16px;
  line-height: 20px;
  color: #323232;
}
.f-radio ~ .f-radio__label .f-radio__label-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #c3c3c3;
  color: #fff;
  margin-left: 12px;
}
.f-radio ~ .f-radio__label {
  line-height: 20px;
}
.f-radio:checked ~ .f-radio__label .f-radio__label-icon {
  background-color: #fff;
  border-color: #323232;
  -webkit-box-shadow: inset 0 0 0 5px #323232;
          box-shadow: inset 0 0 0 5px #323232;
}
.f-radio:checked ~ .f-radio__label .f-radio__label-icon::before, .f-radio:checked ~ .f-radio__label .f-radio__label-icon::after {
  visibility: visible;
}
.f-radio:disabled ~ .f-radio__label .f-radio__label-icon, .f-radio[data-disabled=true] ~ .f-radio__label .f-radio__label-icon {
  background-color: #e6e6e6;
}
.f-radio:checked:disabled ~ .f-radio__label .f-radio__label-icon, .f-radio[data-disabled=true]:checked ~ .f-radio__label .f-radio__label-icon {
  background-color: #fff;
  border-color: #797979;
  -webkit-box-shadow: inset 0 0 0 5px #959595;
          box-shadow: inset 0 0 0 5px #959595;
}
.f-radio--type2 {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.f-radio--type2 ~ .f-radio__label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
}
.f-radio--type2:disabled ~ .f-radio__label {
  cursor: default;
}
.f-radio--type2 ~ .f-radio__label .f-radio__label-text {
  font-size: 16px;
  line-height: 24px;
}
.f-radio--type2 ~ .f-radio__label .f-radio__label-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  border-radius: 100%;
  margin-top: 2px;
}
.f-radio--type2 ~ .f-radio__label {
  line-height: 20px;
}

.f-radio-boxes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 6px;
  margin-bottom: -6px;
}
.f-radio-boxes .f-field {
  margin: 2px 0 2px 8px;
}
.f-radio-boxes .f-radio__label {
  width: auto;
  padding: 6px 8px;
}

.f-radiocheck {
  border: 0;
  clip: rect(0 0 0 0);
  font-size: 0;
  height: 1px;
  margin: -1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.f-radiocheck ~ .f-radiocheck__label {
  cursor: pointer;
}
.f-radiocheck ~ .f-radiocheck__label .f-radiocheck__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  overflow: hidden;
}
.f-radiocheck:checked ~ .f-radiocheck__label .f-radiocheck__icon {
  border-color: transparent;
}
.f-radiocheck:checked ~ .f-radiocheck__label .f-radiocheck__icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  background-color: #3f999c;
  color: #fff;
  text-align: center;
  line-height: 18px;
  border: none;
  display: block;
  width: 100%;
}

.f-textarea {
  resize: none;
  height: 88px;
}
.f-textarea .m-size-md {
  height: 76px;
}

.b-quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  width: 140px;
}
.b-quantity__button {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 100%;
  width: 40px;
  font-size: 20px;
  border: 1px solid #e6e6e6;
}
.b-quantity__button[disabled] {
  pointer-events: none;
  color: #d5d5d5;
}
.b-quantity__value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-color: #e6e6e6;
  text-align: center;
  width: calc(100% - 80px);
}
.b-quantity .f-field {
  margin-bottom: 0;
}

.b-link {
  text-decoration: underline;
  font-size: 12px;
  line-height: 18px;
  color: currentColor;
}
.non-touch .b-link:hover {
  text-decoration: none;
}

.b-ctalink {
  text-decoration: underline;
  font-size: 14px;
  line-height: 20px;
  color: currentColor;
}
.non-touch .b-ctalink:hover {
  text-decoration: none;
}

.b-inlinelink {
  text-decoration: underline;
  font-size: inherit;
  color: #3f999c;
}
.non-touch .b-inlinelink:hover {
  text-decoration: none;
}

.b-iconlink {
  font-size: 14px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-iconlink__icon {
  margin-left: 4px;
  font-size: 20px;
}
.b-iconlink__text {
  text-decoration: underline;
}
.non-touch .b-iconlink__text:hover {
  text-decoration: none;
}

.b-entire-link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.b-bnr, .b-bnr__inner, .b-bnr__content {
  position: relative;
}
.b-bnr__inner {
  text-align: center;
}
.b-bnr__image {
  width: 100%;
}

.b-content-markup ul:not([class]),
.b-content-markup ul:not([class]) > li {
  list-style-type: disc;
  list-style-position: inside;
}
.b-content-markup ol:not([class]),
.b-content-markup ol:not([class]) > li {
  list-style-type: decimal;
  list-style-position: inside;
}
.b-content-markup ul ul:not([class]),
.b-content-markup ol ul:not([class]) {
  list-style-type: circle;
  list-style-position: inside;
  margin-right: 15px;
}
.b-content-markup ol ol:not([class]),
.b-content-markup ul ol:not([class]) {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-right: 15px;
}

.b-list {
  position: relative;
}
.b-list li {
  margin-top: 8px;
}
.b-list li:first-child {
  margin-top: 0;
}
.b-list li::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  border-radius: 100%;
  background-color: #3f999c;
  color: #fff;
  text-align: center;
  line-height: 16px;
  margin-left: 8px;
}

.b-caption {
  font-size: 14px;
  line-height: 20px;
  color: #797979;
}

.b-pagetitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.b-pagetitle__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  font-weight: 500;
}
.b-pagetitle__title--center {
  width: 100%;
  text-align: center;
}

.b-heading {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
  padding: 16px 0;
}
.b-heading--borderless {
  border: none;
}
.b-heading__text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.b-headinginfo {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 8px;
  padding-left: 5px;
}

.b-headinglink {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}

.b-headingchecked {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.b-headingchecked::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  background-color: #3f999c;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  border-radius: 100%;
  margin-left: 8px;
  margin-top: -4px;
}

.b-pdpvideo__item {
  height: 100%;
}

.b-video {
  height: 100%;
}
.b-video__holder {
  height: 100%;
}
.b-video__element.b-video__element {
  height: 100%;
}
.b-video__element.b-video__element .vjs-tech {
  -o-object-fit: initial;
     object-fit: initial;
}
.b-video__element .vjs-big-play-button {
  display: none !important;
}
.b-video__element .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.vjs-mobile .vjs-volume-panel {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vjs-mobile.vjs-mobile-ios .vjs-fullscreen-control {
  display: none;
}

:root {
  --lwc-fontFamily: "Tajawal", sans-serif;
  --lwc-colorTextDefault: #323232;
  --lwc-colorBrandSecondary: #000;
  --lwc-colorBrandSecondaryDarken40: #000;
  --lwc-colorTextBrand: #323232;
  --lwc-colorTextInverse: #fff;
  --lwc-fontWeightRegular: 400;
  --lwc-esFontSizeTextXSmall: 14px;
  --lwc-esFontSizeMedium: 16px;
  --lwc-sidebarWidth: 320px;
  --lwc-sidebarHeight: 498px;
}

.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #000;
}

.embeddedServiceSidebar.layout-docked.modalContainer .dockableContainer {
  border-radius: 0;
}

.dockableContainer [embeddedservice-chatheader_chatheader-host] {
  background-color: #000;
}
.dockableContainer .sidebarHeader,
.dockableContainer .headerAnnouncement {
  color: #fff;
}
.dockableContainer button.closeButton:hover[embeddedService-chatHeader_chatHeader]::before,
.dockableContainer button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]::before {
  display: none;
}
.dockableContainer embeddedservice-chat-header lightning-icon,
.dockableContainer embeddedservice-chat-header svg.slds-icon-text-default {
  fill: #fff;
}
.dockableContainer .uiInputDefaultError .form-element__help {
  color: #a42337;
  line-height: 1;
}
.dockableContainer .embeddedServiceSidebarFormField .uiInput .required {
  color: #323232;
  right: auto;
  margin-right: 3px;
}
.dockableContainer .embeddedServiceSidebarFormField .split-field-container,
.dockableContainer .embeddedServiceSidebarFormField .uiInput--input,
.dockableContainer .embeddedServiceSidebarFormField .uiInput--select {
  margin-bottom: 12px;
}
.b-modal--bookingAppointmentModal .b-modal__dialog {
  max-width: 790px;
}
.b-modal--bookingAppointmentModal .bookingAppointmentModal__iframe {
  width: 100%;
  height: 575px;
  padding-top: 30px;
}

.chatbot-wrapper {
  background: #fff;
  border-top: none;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.chatbot-wrapper circle {
  fill: #000;
  stroke: #000;
}
.chatbot-wrapper circle[fill=none] {
  fill: transparent;
}
.chatbot-wrapper path {
  fill: #000;
}
.chatbot-wrapper .icon {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
  position: relative;
  width: 16px;
}
.chatbot-wrapper .icon::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 16px;
  right: 0;
  margin-top: -1px;
  position: absolute;
  top: 0;
  width: 16px;
}
.chatbot-wrapper i.icon.hi::before {
  background-image: url("../lib/libChatbot/img/chatbot/hi.png");
}
.chatbot-wrapper i.icon.calendar::before {
  background-image: url("../lib/libChatbot/img/chatbot/calendar.png");
}
.chatbot-wrapper i.icon.store::before {
  background-image: url("../lib/libChatbot/img/chatbot/store.png");
}
.chatbot-wrapper i.icon.clock::before {
  background-image: url("../lib/libChatbot/img/chatbot/clock.png");
}
.chatbot-wrapper i.icon.ops::before {
  background-image: url("../lib/libChatbot/img/chatbot/ops.png");
}
.chatbot-wrapper i.icon.email::before {
  background-image: url("../lib/libChatbot/img/chatbot/email.png");
  height: 8px;
  top: 3px;
}
.chatbot-wrapper i.icon.phone::before {
  background-image: url("../lib/libChatbot/img/chatbot/phone.png");
}
.chatbot-wrapper i.icon.perfect::before {
  background-image: url("../lib/libChatbot/img/chatbot/perfect.png");
  right: 1px;
  width: 13px;
}
.chatbot-wrapper i.icon.bye::before {
  background-image: url("../lib/libChatbot/img/chatbot/bye.png");
}
.chatbot-wrapper i.icon.thumbs-up::before {
  background-image: url("../lib/libChatbot/img/chatbot/thumbs-up.png");
}
.chatbot-wrapper i.icon.writing::before {
  background-image: url("../lib/libChatbot/img/chatbot/writing.png");
  margin-top: 1px;
}
.chatbot-wrapper .jsm-button,
.chatbot-wrapper .jsm-quick-reply-option,
.chatbot-wrapper .jsm-get-started-button {
  cursor: pointer;
}
.chatbot-wrapper .jsm-chat-content {
  background: #fff;
  bottom: 0;
  height: 100%;
  right: 0;
  overflow-y: auto;
  padding-top: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  /* stylelint-disable */
  scrollbar-3dlight-color: #f9f9f9;
  scrollbar-arrow-color: #f9f9f9;
  scrollbar-base-color: #d5d5d5;
  scrollbar-dark-shadow-color: #f9f9f9;
  scrollbar-face-color: #d5d5d5;
  scrollbar-highlight-color: #f9f9f9;
  scrollbar-shadow-color: #f9f9f9;
  scrollbar-track-color: #f9f9f9;
  /* stylelint-enable */
}
.chatbot-wrapper .jsm-chat-content::-webkit-scrollbar {
  height: 6px;
  width: 4px;
}
.chatbot-wrapper .jsm-chat-content::-webkit-scrollbar-thumb {
  background: #d5d5d5;
  border-radius: 16px;
  margin: 10px;
}
.chatbot-wrapper .jsm-chat-content::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius: 16px;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-progress-indicator {
  height: 1.2em;
  position: absolute;
  left: 0.15em;
  top: 22%;
  width: 1.2em;
  z-index: 5;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-progress-indicator .jsm-bot-icon img {
  border-radius: 50%;
  height: 1.2em;
  width: 1.2em;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message {
  background: #fff;
  bottom: 0;
  right: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message .jsm-bot-welcome-banner {
  background: no-repeat center center;
  background-size: cover;
  height: 12em;
  margin-top: 5em;
  position: relative;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message .jsm-bot-welcome-banner .jsm-bot-welcome-icon {
  background: #fff;
  border-radius: 50%;
  bottom: 0;
  height: calc(7em + 2px);
  right: 50%;
  margin-bottom: calc(-3.5em - 1px);
  margin-right: calc(-3.5em - 1px);
  position: absolute;
  width: calc(7em + 2px);
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message .jsm-bot-welcome-banner .jsm-bot-welcome-icon img {
  border-radius: 50%;
  height: 7em;
  margin: 1px;
  width: 7em;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message h1 {
  font-size: 180%;
  font-weight: normal;
  margin: 2em 0 0;
  text-align: center;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message h2 {
  font-size: 130%;
  font-weight: normal;
  margin: 0.15em 0 0.25em;
  text-align: center;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message > p {
  color: #d5d5d5;
  font-size: 130%;
  margin: 0 0 2em;
  padding: 0 2em;
  text-align: center;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message div.jsm-bot-welcome-status {
  margin-bottom: 2em;
  padding: 0 2em;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message div.jsm-bot-welcome-status::before {
  content: "";
  display: table;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message div.jsm-bot-welcome-status::after {
  clear: both;
  content: "";
  display: table;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message div.jsm-bot-welcome-status div.jsm-bot-welcome-status-svg-wrapper {
  float: right;
  height: 3em;
  overflow: hidden;
  width: 3em;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message div.jsm-bot-welcome-status div.jsm-bot-welcome-status-svg-wrapper svg {
  height: 2.25em;
  width: 2.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-bot-welcome-message div.jsm-bot-welcome-status p {
  font-size: 130%;
  margin: 0 3.5em 0 0;
  padding-top: 0.15em;
}
.chatbot-wrapper .jsm-chat-content.ios {
  width: 100%;
}
.chatbot-wrapper .jsm-chat-content.ios .jsm-bot-welcome-message {
  margin-left: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-user-wrapper {
  margin-top: 0.5em;
  position: relative;
}
.chatbot-wrapper .jsm-chat-content .jsm-user-wrapper .jsm-user-icon {
  height: 3em;
  right: 0.5em;
  position: absolute;
  width: 3em;
}
.chatbot-wrapper .jsm-chat-content .jsm-user-wrapper .jsm-user-icon img.jsm-bot-logo {
  border-radius: 50%;
  height: 3em;
  width: 3em;
  display: none;
}
.chatbot-wrapper .jsm-chat-content .jsm-user-wrapper .jsm-user-icon img.jsm-messenger-flash {
  height: 1.5em;
  right: 1.8em;
  position: absolute;
  top: 1.8em;
  width: 1.5em;
  z-index: 5;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-row::before {
  content: "";
  display: table;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-row::after {
  clear: both;
  content: "";
  display: table;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-timestamp {
  color: #d5d5d5;
  margin: 0 0 0.5em;
  text-align: center;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message:not(.jsm-button-template) {
  max-width: 75%;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message {
  border-radius: 16px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 16px;
  padding: 0.6em 1em;
  position: relative;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
  z-index: 10;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-left {
  background: #f8f8f8;
  color: #797979;
  float: right;
  margin-right: 16px;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-left.jsm-button-template {
  background: transparent !important;
  max-width: 100%;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-left.jsm-button-template .jsm-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -8px;
  margin-right: -8px;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-left.jsm-button-template .jsm-button {
  color: #3f999c;
  border: 1px solid #3f999c;
  margin: 8px;
  padding: 7px 16px;
  border-radius: 20px;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-left.jsm-button-template .jsm-button.grayed-out {
  border: 1px solid #c3c3c3;
  color: #797979;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-right {
  background: #3f999c;
  color: #fff;
  float: left;
  margin-left: 5%;
  border-bottom-left-radius: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-right.jsm-has-previous {
  border-top-left-radius: 0.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-right.jsm-has-next {
  border-bottom-left-radius: 0.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-right .jsm-status {
  border-radius: 50%;
  bottom: 0;
  font-size: 76.92%;
  height: 1.2em;
  position: absolute;
  left: -1.5em;
  width: 1.2em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-quickreply {
  opacity: 0;
  -webkit-transform: translateY(1em);
      -ms-transform: translateY(1em);
          transform: translateY(1em);
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment {
  background: #fff;
  border: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment .jsm-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 1em;
  height: auto;
  width: 100%;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment .jsm-image::after {
  content: "";
  display: block;
  padding-top: 52.35%;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment.jsm-left.jsm-has-previous .jsm-image {
  border-top-right-radius: 0.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment.jsm-left.jsm-has-next .jsm-image {
  border-bottom-right-radius: 0.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment.jsm-right.jsm-has-previous .jsm-image {
  border-top-left-radius: 0.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment.jsm-right.jsm-has-next .jsm-image {
  border-bottom-left-radius: 0.25em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment .jsm-share {
  margin-top: -0.75em;
  position: absolute;
  top: 50%;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment .jsm-share svg {
  height: 1.5em;
  width: 1.5em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment.jsm-left .jsm-share {
  left: -2.15em;
}
.chatbot-wrapper .jsm-chat-content .jsm-chat-message.jsm-image-attachment.jsm-right .jsm-share {
  right: -2.15em;
}
.chatbot-wrapper .jsm-chat-content .jsm-typing-indicator span {
  -webkit-animation: jsm-typing-indicator-anim 2s infinite;
          animation: jsm-typing-indicator-anim 2s infinite;
  background: #3f999c;
  border-radius: 50%;
  display: inline-block;
  height: 0.5em;
  margin-left: 0.25em;
  width: 0.5em;
}
.chatbot-wrapper .jsm-chat-content .jsm-typing-indicator span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.chatbot-wrapper .jsm-chat-content .jsm-typing-indicator span:nth-child(2) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.chatbot-wrapper .jsm-chat-content .jsm-typing-indicator span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  margin-left: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-button-template {
  margin-bottom: 0.5em;
  padding: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-button-template .jsm-header {
  padding: 0.6em 1em;
}
.chatbot-wrapper .jsm-chat-content .jsm-button-template-without-text .jsm-button:first-child {
  border-top: none;
  border-top-right-radius: 0.95em;
  border-top-left-radius: 0.95em;
}
.chatbot-wrapper .jsm-chat-content .jsm-button-template .jsm-button:last-child {
  border-bottom: none;
  border-bottom-right-radius: 0.95em;
  border-bottom-left-radius: 0.95em;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper {
  border-radius: 0;
  overflow: hidden;
  padding: 0 3.5em 0 3em;
  padding-right: 10px !important;
  padding-left: 10px !important;
  white-space: nowrap;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper.jsm-chat-message.jsm-left {
  background: none;
  border: none;
  float: none;
  margin-right: 0;
  max-width: 100%;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background {
  background-color: #fff;
  border-radius: 16px;
  display: inline-block;
  position: relative;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background .jsm-generic-template {
  background: #f8f8f8;
  display: inline-block;
  margin-left: 0.5em;
  border-radius: 16px;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05);
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background .jsm-generic-template .jsm-image {
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid #f8f8f8;
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 79px;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background .jsm-generic-template .jsm-image.jsm-square {
  padding-top: 100%;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background .jsm-generic-template .jsm-title1 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #797979;
  padding: 1em 1em 0;
  white-space: normal;
  margin: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background .jsm-generic-template .jsm-title2 {
  font-size: 12px;
  line-height: 18px;
  padding: 0.6em 1em;
  white-space: normal;
  margin: 0;
}
.chatbot-wrapper .jsm-chat-content .jsm-button-template .jsm-button,
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-button {
  background: #3f999c;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0 12px 12px;
  overflow: hidden;
  padding: 0.8em 1em;
  text-align: center;
  border-radius: 10px;
}
.chatbot-wrapper .jsm-chat-content .jsm-button-template .jsm-button.jsm-selected {
  color: rgba(0, 146, 166, 0.57);
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-button.jsm-selected {
  color: #d5d5d5;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background {
  border-radius: 0;
  overflow: auto;
  width: 100%;
  /* stylelint-disable */
  scrollbar-3dlight-color: #f9f9f9;
  scrollbar-arrow-color: #f9f9f9;
  scrollbar-base-color: #d5d5d5;
  scrollbar-dark-shadow-color: #f9f9f9;
  scrollbar-face-color: #d5d5d5;
  scrollbar-highlight-color: #f9f9f9;
  scrollbar-shadow-color: #f9f9f9;
  scrollbar-track-color: #f9f9f9;
  /* stylelint-enable */
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background::-webkit-scrollbar {
  height: 6px;
  width: 4px;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background::-webkit-scrollbar-thumb {
  background: #d5d5d5;
  border-radius: 16px;
  margin: 10px;
}
.chatbot-wrapper .jsm-chat-content .jsm-generic-template-wrapper .jsm-generic-template-background::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius: 16px;
}
.chatbot-wrapper .jsm-bot-info {
  background: #3f999c;
  bottom: 500px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0 !important;
  padding: 18px;
  position: fixed;
  left: 65px;
  width: 360px;
  z-index: 1000 !important;
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 2px -1px 5px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 2px -1px 5px 1px rgba(0, 0, 0, 0.12);
}
.chatbot-wrapper .jsm-bot-info h5 {
  padding-right: 35px;
  text-transform: capitalize;
}
.chatbot-wrapper .jsm-bot-info h5 > div {
  margin-bottom: -3px;
}
.chatbot-wrapper .jsm-bot-info h5 span {
  display: none;
}
.chatbot-wrapper .jsm-bot-info .close-chat-btn {
  background: url("../../images/personal-shopping/close.svg") center center no-repeat;
  background-size: 100% 100%;
  height: 17px;
  position: absolute;
  left: 20px;
  top: 20px;
  width: 17px;
}
.chatbot-wrapper .jsm-bot-info::before {
  background: url("../../images/personal-shopping/chatbot-calendar.svg") center center no-repeat;
  background-size: 100% 100%;
  content: "";
  display: block;
  height: 21px;
  right: 20px;
  position: absolute;
  top: 18px;
  width: 21px;
}
.chatbot-wrapper .booking-confirmation-message {
  background: url("../../images/personal-shopping/booking-confirmed.svg") center center no-repeat;
  background-size: 100% 100%;
  color: #fff;
  width: 260px;
  height: 135px;
  margin: 1em 4.5em 1em 3.5em;
  position: relative;
}
.chatbot-wrapper .booking-confirmation-message span {
  display: none;
  bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  right: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.chatbot-wrapper .jsm-chat-content-wrapper {
  display: table-row;
  height: 100%;
  width: 100%;
}
.chatbot-wrapper .jsm-chat-content-wrapper * {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.chatbot-wrapper .jsm-hide,
.chatbot-wrapper .jsm-get-started,
.chatbot-wrapper .jsm-bot-welcome-message {
  display: none;
}
.chatbot-wrapper .jsm-invisible {
  visibility: hidden;
}
.chatbot-wrapper .jsm-force-redraw::before {
  content: "";
}
.chatbot-wrapper .jsm-iphone-content-wrapper {
  height: 100%;
  right: 0;
  max-height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.chatbot-wrapper .jsm-iphone-content {
  background: #fff;
  color: #111;
  display: table;
  height: 100%;
  table-layout: fixed;
  text-align: right;
  width: 100%;
  -webkit-box-shadow: 2px -1px 5px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 2px -1px 5px 1px rgba(0, 0, 0, 0.12);
}
.chatbot-wrapper .jsm-annotation-container {
  font-size: 120%;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}
.chatbot-wrapper .jsm-annotation-container .jsm-annotation {
  margin: 0 10%;
  max-width: 80%;
  position: absolute;
}
.chatbot-wrapper .jsm-annotation-container .jsm-annotation.jsm-annotation-default {
  -webkit-animation: pop-in 200ms;
          animation: pop-in 200ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  background: #a42337;
  border-radius: 0.25em;
  color: #fff;
  line-height: 1.5em;
  padding: 1em;
  text-align: right;
}
.chatbot-wrapper .jsm-annotation-container .jsm-annotation.jsm-annotation-default.fade-out {
  animation-direction: reverse;
}
.chatbot-wrapper .jsm-annotation-container .jsm-annotation.jsm-annotation-default.jsm-annotation-right.jsm-annotation-top::after {
  border-color: transparent #a42337;
  border-style: solid;
  border-width: 0 0 20px 20px;
  bottom: -19px;
  content: "";
  display: block;
  position: absolute;
  left: 2em;
  width: 0;
}
.chatbot-wrapper .jsm-annotation-container .jsm-annotation.jsm-annotation-default.jsm-annotation-left.jsm-annotation-top::after {
  border-color: transparent #a42337;
  border-style: solid;
  border-width: 0 20px 20px 0;
  bottom: -19px;
  content: "";
  display: block;
  right: 2em;
  position: absolute;
  width: 0;
}
.chatbot-wrapper .jsm-status-navbar {
  background: #f8f8f8;
  border-bottom: 1px solid #c3c3c3;
  height: 9%;
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar {
  height: 30%;
  text-align: center;
  width: 100%;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-carrier {
  right: 2.1%;
  position: absolute;
  top: 0;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-carrier .jsm-carrier-ring {
  border: 1px solid #000;
  border-radius: 50%;
  display: inline-block;
  height: 0.4em;
  margin-left: -0.15em;
  margin-top: -0.15em;
  width: 0.4em;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-carrier .jsm-carrier-ring.closed {
  background: #000;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-carrier .jsm-carrier-name {
  margin-right: 0.1em;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-clock {
  font-weight: bold;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-battery {
  position: absolute;
  left: 2.1%;
  top: 0;
}
.chatbot-wrapper .jsm-status-navbar .jsm-status-bar .jsm-battery .jsm-battery-image {
  display: inline-block;
  height: 0.8em;
  vertical-align: middle;
  width: auto;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-title {
  padding: 0.5% 0;
  text-align: center;
  width: 100%;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-title .jsm-nav-title-bot-name {
  font-size: 120%;
  margin-bottom: 0.2em;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-title .jsm-nav-title-replies-in {
  color: #d5d5d5;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-left,
.chatbot-wrapper .jsm-status-navbar .jsm-nav-right {
  color: #000;
  font-size: 140%;
  line-height: 1em;
  position: absolute;
  top: 50%;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-left img,
.chatbot-wrapper .jsm-status-navbar .jsm-nav-right img {
  height: auto;
  margin: -0.2em 0 0 0.2em;
  vertical-align: middle;
  width: 0.8em;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-left {
  right: 2.1%;
}
.chatbot-wrapper .jsm-status-navbar .jsm-nav-right {
  left: 2.1%;
}
.chatbot-wrapper .jsm-bottom-bar {
  background: #fff;
  display: table-row;
  height: 0;
  margin-top: 0.5em;
  width: 100%;
  z-index: 10;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-quick-replies {
  height: 4.25em;
  overflow: hidden;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-quick-replies .jsm-quick-replies-container {
  display: inline-block;
  padding: 0 0.5em;
  white-space: nowrap;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-quick-replies .jsm-quick-replies-container .jsm-quick-reply-option {
  background: #fff;
  border: 1px solid #000;
  border-radius: 1em;
  color: #000;
  display: inline-block;
  font-size: 130%;
  margin-left: 0.5em;
  padding: 0.6em 1em;
  -webkit-transform: translateY(3.5em);
      -ms-transform: translateY(3.5em);
          transform: translateY(3.5em);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: -webkit-transform 0.25s ease-in-out;
  -o-transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-quick-replies .jsm-quick-replies-container .jsm-quick-reply-option.jsm-show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.chatbot-wrapper .jsm-bottom-bar .jsm-quick-replies .jsm-quick-replies-container .jsm-quick-reply-option.jsm-selected {
  background: #000;
  color: #fff;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-get-started {
  border-top: 1px solid #c3c3c3;
  text-align: center;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-get-started .jsm-get-started-info {
  color: #c3c3c3;
  font-size: 120%;
  margin: 0.5em;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-get-started .jsm-get-started-button {
  background: #000;
  border-radius: 0.25em;
  color: #fff;
  font-size: 150%;
  margin: 0.5em;
  padding: 0.5em;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message {
  color: #d5d5d5;
  font-size: 150%;
  line-height: 2.5em;
  position: relative;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-input-message-handle {
  background-color: #c3c3c3;
  border-radius: 3px;
  height: 0.25em;
  margin: 0.25em auto;
  width: 10%;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu {
  overflow: hidden;
  width: 100%;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller {
  width: 300%;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page {
  float: right;
  position: relative;
  width: 33.333%;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-input-prompt {
  border-bottom: 1px solid #c3c3c3;
  margin: 0 1em 0 0;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-persistent-menu-title {
  border-bottom: 1px solid #c3c3c3;
  color: #111;
  font-weight: bold;
  margin: 0;
  position: relative;
  text-align: center;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-persistent-menu-title::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2020%2033%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A1.5%3B%22%3E%3Cg%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-1621.65%2C-1985.09)%22%3E%3Cg%20id%3D%22_-Curve-%22%20transform%3D%22matrix(-0.0914484%2C0%2C-0%2C0.100605%2C1739.21%2C1875.51)%22%3E%3Cpath%20d%3D%22M1114.08%2C1126.53l130.391%2C124.333l-130.065%2C124.633%22%20style%3D%22fill%3Anone%3Bstroke%3A%23007aff%3Bstroke-width%3A43.34px%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 1.25em 1.25em;
  content: " ";
  display: block;
  height: 1.25em;
  right: 0.5em;
  position: absolute;
  top: 0.7em;
  width: 1.25em;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-persistent-menu-entry .jsm-persistent-menu-text {
  border-bottom: 1px solid #c3c3c3;
  color: #111;
  margin: 0 1em 0 0;
  position: relative;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-persistent-menu-entry .jsm-persistent-menu-text.jsm-has-children::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2020%2033%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A1.5%3B%22%3E%3Cpath%20id%3D%22_-Curve-%22%20d%3D%22M3.756%2C3.756l11.924%2C12.508l-11.894%2C12.539%22%20style%3D%22fill%3Anone%3Bstroke%3A%23cecece%3Bstroke-width%3A4.17px%3B%22%2F%3E%3C%2Fsvg%3E");
  background-size: 1em 1em;
  content: " ";
  display: block;
  height: 1em;
  position: absolute;
  left: 0.5em;
  top: 0.7em;
  width: 1em;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-persistent-menu-entry.jsm-selected {
  background: #f8f8f8;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page .jsm-persistent-menu-entry:last-child .jsm-persistent-menu-text {
  border-bottom: none;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page::after {
  background-color: transparent;
  content: " ";
  height: 500%;
  right: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  width: 100%;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .jsm-persistent-menu .jsm-persistent-menu-scroller .jsm-persistent-menu-page.jsm-has-overlay::after {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.125);
          box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.125);
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .bot-date-picker {
  margin: 16px;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  position: relative;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .bot-date-picker .datepicker--cell.-current- {
  background-color: #3f999c;
  color: #fff;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .bot-date-picker .datepicker--day-name {
  line-height: 30px;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .bot-date-picker .datepicker--nav {
  position: relative;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-input-message .bot-date-picker .datepicker-inline::before {
  content: "";
  width: 17px;
  height: 17px;
  background: url("../../images/personal-shopping/triangle.svg") center center no-repeat;
  position: absolute;
  left: 20px;
  top: -12px;
}
.chatbot-wrapper .jsm-chat-content-wrapper-2 {
  height: 100%;
  position: relative;
  width: 100%;
}
.chatbot-wrapper .jsm-input-field-wrapper {
  -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
  color: #000;
  display: none;
}
.chatbot-wrapper .jsm-input-field-wrapper .form-group-wrapper {
  padding-top: 6px;
}
.chatbot-wrapper .jsm-input-field-wrapper.visible {
  display: block;
}
.chatbot-wrapper .jsm-input-field-wrapper button {
  position: absolute;
  left: 0;
}
.chatbot-wrapper .jsm-input-field-wrapper button::after {
  content: var(--chatbot-button-send);
  position: absolute;
  top: 4px;
  left: 0;
  background: #3f999c;
  color: #fff;
  width: 82px;
  border-radius: 10px;
  text-transform: uppercase;
  line-height: 36px;
}
.chatbot-wrapper .jsm-input-field-wrapper.error input {
  border: 2px solid #cc162c;
}
.chatbot-wrapper .jsm-input-field-wrapper.error label {
  color: #cc162c;
  font-size: 0.8em;
}
.chatbot-wrapper .jsm-input-field {
  color: #c3c3c3;
  font-size: 14px;
  padding-left: 60px;
  text-align: right;
}
.chatbot-wrapper .jsm-input-field::-webkit-input-placeholder {
  color: #c3c3c3;
}
.chatbot-wrapper .jsm-input-field::-moz-placeholder {
  color: #c3c3c3;
}
.chatbot-wrapper .jsm-input-field:-ms-input-placeholder {
  color: #c3c3c3;
}
.chatbot-wrapper .jsm-input-field::-ms-input-placeholder {
  color: #c3c3c3;
}
.chatbot-wrapper .jsm-input-field::placeholder {
  color: #c3c3c3;
}
.chatbot-wrapper .jsm-bottom-bar .jsm-quick-replies .jsm-quick-replies-container {
  overflow: auto;
  width: 100%;
}
.chatbot-wrapper .bot-edit-item {
  color: #797979;
  cursor: pointer;
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 16px;
  margin-left: 6%;
  margin-top: -10px;
  text-decoration: underline;
}
.chatbot-wrapper .bot-edit-item.jsm-left {
  float: right;
  margin-bottom: 10px;
  margin-right: 4.5em;
}
.chatbot-wrapper .jsm-button-template .jsm-buttons .jsm-button {
  background: #fff;
  color: #000;
  font-weight: 500;
}
.chatbot-wrapper .scroll-left {
  background: rgba(146, 142, 142, 0.2);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px !important;
  display: none;
  height: 96%;
  right: 0;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 999;
}
.chatbot-wrapper .scroll-left::after {
  color: #000;
  content: "\EA15";
  display: inline-block;
  font-family: "iconfont" !important;
  font-size: 30px;
  height: 10px;
  right: 9px;
  margin-top: -15px;
  position: absolute;
  text-rendering: auto;
  top: 50%;
  width: 10px;
}
.chatbot-wrapper .scroll-left::after.fa-pull-left {
  margin-left: 0.3em;
}
.chatbot-wrapper .scroll-left::after.fa-pull-right {
  margin-right: 0.3em;
}
.chatbot-wrapper .scroll-left::after.pull-left {
  margin-left: 0.3em;
}
.chatbot-wrapper .scroll-left::after.pull-right {
  margin-right: 0.3em;
}
.chatbot-wrapper .scroll-right {
  background: rgba(146, 142, 142, 0.2);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px !important;
  display: none;
  height: 96%;
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  z-index: 999;
}
.chatbot-wrapper .scroll-right::after {
  color: #000;
  content: "\EA16";
  display: inline-block;
  font-family: "iconfont" !important;
  font-size: 30px;
  height: 10px;
  margin-top: -15px;
  position: absolute;
  left: 28px;
  text-rendering: auto;
  top: 50%;
  width: 10px;
}
.chatbot-wrapper .scroll-right::after.fa-pull-left {
  margin-left: 0.3em;
}
.chatbot-wrapper .scroll-right::after.fa-pull-right {
  margin-right: 0.3em;
}
.chatbot-wrapper .scroll-right::after.pull-left {
  margin-left: 0.3em;
}
.chatbot-wrapper .scroll-right::after.pull-right {
  margin-right: 0.3em;
}
.chatbot-wrapper .date-picker-wrapper {
  position: relative;
}
.chatbot-wrapper .date-picker-wrapper input {
  height: 40px;
  right: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.chatbot-wrapper .form-group-wrapper {
  margin: 10px 5%;
  position: relative;
  width: 90%;
}
.chatbot-wrapper .form-group-wrapper input {
  border-color: transparent;
}
.chatbot-wrapper .form-group-wrapper input::-webkit-input-placeholder {
  font-size: 14px !important;
}
.chatbot-wrapper .form-group-wrapper input::-moz-placeholder {
  font-size: 14px !important;
}
.chatbot-wrapper .form-group-wrapper input:-ms-input-placeholder {
  font-size: 14px !important;
}
.chatbot-wrapper .form-group-wrapper input::-ms-input-placeholder {
  font-size: 14px !important;
}
.chatbot-wrapper .form-group-wrapper input::placeholder {
  font-size: 14px !important;
}

.bot-date-picker .datepicker-inline .datepicker {
  width: 100%;
}

@-webkit-keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes pop-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes jsm-typing-indicator-anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, -0.5em);
            transform: translate(0, -0.5em);
  }
  40% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes jsm-typing-indicator-anim {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, -0.5em);
            transform: translate(0, -0.5em);
  }
  40% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes notification-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes notification-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.b-notification {
  display: none;
  right: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.b-notification--confirm {
  -webkit-animation: none !important;
          animation: none !important;
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  height: 100%;
  left: 0;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  z-index: 1000;
}

.b-notification--inner {
  position: absolute;
}

.b-notification--static {
  -webkit-animation: notification-in 5s linear forwards;
          animation: notification-in 5s linear forwards;
  display: block;
  opacity: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.b-notification--show {
  -webkit-animation: notification-in 5s linear forwards;
          animation: notification-in 5s linear forwards;
  display: block;
}

.b-notification__text {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
  background-color: #000;
  border-radius: 0;
  margin: 0;
  min-height: 46px;
  padding: 11px 20px;
  text-align: center;
}
.b-notification__text,
.b-notification__text .m-t__link {
  color: #fff;
}
.b-notification__text--confirm {
  background-color: #fff;
  border-radius: 4px;
  color: #000;
  right: 50%;
  padding: 15px 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.b-notification__text--confirm::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA11";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: 54px;
  line-height: 1;
  color: #47bb9c;
  display: block;
  margin-bottom: 21px;
}
.b-notification__text .b-undo-btn {
  text-decoration: underline;
  cursor: pointer;
}

.b-notification__text--error {
  background-color: #a42337;
}

.b-notification__text--success {
  background-color: #47bb9c;
}

.b-notification__text--alert {
  background-color: #ecac2d;
}

.b-notification__icon {
  margin-left: 6px;
}

.b-menudrop {
  border: 1px solid #d5d5d5;
  border-radius: 0;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  margin: 15px 0 0 0;
  min-width: 232px;
  padding: 0;
  margin-right: -17px;
}
.b-menudrop::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  margin-top: -9.5px;
  background: #fff;
  -webkit-transform: rotate(-45deg) translate(0, -66%);
      -ms-transform: rotate(-45deg) translate(0, -66%);
          transform: rotate(-45deg) translate(0, -66%);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  right: 17px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.b-menudrop.m-side--right::before {
  left: 17px;
  right: auto;
}
.b-menudrop__inner {
  position: relative;
  background: #fff;
}
.b-menudrop__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: transparent;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 100%;
  height: 25px;
}
.b-menudrop.m-side--right {
  right: auto;
  left: 0;
  margin-left: -17px;
}
.b-menudrop.m-side--right::before {
  left: 17px;
  right: auto;
}
.b-menudrop.m-side--left {
  left: auto;
  right: 0;
  margin-right: 0;
}
.b-menudrop__item {
  -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
          box-shadow: inset 0 -1px 0 #e6e6e6;
}
.b-menudrop__item:last-child {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.b-menudrop__link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding: 14px 20px;
  display: block;
}
.b-menudrop__item-icon {
  margin-left: 14px;
}

.b-badge {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
  background-color: #ecac2d;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  padding: 4px 6px;
  text-align: center;
  white-space: nowrap;
}
.b-badge--notAvailable {
  background: #a42337;
  color: #fff;
}
.b-badge--criticalStockAlert {
  background: #a42337;
  color: #fff;
}
.b-badge--instock, .b-badge--popular {
  background: #47bb9c;
  color: #fff;
}
.b-badge--delivered {
  background: #3f999c;
  color: #fff;
}
.b-badge--rejected {
  background: #e32c2b;
  color: #fff;
}

.b-badge-sale {
  font-size: 14px;
  line-height: 20px;
  background-color: #a42337;
  color: #fff;
  max-width: 56px;
  padding: 8px;
  text-align: center;
  white-space: normal;
}

.b-badges {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.b-badges__item {
  margin: 0 0 8px 8px;
}

.b-promomsglist__item {
  margin-bottom: 6px;
}

.b-promomsg__text {
  font-size: 14px;
  line-height: 20px;
  background-color: #f8f8f8;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 4px;
  word-break: break-all;
}
.b-promomsg__text::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  border-radius: 100%;
  background-color: #3f999c;
  color: #fff;
  text-align: center;
  line-height: 16px;
  margin-left: 4px;
}
.b-promomsg__text-content {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  word-break: break-all;
}
.b-promomsg__icon {
  margin-right: 4px;
}
.b-promomsg__link {
  text-decoration: underline;
  margin: 0 2px;
}
.non-touch .b-promomsg__link:hover {
  text-decoration: none;
}

.b-swatch {
  width: 20px;
  height: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 100%;
}

.b-price {
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  text-transform: uppercase;
  color: #323232;
}
.b-price--adjusted {
  color: #a42337;
  text-decoration: line-through;
  margin-right: 8px;
}
.b-producttile__pricing .b-price {
  font-size: 16px;
  line-height: 22px;
}
.b-price__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-price__value {
  white-space: nowrap;
}
.b-pdpmain__price .b-price__sale {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.b-producttile__pricing .b-price__sale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.b-price__standard {
  color: #797979;
  margin-right: 8px;
}
.b-pdpmain__price .b-price__standard, .b-producttile__pricing .b-price__standard {
  color: #a42337;
}
.b-producttile__pricing .b-price__standard {
  font-size: 12px;
  line-height: 18px;
}
.b-pdpmain__price .b-price__standard {
  font-size: 14px;
  line-height: 20px;
  margin-right: 12px;
}
.b-producttile__pricing .b-price__standard-el {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-price__range {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.b-producttile__pricing .b-price__range {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.b-price__label, .b-price__vat {
  color: #797979;
  text-transform: none;
}
.b-price__label {
  padding-left: 8px;
}
.b-producttile__pricing .b-price__label {
  font-size: 12px;
  line-height: 18px;
  padding-left: 4px;
  color: #323232;
  font-weight: 500;
}
.b-price__vat {
  padding-right: 8px;
}

.b-spinner {
  width: 80px;
  height: 80px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -40px;
  margin-right: -40px;
}
.b-spinner__logo {
  -webkit-animation: rotate-center 1.5s ease-in-out infinite both;
          animation: rotate-center 1.5s ease-in-out infinite both;
  background-image: url("../images//source-icons/loader.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 80px;
  right: 0;
  position: absolute;
  top: 0;
  width: 80px;
}

.b-veil {
  position: absolute;
  z-index: 1002;
  text-align: center;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.b-veil__underlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #fff;
}
.b-veil__bar {
  background-color: #3f999c;
  display: none;
  height: 3px;
  right: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.5s linear;
  -o-transition: width 0.5s linear;
  transition: width 0.5s linear;
  width: 0%;
}
.b-veil--thin .spinner {
  display: none;
}
.b-veil--thin .b-veil__bar {
  display: block;
}

body > .b-veil,
.b-modal > .b-veil {
  position: fixed;
  z-index: 1002;
}

.b-map {
  position: relative;
}
.b-map.m-address-selected .b-map__confirm-location {
  display: block;
}
.b-map.m-address-selected .b-map__find-my-location {
  display: none;
}
.b-map--address .gm-style-iw-a > .gm-style-iw-t::after,
.b-map--address .gm-style-iw-a > .gm-style-iw-t > .gm-style-iw.gm-style-iw-c {
  display: none !important;
}
.b-map__canvas::after {
  clear: both;
  content: "";
  display: table;
}
.b-map__canvas::before {
  content: "";
  float: right;
  padding-bottom: 106.6666666667%;
}
.b-map__search-place {
  position: absolute;
  top: 20px;
  right: 15px;
  left: 15px;
  z-index: 2;
}
.b-map__search-place::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA3C";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  right: 15px;
}
.b-map__search-place::before {
  position: absolute;
  top: 50%;
  left: 9px;
  right: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  font-size: 20px;
}
.b-map__search-place-field {
  position: relative !important;
  width: 100% !important;
  border: 1px solid #e6e6e6 !important;
  z-index: 1 !important;
  display: none;
  padding: 10px 8px 8px 34px;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  -webkit-appearance: none;
}
.b-map__holder .b-map__search-place-field {
  display: block;
}
.b-map__search-place__no-results {
  margin-top: 8px;
  top: 100%;
  left: 0;
  right: 0;
}
.b-map__general-error {
  display: none;
  top: 60px;
  right: 15px;
  left: 15px;
}
.b-map__search-place__no-results, .b-map__general-error {
  position: absolute;
  padding: 10px 8px 9px;
  background-color: #fff;
  border: 1px solid #a42337;
  z-index: 2;
  font-size: 14px;
  color: #a42337;
}
.b-map__actions {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 15px 15px 24px;
  text-align: center;
}
.b-map__action {
  width: 100%;
}
.b-map__confirm-location {
  display: none;
}
.b-map__search-place__no-results-title-content .b-link {
  color: #323232;
}
.b-map .gm-style > div > div > a[rel=noopener],
.b-map .gm-style .gm-style-cc,
.b-map .gm-style .gm-style-iw-t::after {
  display: none !important;
}
.b-map .gm-style .gm-style-iw-d {
  overflow: auto !important;
}
.b-map .gm-style .gm-style-iw-d,
.b-map .gm-style .gm-style-iw-c {
  max-height: none !important;
}
.b-map .gm-style-iw-c {
  padding: 30px 16px 16px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  width: 250px;
}
.b-map .gm-ui-hover-effect {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0 !important;
  left: 0 !important;
  opacity: 1;
}
.b-map .gm-ui-hover-effect img {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

.b-map__holder {
  padding-bottom: 174.1333333333%;
}
.b-map__holder.m-loading {
  background-color: #797979;
}

.m-country-restriction-error .b-location-error-msg--settings, .m-location-general-error .b-location-error-msg--settings {
  display: none;
}

.b-location-error-msg--general {
  display: none;
}
.m-location-general-error .b-location-error-msg--general {
  display: block;
}

.b-location-error-msg--country-restriction {
  display: none;
}
.m-country-restriction-error .b-location-error-msg--country-restriction {
  display: block;
}

.pac-container {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e6e6e6;
}
.pac-container::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  height: 20px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
body:not(.modal-open) > .pac-container {
  z-index: 1005;
}
body.modal-open > .pac-container {
  z-index: 1000;
}
.pac-container.pac-logo::after {
  display: none;
}
.pac-container .pac-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 8px;
  line-height: 1;
  background-color: #fff;
  border-top: 1px solid #ddd;
  cursor: pointer;
}
.pac-container .pac-item:first-child {
  border-top-color: transparent;
}
.non-touch .pac-container .pac-item:hover {
  background-color: #f8f8f8;
}
.pac-container .pac-item,
.pac-container .pac-item-query {
  font-size: 14px;
  line-height: 20px;
}
.pac-container .pac-item-query {
  padding-left: 6px;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
.pac-container .pac-item-query,
.pac-container .pac-item-query + span {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.pac-container .pac-matched {
  font-weight: 400;
}
.pac-container .pac-icon {
  display: none !important;
}

/*md

# Alert

## Alert example:

```html_example
<div class="b-block m-margin-b-10">
    <div class="b-alert b-alert--error " role="alert" style="--alert-type: var(--icon-alert-error)">
        <div class="b-alert__content">
            <div class="b-alert__text">
                You've entered a password you've used before
            </div>
            <div class="b-alert__caption">
                Please try again with a new password
            </div>
        </div>
    </div>
</div>

<div class="b-block m-margin-b-10">
    <div class="b-alert b-alert--success" role="alert" style="--alert-type: var(--icon-alert-success)">
        <div class="b-alert__content">
            <div class="b-alert__text">
                Password Successfully changed!
            </div>
            <div class="b-alert__caption">
                Please log in to continue
            </div>
        </div>
    </div>
</div>

<div class="b-block m-margin-b-10">
    <div class="b-alert b-alert--done" role="alert" style="--alert-type: var(--icon-alert-done)">
        <div class="b-alert__content">
            <div class="b-alert__text">
                Thank you for your feedback
            </div>
            <div class="b-alert__caption">
                We’ll use your experience to help us make improvements.
            </div>
        </div>
    </div>
</div>

```
*/
.b-alert {
  background: rgba(204, 22, 44, 0.05);
  border: 1px solid #a42337;
  color: #a42337;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  position: relative;
}
.b-alert::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA17";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: 18px;
  margin-left: 8px;
}
.b-alert--success {
  background: rgba(71, 187, 156, 0.05);
  border: 1px solid rgba(71, 187, 156, 0.5);
  color: #47bb9c;
}
.b-alert--done {
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #323232;
}
.b-alert--info {
  background: rgba(73, 114, 151, 0.05);
  border: 1px solid rgba(73, 114, 151, 0.5);
  color: #497297;
}
.b-alert--error {
  margin-bottom: 20px;
}
.b-alert::before {
  content: var(--alert-type);
}
.b-alert__content {
  position: relative;
}
.b-alert__content--with-cta {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-alert__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b-alert__caption {
  font-size: 12px;
  line-height: 18px;
}
.b-alert__caption-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

/*md

# Tabs

## Tabs example:

```html_example
<div class="b-tabs js-tabs-scope">
    <div class="b-tabs__links">
        <button class="b-tab b-button-toggle js-toggle m-active" type="button"
            data-tab-index="0"
            data-tab-url="#"
            data-toggle-settings='{
                "toggleScope": ".js-tabs-scope",
                "toggleContent": "#tab-item-0",
                "cleanSiblings": true,
                "radioButtonMode": true
            }'
        >
            <span class="b-tab__text">Tab 1</span>
        </button>
        <button class="b-tab b-button-toggle js-toggle" type="button"
            data-tab-index="1"
            data-tab-url="#"
            data-toggle-settings='{
                "toggleScope": ".js-tabs-scope",
                "toggleContent": "#tab-item-1",
                "cleanSiblings": true,
                "radioButtonMode": true
            }'
        >
            <span class="b-tab__text">Tab 2</span>
        </button>
        <button class="b-tab b-button-toggle js-toggle" type="button"
            data-tab-index="2"
            data-tab-url="#"
            data-toggle-settings='{
                "toggleScope": ".js-tabs-scope",
                "toggleContent": "#tab-item-2",
                "cleanSiblings": true,
                "radioButtonMode": true
            }'
        >
            <span class="b-tab__text">Tab 3</span>
        </button>
    </div>
    <div class="b-tabs__content">
        <div class="b-tab-content b-toggle__content m-expanded" id="tab-item-0">
            Tab content 0
        </div>
        <div class="b-tab-content b-toggle__content" id="tab-item-1">
            Tab content 1
        </div>
        <div class="b-tab-content b-toggle__content" id="tab-item-2">
            Tab content 2
        </div>
    </div>
</div>
```
*/
.b-tabs {
  border: 1px solid #d5d5d5;
}
.b-tabs.b-tabs--secondary {
  border: 0;
}
.b-tabs.b-tabs--secondary .b-tabs__links {
  margin: 0 -15px;
}
.b-tabs.b-tabs--secondary .b-tab {
  background-color: #f8f8f8;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 2px;
  color: #000;
  position: relative;
  z-index: 1;
  padding: 0 20px 0 10px;
  height: 50px;
  width: 50%;
}
.b-tabs.b-tabs--secondary .b-tab.b-tab--icon {
  padding-top: 8px;
  padding-bottom: 8px;
}
.b-tabs.b-tabs--secondary .b-tab.m-active {
  background-color: #fff;
  border-color: #000;
  border-bottom-color: #fff;
  z-index: 2;
  color: #000;
}
.b-tabs.b-tabs--secondary .b-tab.m-active + .b-tab {
  border-right-color: transparent;
}
.b-tabs.b-tabs--secondary .b-tab.m-active .b-tab__icon {
  color: #000;
}
.b-tabs.b-tabs--secondary .b-tab-content {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 30px 0;
  min-height: 0;
}
.b-tabs.b-tabs--primary {
  border: 0;
}
.b-tabs.b-tabs--primary .b-tabs__links {
  border-bottom: 2px solid #000;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-tabs.b-tabs--primary .b-tab {
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  width: auto;
  margin: 0 7px;
  padding: 5px 5px 15px;
  height: auto;
}
.b-tabs.b-tabs--primary .b-tab.m-active {
  border-color: #e6e6e6;
}
.b-tabs.b-tabs--primary .b-tab-content {
  padding: 10px 0;
}

.b-tabs__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.b-tab {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #d5d5d5;
  border-right-color: #d5d5d5;
  background-color: #f8f8f8;
  color: #000;
  text-align: center;
  width: 33.3333333333%;
  padding: 0 10px;
  height: 50px;
}
.b-tab:first-child {
  border-right-width: 0;
}
.b-tab:last-child {
  border-left-width: 1px;
}
.b-tab.m-active {
  border-bottom-color: transparent;
  background-color: #fff;
}
.b-tab.m-active,
.b-tab.m-active + .b-tab {
  border-right-color: #d5d5d5;
}
.b-tab__text {
  font-weight: 700;
}

.b-tab--icon {
  padding-top: 8px;
  padding-bottom: 8px;
}

.b-tab__icon {
  font-size: 20px;
  margin-left: 8px;
}

.b-tab-content {
  position: relative;
  padding: 26px 15px;
  min-height: 332px;
}

/*md

# Accordion

## Accordion example:

```html_example
<div class="b-accordion b-footer-accordion" id="footer-accordion">
    <div class="b-accordion__item">
        <button type="button" class="b-accordion__button collapsed"
            data-toggle="collapse" aria-expanded="false" data-target="#headingOne" aria-controls="headingOne">
            <span>Heading 1</span>
            <i class="b-accordion__button-icon b-icon icon icon-chevron-up" aria-hidden="true"></i>
        </button>
        <div id="headingOne" class="collapse" data-parent="#footer-accordion">
            <ul class="b-accordion__body">
                <li>
                    <a href="#" class="b-accordion__link">Lipsum</a>
                </li>
                <li>
                    <a href="#" class="b-accordion__link">Lipsum</a>
                </li>
                <li>
                    <a href="#" class="b-accordion__link">Lipsum</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="b-accordion__item">
        <button type="button" class="b-accordion__button collapsed"
            data-toggle="collapse" aria-expanded="false" data-target="#headingTwo" aria-controls="headingTwo">
            <span>Heading 2</span>
            <i class="b-accordion__button-icon b-icon icon icon-chevron-up"aria-hidden="true"></i>
        </button>
        <div id="headingTwo" class="collapse" data-parent="#footer-accordion">
            <div class="b-accordion__body">
                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
                moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
            </div>
        </div>
    </div>
</div>

<div class="b-block m-margin-t-40">
    <div class="b-accordion b-accordion--type-1" id="pdp-accordion">
        <div class="b-accordion__item">
            <button class="b-accordion__button collapsed" type="button" data-toggle="collapse" data-target="#pdp-details1">
                <span>Label 1</span>
            </button>
            <div id="pdp-details1" class="collapse" data-parent="#pdp-accordion">
                <div class="b-accordion__body">
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                </div>
            </div>
        </div>
        <div class="b-accordion__item">
            <button class="b-accordion__button collapsed" type="button" data-toggle="collapse" data-target="#pdp-details2">
                <span>Label 2</span>
            </button>
            <div id="pdp-details2" class="collapse" data-parent="#pdp-accordion">
                <div class="b-accordion__body">
                    Content 2
                </div>
            </div>
        </div>
        <div class="b-accordion__item">
            <button class="b-accordion__button collapsed" type="button" data-toggle="collapse" data-target="#pdp-details3">
                <span>Label 3</span>
            </button>
            <div id="pdp-details3" class="collapse" data-parent="#pdp-accordion">
                <div class="b-accordion__body">
                    Content 3
                </div>
            </div>
        </div>
    </div>
</div>

```
*/
.b-accordion__item:first-child .b-accordion__button {
  border-top: 1px solid #e6e6e6;
}
.b-accordion__item--bordered {
  border-bottom: 1px solid #e6e6e6;
}
.b-accordion__item--bordered .b-accordion__button {
  border-bottom: 0;
}
.b-accordion__button {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
.b-accordion__button.collapsed .icon {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.b-accordion__button-icon {
  /* stylelint-disable */
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  /* stylelint-enable */
}
.b-accordion__link {
  display: block;
}
.b-accordion--type-1 .b-accordion__button, .b-accordion--type-2 .b-accordion__button {
  padding: 11px 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.b-accordion--type-1 .b-accordion__button::after, .b-accordion--type-2 .b-accordion__button::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA2F";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.b-accordion--type-1 .b-accordion__button.collapsed::after, .b-accordion--type-2 .b-accordion__button.collapsed::after {
  content: "\EA38";
}
.b-accordion--type-1 .b-accordion__body, .b-accordion--type-2 .b-accordion__body {
  padding: 16px 0;
}
.b-accordion--type-2 .b-accordion__button {
  padding: 17px 0 !important;
  border-bottom: 0;
  text-align: right;
}
.b-accordion--type-2 .b-accordion__button:first-child {
  border-top: 0;
}
.b-accordion--type-2 .b-accordion__button::after {
  font-size: 20px;
  margin-right: 2px;
}
.b-accordion--type-2 .b-accordion__item {
  border-bottom: 1px solid #e6e6e6;
}
.b-accordion--type-2 .b-accordion__item:first-child {
  border-top: 1px solid #e6e6e6;
}
.b-accordion--type-2 .b-accordion__body {
  padding-top: 0;
}

.b-accordion-title {
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 30px;
}

.b-accordion-pdcomponent {
  padding: 25px 0;
}

.b-breadcrumbs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  color: #323232;
}
.b-breadcrumbs__item {
  font-size: 12px;
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
.b-breadcrumbs__item--current {
  font-weight: 700;
}
.b-breadcrumbs__link {
  text-decoration: underline;
}
.non-touch .b-breadcrumbs__link:hover {
  text-decoration: none;
}
.b-breadcrumbs__arrow {
  margin: 0 12px;
}
.b-breadcrumbs--plp .b-breadcrumbs__list {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 11px 0 15px;
}
.b-breadcrumbs--plp .b-breadcrumbs__item {
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
}
.b-breadcrumbs--plp .b-breadcrumbs__item--current {
  font-weight: 500;
}
.b-breadcrumbs--plp .b-breadcrumbs__link {
  line-height: 18px;
  position: relative;
  text-decoration: none;
}
.b-breadcrumbs--plp .b-breadcrumbs__link::after {
  background-color: #323232;
  bottom: 1px;
  content: "";
  height: 1px;
  right: 0;
  position: absolute;
  width: 100%;
}
.non-touch .b-breadcrumbs--plp .b-breadcrumbs__link::after:hover {
  background-color: #000;
}
.non-touch .b-breadcrumbs--plp .b-breadcrumbs__link:hover {
  color: #000;
}
.b-breadcrumbs--plp .b-breadcrumbs__arrow {
  margin: 0 8px;
}

.b-modal {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
.b-modal--type-4 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.b-modal--type-4 .b-modal__content {
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 8px 8px 0 0;
}
.b-modal--type-4.b-modal__overflow-visible .b-modal__dialog {
  overflow: visible;
}
.b-modal--type-4 .b-modal__body {
  padding: 0;
}
.b-modal--type-4 .b-modal__header {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 24px;
  padding-top: 6px;
}
.b-modal--type-4 .b-modal__body-content {
  padding: 0 20px 24px;
}
.b-modal--offers-drawer {
  display: block !important;
}
.b-modal--offers-drawer .b-modal__dialog {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.b-modal--offers-drawer .b-modal__close {
  display: none;
}
.b-modal--offers-drawer .b-modal__body {
  padding: 16px 20px;
}
.b-modal--offers-drawer.fade .b-modal__dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-in-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-in-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-in-out;
}
.b-modal--offers-drawer.fade.show .b-modal__dialog {
  bottom: 0;
}
.b-modal--offers-drawer:not(.show) {
  pointer-events: none;
}
.b-modal--confirmation, .b-modal--loginFormModal, .b-modal--requestPasswordResetModal, .b-modal--pdp__sizeChart, .b-modal--ccStoresSelection, .b-modal--over, .b-modal--perfectCorpModal, .b-modal--mergeBagModal {
  z-index: 1001;
}
.b-modal--amberUnlinkModal .b-modal__body {
  padding: 64px 20px 16px !important;
}
.b-modal--amberUnlinkModal .b-modal__body-title {
  font-size: 16px;
  line-height: 24px;
}
.b-modal--amberUnlinkModal .b-modal__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.b-modal--mergeModal .b-modal__body {
  padding: 16px 20px;
}
.b-modal--mergeModal .b-modal__body-header {
  margin-bottom: 16px;
}
.b-modal--mergeModal .b-modal__body-header::after {
  content: "";
  background: #e6e6e6;
  height: 1px;
  width: 100%;
  position: absolute;
  right: 0;
}
.b-modal--mergeModal .b-modal__body-head {
  padding: 0;
}
.b-modal--mergeModal .b-modal__body-title {
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 8px;
}
.b-modal--mergeModal .b-modal__body-subtitle {
  font-size: 16px;
  line-height: 24px;
}
.b-modal__content {
  background-color: #fff;
  color: #323232;
  border-radius: 0;
}
.b-modal__image img {
  width: 100%;
}
.b-modal__dialog {
  display: none;
  pointer-events: none;
  position: relative;
  width: 100%;
}
.b-modal__body {
  padding: 15px 20px 20px;
}
.b-modal__body-description {
  padding: 64px 24px 20px;
}
.b-modal__close {
  position: absolute;
  left: 20px;
  top: 15px;
  z-index: 1;
}
.b-modal.show {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.b-modal.show > .b-modal__dialog {
  display: block;
  pointer-events: all;
}
.b-modal__header {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  background-color: #fff;
  padding: 12px 20px;
}
.b-modal__body-head, .b-modal__main-header {
  background-color: #fff;
  padding: 16px 16px 8px;
}
.b-modal__body-title, .b-modal__main-header-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding: 4px 0 5px;
}
.b-modal__body-title-cc {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 24px;
  padding-bottom: 10px;
}
.b-modal__actions {
  margin-top: 16px;
}
.b-modal__actions--vertical .b-modal__actions-btn {
  margin-top: 10px;
}
.b-modal__actions--vertical .b-modal__actions-btn:first-child {
  margin-top: 0;
}
.b-modal__actions-btn {
  width: 100%;
}
.b-modal__button-set {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  gap: 8px;
}
.b-modal--parentinghubModal .b-modal__dialog {
  max-width: 768px;
  max-height: 98vh;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-modal--parentinghubModal .b-modal__body {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 48px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-modal--parentinghubModal .b-modal__close {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.75);
  left: 1rem;
  top: 1rem;
  border-radius: 100%;
}
.b-modal--parentinghubModal-form {
  max-width: 375px;
}
.b-modal--parentinghubModal-asset {
  text-align: center;
}
.b-modal--parentinghubModal-asset h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  padding: 32px 0 40px 0;
}
.b-modal--parentinghubModal-consent p {
  font-size: 12px;
  line-height: 18px;
}

.modal-open {
  overflow: hidden;
}

.modal-backdrop {
  pointer-events: none;
  visibility: hidden !important;
}

.modal-backdrop,
.b-modal-overlay {
  display: none;
  background-color: #000;
  height: 100vh;
  right: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 999;
}
.modal-backdrop.show,
.b-modal-overlay.show {
  opacity: 0.5;
  display: block;
}

.b-modal--type-1 {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.b-modal--type-1 .b-modal__body {
  padding: 64px 20px 0;
}
.b-modal--type-1 .b-modal__body--regular {
  padding: 20px;
}
.b-modal--type-1 .b-modal__body--padded {
  padding: 64px 20px 20px;
}
.b-modal--type-1 .b-modal__body--padded-lg {
  padding: 60px 20px 32px;
}
.b-modal--type-1 .b-modal__body--form {
  width: 100%;
}
.b-modal--type-1 .b-modal__content {
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 8px 8px 0 0;
}
.b-modal--type-1 .b-modal__header {
  position: absolute;
  padding: 16px 20px 0;
  background-color: #fff;
  -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
          box-shadow: inset 0 -1px 0 #e6e6e6;
  border-radius: 8px 8px 0 0;
  z-index: 15;
  width: 100%;
}
.b-modal--type-1 .b-modal__header--type-2 {
  position: relative;
}
.b-modal--type-1 .b-modal__header-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  width: 100%;
  font-weight: 700;
  padding: 0 20px 8px 0;
  margin: 0 -20px;
}
.b-modal--type-1 .b-modal__close {
  z-index: 100;
}
.b-modal--type-1 .b-modal__footer {
  padding: 0 20px 36px;
}
.b-modal--type-1 .b-modal__footer-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-weight: 700;
  padding-bottom: 8px;
}
.b-modal--type-1 .b-modal__footer-text {
  font-size: 14px;
  line-height: 20px;
}

.b-modal--type-1.side-sheet:not(.b-modal--cartAmberModal) .b-modal__content {
  /* stylelint-disable */
  scrollbar-3dlight-color: #fff;
  scrollbar-arrow-color: #fff;
  scrollbar-base-color: #d5d5d5;
  scrollbar-dark-shadow-color: #fff;
  scrollbar-face-color: #d5d5d5;
  scrollbar-highlight-color: #fff;
  scrollbar-shadow-color: #fff;
  scrollbar-track-color: #fff;
  /* stylelint-enable */
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 8px;
}
.b-modal--type-1.side-sheet:not(.b-modal--cartAmberModal) .b-modal__content::-webkit-scrollbar {
  height: 33px;
  width: 4px;
}
.b-modal--type-1.side-sheet:not(.b-modal--cartAmberModal) .b-modal__content::-webkit-scrollbar-thumb {
  background: #d5d5d5;
  border-radius: 16px;
  margin: 10px;
}
.b-modal--type-1.side-sheet:not(.b-modal--cartAmberModal) .b-modal__content::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 16px;
}

.b-modal--type-1.b-modal--removeOutOfStockModal .b-modal__header {
  position: relative;
}
.b-modal--type-1.b-modal--removeOutOfStockModal .b-modal__body-description {
  padding: 16px 24px 20px;
}
.b-modal--type-3 .b-modal__body {
  padding: 0;
}
.b-modal--type-3 .b-modal__headline {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 20px 16px 44px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.b-modal--type-3 .b-modal__inner {
  padding: 0;
}
.b-modal--type-3 .b-modal__inner .f-field {
  margin-bottom: 8px;
}
.b-modal--type-3 .b-modal__inner .f-input, .b-modal--type-3 .b-modal__inner .f-textarea, .b-modal--type-3 .b-modal__inner .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext, .dockableContainer .embeddedServiceSidebarFormField .b-modal--type-3 .b-modal__inner .slds-style-inputtext {
  color: #797979;
}
.b-modal--type-3 .b-modal__body-text {
  margin-bottom: 16px;
  text-align: center;
}
.b-modal--type-3 .b-modal__actions {
  margin: 0;
}
.b-modal--type-3 .b-modal__list {
  padding: 32px 0;
}
.b-modal--type-3 .b-modal__list-item:not(:last-child) .b-modal__link {
  border-bottom: 1px solid #e6e6e6;
}
.b-modal--type-3 .b-modal__link {
  display: block;
  padding: 8px 0;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

/*md

# Table

## Table example:

```html_example
<table class="b-table">
    <tr class="b-table__row">
        <td class="b-table__cell">Cell</td>
        <td class="b-table__cell">Cell</td>
        <td class="b-table__cell">Cell</td>
        <td class="b-table__cell">Cell</td>
    </tr>
</table>

<table class="b-table">
    <caption class="b_table__title">Title</caption>
    <thead class="b-table__header">
        <tr class="b-table__row">
            <th class="b-table__cell">Cell</th>
        </tr>
    </thead>
    <tbody class="b-table__body">
        <tr class="b-table__row">
            <td class="b-table__cell">Cell</td>
        </tr>
    </tbody>
</table>
```
*/
.b-table {
  border: 1px solid #e6e6e6;
  border-collapse: collapse;
  padding: 8px 16px 24px;
  width: 100%;
}
.b-table--borderless {
  border: none;
  padding: 0;
}
.b-table__title {
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-bottom: none;
  padding: 16px;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-table__header {
  border-bottom: 1px solid #e6e6e6;
  text-align: right;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-table__row {
  border-bottom: 1px solid #e6e6e6;
}
.b-table__row:last-child {
  border-bottom: none;
}
.b-table__cell {
  padding: 14px 0;
  vertical-align: middle;
}
.b-table__cell-right {
  text-align: left;
}

.b-helpinfo {
  border: 1px solid #e6e6e6;
  max-width: 600px;
}
.b-helpinfo__heading {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 16px 12px;
}
.b-helpinfo__content {
  padding: 22px 15px;
}
.b-helpinfo__details {
  margin-top: 14px;
}

.b-helptype {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
.b-helptype:first-child {
  margin-top: 0;
}
.b-helptype__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
.b-helptype__label-text {
  margin-left: 4px;
}
.b-helptype__icon {
  margin-left: 10px;
  line-height: 1;
  vertical-align: top;
}
.b-helptype__value {
  font-weight: 500;
}

.b-helphint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-helphint .b-iconlink {
  margin-right: 15px;
}

/*md

# Carousel

## Carousel example:

```html_example
<div class="b-carousel">
    <div class="b-carousel__element js-carousel"
        data-config='{
            "slidesToShow": 1,
            "responsive":[
                {
                    "breakpoint": "lg",
                    "settings": {
                        "slidesToShow": 2
                    }
                }
            ]
        }'
    >
        <div class="b-carousel__slide">
            <img src="https://via.placeholder.com/1000x400" alt="">
        </div>
        <div class="b-carousel__slide">
            <img src="https://via.placeholder.com/1000x400" alt="">
        </div>
        <div class="b-carousel__slide">
            <img src="https://via.placeholder.com/1000x400" alt="">
        </div>
            <div class="b-carousel__slide">
            <img src="https://via.placeholder.com/1000x400" alt="">
        </div>
            <div class="b-carousel__slide">
            <img src="https://via.placeholder.com/1000x400" alt="">
        </div>
    </div>
</div>
```
*/
.b-carousel--arrows-top .b-carousel__arrow {
  bottom: 100%;
  font-size: 24px;
  top: auto;
  -webkit-transform: translateY(-41px) scaleX(-1);
      -ms-transform: translateY(-41px) scaleX(-1);
          transform: translateY(-41px) scaleX(-1);
}
.b-carousel--arrows-top .b-carousel__arrow--prev {
  right: auto;
  left: 40px;
}
.b-carousel--arrows-size-lg .b-carousel__arrow {
  font-size: 32px;
}
.b-carousel--product .slick-list {
  margin: 0 -4px;
}
.b-carousel__arrow.slick-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.b-carousel__index {
  margin-top: 8px;
  text-align: center;
}
.b-carousel__index-text {
  font-size: 12px;
  line-height: 18px;
  color: #797979;
}
.b-carousel__dots {
  margin-top: 16px;
}
.b-carousel__dots li {
  margin: 0 4px;
}
.b-carousel__dots li.slick-active button {
  background-color: #5b6674;
}
.b-carousel__dots button {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #d5d5d5;
  font-size: 0;
  display: block;
}
.b-carousel--dots-type-1 .b-carousel__dots {
  padding-top: 24px;
}
.b-carousel--dots-type-1 .b-carousel__dots li {
  margin: 0 6px;
}
.b-carousel--dots-type-1 .b-carousel__dots li.slick-active button {
  background: #323232;
}
.b-carousel--dots-type-1 .b-carousel__dots button {
  width: 24px;
  height: 4px;
  background: #c3c3c3;
  border-radius: 0;
  cursor: pointer;
  font-size: 0;
}
.b-carousel .carousel-inner {
  padding: 0 20px;
}

.b-catsrec {
  margin-bottom: 28px;
}
.b-catsrec__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.b-catsrec__header {
  padding: 8px 0 12px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 19px;
}
.b-catsrec__carousel-el {
  padding-bottom: 16px;
}
.b-catsrec__item {
  margin: 0 8px;
}

.b-catsreccat {
  text-align: center;
}
.b-catsreccat, .b-catsreccat__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.b-catsreccat__info {
  padding-top: 8px;
}
.b-catsreccat__name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-catsreccat__image {
  overflow: hidden;
}
.b-catsreccat__image::before {
  content: "";
  float: right;
  padding-bottom: 133.3333333333%;
}
.b-catsreccat__cta {
  margin-top: 8px;
}

.b-cookie {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  -webkit-box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  right: 0;
  overflow: hidden;
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.b-cookie__content,
.b-cookie__content > .content-asset {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
}

.b-cookie__close {
  background: none;
  border: 0;
  color: #fff;
  margin: 0 15px 0 0;
  outline: 0;
  font-size: 20px;
  line-height: 1;
}

.b-sizeguide__description {
  font-size: 14px;
  line-height: 20px;
  padding: 20px 0 16px;
  margin: 0;
}

.b-sizechart {
  padding-bottom: 16px;
}
.b-sizechart__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 8px;
}
.b-sizechart .f-field--select {
  margin-bottom: 16px;
}
.b-sizechart .select2-selection__placeholder {
  color: #323232;
}
.b-sizechart .select2-selection--single.select2-selection {
  padding: 0;
}
.b-sizechart .select2-selection__rendered {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 6px;
}

.b-sizechart__selector--options .select2-results__option {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 6px;
}

.b-sizeguide__table {
  border-collapse: collapse;
  text-align: center;
}
.b-sizeguide__table .b-table__header {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}
.b-sizeguide__table .b-table__row {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.b-sizeguide__table .b-table__cell {
  font-size: 14px;
  line-height: 20px;
  display: table-cell;
  padding: 10px 16px;
  border: 1px solid #e6e6e6;
}

#shareAPIPolyfill-backdrop {
  z-index: 999;
}

#shareAPIPolyfill-container {
  z-index: 1000;
}

.b-savedcard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -20px;
  padding: 16px 20px;
  position: relative;
}
.b-savedcard:first-child {
  padding-top: 0;
}
.b-savedcard.m-active .b-savedcard__header::before, .b-savedcard.m-selected .b-savedcard__header::before {
  background-color: #323232;
  border: none;
}
.b-savedcard.m-active .b-savedcard__header::after, .b-savedcard.m-selected .b-savedcard__header::after {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.b-savedcard__header {
  width: 20px;
  height: 20px;
  margin-left: 20px;
  position: relative;
}
.b-savedcard__header::before {
  content: "";
  display: block;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #c3c3c3;
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
.b-savedcard__title, .b-savedcard__body-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: right;
}
.b-savedcard__body {
  font-size: 16px;
  line-height: 24px;
  color: #323232;
  position: relative;
  width: 100%;
}
.b-payment .b-savedcard__body {
  padding: 0;
}
.b-savedcard__actions {
  margin-top: 8px;
}
.b-savedcard__actions .icon {
  height: 13px;
  width: 13px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.b-savedcard__actions .icon::before {
  font-size: 13px;
}
.b-savedcard__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-savedcard__action-text {
  font-size: 16px;
  line-height: 24px;
  -webkit-box-shadow: inset 0 -1px 0 #323232;
          box-shadow: inset 0 -1px 0 #323232;
  font-weight: 500;
}
.b-savedcard__content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}
.b-savedcard__content-item:first-child {
  margin-top: 5px;
}
.b-savedcard__content-item-value {
  width: 70%;
}

.b-card {
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
}
.b-card__head {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
}
.b-card__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-card__body {
  padding: 16px;
  width: 100%;
}
.b-card__list-item {
  margin-top: 14px;
}
.b-card__list-item:first-child {
  margin-top: 0;
}

.b-addresspicker {
  position: relative;
  margin-bottom: 16px;
}
.b-addresspicker .f-radiocheck:checked ~ .b-savedcard {
  border-color: #000;
}
.b-addresspicker .b-savedcard {
  margin-bottom: 0;
  padding-right: 45px;
}
.b-addresspicker .f-radiocheck__label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.b-addresspicker .f-radiocheck__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.b-addresspicker__action {
  padding: 0 24px;
  margin-top: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-addresspicker__action-link {
  position: relative;
  z-index: 1;
  text-decoration: underline;
}

.b-ccstorelist {
  margin-bottom: 15px;
}

.b-ccstore {
  position: relative;
  padding: 16px;
  margin-top: 8px;
}
.b-ccstore.m-selected {
  border-color: #000;
  background-color: #f8f8f8;
}
.b-ccstore.m-selected .b-ccstore__hideon-selected {
  display: none;
}
.b-ccstore.m-selected .b-ccstore__showon-selected {
  display: block;
}
.b-ccstore.m-selected .b-ccstore__check::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  display: block;
  vertical-align: top;
  background-color: #3f999c;
  color: #fff;
  text-align: center;
  line-height: 20px;
  border: none;
  border-radius: 100%;
}
.b-ccstore__showon-selected {
  display: none;
}
.b-ccstore__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-ccstore__inner .b-badges__item,
.b-ccstore__inner .btn__text {
  white-space: initial;
}
.b-ccstore__info {
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-ccstore__content {
  font-size: 12px;
  line-height: 18px;
}
.b-ccstore__name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 5px;
}
.b-ccstore__details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-ccstore__address {
  color: #797979;
}
.b-ccstore__cta {
  min-width: 140px;
  white-space: nowrap;
}
.b-ccstore__check {
  margin-left: 16px;
}
.b-ccstore__check::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #d5d5d5;
}
.b-ccstore__check:disabled {
  cursor: default;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -o-transition: transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  -o-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -o-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.pswp--zoomed-in .pswp__img {
  cursor: url("../../images/zoom-close.svg"), auto;
}

.pswp--animate_opacity {
  opacity: 1;
}
.pswp__img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.pswp__ui .pswp__button--close,
.pswp__ui-imagecontrols .pswp__button--close {
  background-color: #fff;
  opacity: 1;
  width: 32px;
  height: 32px;
}
.pswp__ui .pswp__button--close::before,
.pswp__ui-imagecontrols .pswp__button--close::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA18";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: 24px;
}
.pswp__ui .pswp__button--arrow--left,
.pswp__ui .pswp__button--arrow--right,
.pswp__ui-imagecontrols .pswp__button--arrow--left,
.pswp__ui-imagecontrols .pswp__button--arrow--right {
  font-size: 48px;
}
.pswp__ui .pswp__button--arrow--left::before,
.pswp__ui .pswp__button--arrow--right::before,
.pswp__ui-imagecontrols .pswp__button--arrow--left::before,
.pswp__ui-imagecontrols .pswp__button--arrow--right::before {
  width: auto;
  background-color: transparent;
}
.pswp__ui .pswp__button--arrow--left::before,
.pswp__ui-imagecontrols .pswp__button--arrow--left::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA14";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.pswp__ui .pswp__button--arrow--right::before,
.pswp__ui-imagecontrols .pswp__button--arrow--right::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA15";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}

.pswp__ui .pswp__button--arrow--left,
.pswp__ui .pswp__button--arrow--right,
.pswp__ui .pswp__counter {
  display: none;
}
.pswp__ui .pswp__top-bar {
  display: none;
  background-color: transparent;
}
.pswp--zoomed-in .pswp__ui .pswp__top-bar {
  display: block;
}
.pswp__ui--idle .pswp__ui .pswp__top-bar {
  opacity: 1;
}

.pswp__ui-imagecontrols {
  position: absolute;
  top: 0;
  left: 0;
}
.pswp__ui-imagecontrols .pswp__button--close {
  position: absolute;
  right: 0;
  top: 0;
}
.pswp__ui-imagecontrols .pswp__button--arrow--left,
.pswp__ui-imagecontrols .pswp__button--arrow--right {
  position: fixed;
  top: 50%;
}
.pswp--zoomed-in .pswp__ui-imagecontrols, .pswp--dragging .pswp__ui-imagecontrols {
  display: none;
}
.b-checkbox-panel {
  padding: 12px 16px;
  margin-bottom: 16px;
  border: 1px solid #e6e6e6;
  background: #f8f8f8;
}
.b-checkbox-panel .f-field {
  margin: 0;
}
.b-checkbox-panel .b-icon {
  margin-left: 10px;
}
.b-checkbox-panel .f-checkbox__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-checkbox-panel .f-checkbox ~ .f-checkbox__label .f-checkbox__label-icon {
  margin-left: 16px;
}
.b-checkbox-panel__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b-checkbox-panel__text {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  color: #797979;
}

.b-progress-bar {
  margin: auto auto 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-progress-bar__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.b-progress-bar__item::before {
  content: "";
  border-bottom: 2px solid #d5d5d5;
  width: 100%;
  position: absolute;
  top: 20px;
  right: -50%;
  z-index: 2;
}
.b-progress-bar__item:first-child::before {
  content: none;
}
.b-progress-bar__item:last-child::after {
  content: none;
}
.b-progress-bar__box {
  font-size: 16px;
  line-height: 22px;
  border-radius: 50%;
  background-color: #fff;
  border: 4px solid #d5d5d5;
  color: #d5d5d5;
  font-weight: 500;
  width: 40px;
  height: 40px;
  position: relative;
  z-index: 5;
}
.b-progress-bar__counter, .b-progress-bar__icon {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.b-progress-bar__icon {
  display: none;
}
.b-progress-bar__name {
  font-size: 12px;
  line-height: 18px;
  color: #d5d5d5;
  margin-top: 8px;
}

[data-checkout-stage=shipping] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=shipping] .b-progress-bar__item--shipping .b-progress-bar__name,
[data-checkout-stage=shipping_options] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=shipping_options] .b-progress-bar__item--shipping .b-progress-bar__name,
[data-checkout-stage=gift_options] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=gift_options] .b-progress-bar__item--shipping .b-progress-bar__name {
  color: #111;
}
[data-checkout-stage=shipping] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=shipping_options] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=gift_options] .b-progress-bar__item--shipping .b-progress-bar__box {
  border-color: #111;
}
[data-checkout-stage=shipping] .b-progress-bar__item--payment::before,
[data-checkout-stage=shipping_options] .b-progress-bar__item--payment::before,
[data-checkout-stage=gift_options] .b-progress-bar__item--payment::before {
  border-bottom: 2px solid #111;
}

[data-checkout-stage=payment] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=payment] .b-progress-bar__item--shipping .b-progress-bar__name,
[data-checkout-stage=payment] .b-progress-bar__item--payment .b-progress-bar__box,
[data-checkout-stage=payment] .b-progress-bar__item--payment .b-progress-bar__name {
  color: #111;
}
[data-checkout-stage=payment] .b-progress-bar__item--shipping .b-progress-bar__box,
[data-checkout-stage=payment] .b-progress-bar__item--payment .b-progress-bar__box {
  border-color: #111;
}
[data-checkout-stage=payment] .b-progress-bar__item--payment::before,
[data-checkout-stage=payment] .b-progress-bar__item--complete::before {
  border-bottom: 2px solid #111;
}
[data-checkout-stage=payment] .b-progress-bar__item--shipping .b-progress-bar__counter {
  display: none;
}
[data-checkout-stage=payment] .b-progress-bar__item--shipping .b-progress-bar__icon {
  display: block;
}

.b-create-account {
  font-size: 16px;
  line-height: 24px;
  background-color: #ecf5f5;
  padding: 18px 20px;
}
.b-create-account .f-checkbox__label-text {
  font-weight: 500;
}
.b-create-account--checkout {
  display: none;
  margin: 0 0 24px;
}
.b-create-account__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.b-create-account__text {
  margin-top: 8px;
}

.b-create-account-form {
  margin-top: 16px;
}
.b-create-account-form .b-terms-and-conditions {
  font-size: 12px;
  line-height: 19px;
  margin-top: 16px;
}
.b-create-account-form .f-field {
  margin-bottom: 0;
}
.b-create-account-form .f-field__label::after, .b-create-account-form .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .b-create-account-form .uiLabel-left::after {
  content: none;
}
.b-create-account-form .f-field__input-password {
  font-size: 14px;
  line-height: 20px;
}

.b-create-account-btn {
  margin-top: 24px;
}

.b-contactus {
  border: 1px solid #e6e6e6;
  padding: 16px;
}
.b-contactus__help-wrapper {
  text-align: center;
}
.b-contactus__help-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.b-contactus__help-text {
  font-size: 12px;
  line-height: 18px;
}
.b-contactus__help-link {
  font-weight: 500;
  text-decoration: underline;
}
.non-touch .b-contactus__help-link:hover {
  text-decoration: none;
}
.b-contactus .iti__selected-dial-code {
  color: #797979;
}

.b-contactusform {
  padding-top: 30px;
}
.b-contactusform__heading {
  text-align: center;
}
.b-contactusform .f-field {
  margin-bottom: 16px;
}

.b-login,
.b-reset-password,
.b-new-password,
.b-password-changed {
  width: 100%;
  margin: 0 auto;
}

.b-login-page .b-pagetitle {
  margin-bottom: 16px;
}

.b-login-ctalink {
  font-weight: 500;
}
.b-reset-password-page .b-heading__text,
.b-new-password .b-heading__text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 16px;
}

.b-new-password .f-field {
  margin-bottom: 16px;
}
.b-new-password .f-field__text {
  font-size: 16px;
  line-height: 24px;
}
.b-new-password .b-error-password {
  margin-bottom: 16px;
}

.alert-message {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.b-password-changed {
  text-align: center;
  padding-top: 16px;
}
.b-password-changed__icon {
  border: 1px solid #323232;
  border-radius: 100%;
  margin-bottom: 16px;
  padding: 20px;
}
.b-password-changed__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 16px;
}
.b-password-changed__subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}

.b-modal--login-form-modal .b-modal__body-title,
.b-modal--passwordReset-form-modal .b-modal__body-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  padding: 0;
}
.b-modal--login-form-modal .m-text--icon,
.b-modal--passwordReset-form-modal .m-text--icon {
  font-size: 24px !important;
  padding: 0;
}

.b-reset-password__form .f-field {
  margin-bottom: 16px;
}

.b-login__create-account {
  font-size: 16px;
  line-height: 24px;
  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;
}
.b-login__create-account--modal {
  padding: 24px 0;
}
.b-login__create-account--modal .b-login__create-account-text {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
}
.b-login__create-account--modal .b-login__create-account-btn {
  font-size: 16px;
  line-height: 24px;
  font-family: "Tajawal", sans-serif;
  color: #3f999c;
  font-weight: 500;
  padding-right: 8px;
}

.b-login__create-account-text {
  color: #323232;
  margin-left: 8px;
}

.b-login__create-account-button {
  margin: 24px 0;
}

.b-login__create-account-link {
  color: #3f999c;
  font-weight: 500;
  text-decoration: underline;
}

.b-login__form,
.b-register-form {
  width: 100%;
}
.b-login__form .f-field,
.b-register-form .f-field {
  margin-bottom: 16px;
}

.b-login-oauth {
  position: relative;
}
.b-login-oauth__item:not(:last-child) {
  padding-bottom: 12px;
}
.b-login-oauth__item--checkout {
  margin-left: 8px;
  text-transform: uppercase;
}
.b-login-oauth__item--checkout :last-child {
  margin-left: 0;
}
.b-login-oauth__button-checkout {
  margin-left: 8px;
  text-transform: uppercase;
}
.b-login-oauth__button {
  border-color: #d5d5d5;
  background-color: #fff;
  color: #323232;
  position: relative;
  padding: 8px 20px;
}
.non-touch .b-login-oauth__button:hover {
  border-color: inherit;
}
.b-login-oauth__button-icon {
  font-size: 20px;
  line-height: 1;
  position: absolute;
  right: 20px;
}
.b-login-oauth__button-icon--facebook, .b-login-oauth__button-icon--google {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.b-login-oauth__button-icon--google {
  background-image: url("../../images/login-googleplus.svg");
}
.b-login-oauth__button-icon--facebook {
  background-image: url("../../images/login-facebook.svg");
}
.b-login-oauth__button-icon--apple::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA07";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  font-size: 24px;
  display: block;
  margin-top: -2px;
}
.b-login-oauth__apple > div {
  max-width: none !important;
  cursor: pointer;
}
.b-checkout-login__create-account .f-field__text,
.b-checkout-login__create-account .b-ctalink {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.08px;
}
.b-checkout-login__heading {
  display: none;
}
.b-checkout-login__desc {
  font-size: 16px;
  line-height: 20px;
  margin: 8px 0 16px;
}
.b-checkout-login__row {
  width: 100%;
}
.b-checkout-login__row .b-login-oauth__item {
  width: 100%;
}
.b-checkout-login__row .b-login__form-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 18px;
}
.b-checkout-login__row .b-login__form-text {
  margin-left: 6px;
}
.b-checkout-login__row .b-register-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  padding: 4px 0;
}
.b-checkout-login__row .b-register-text {
  margin-left: 6px;
}
.b-checkout-login__row .f-field__input-password {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.b-checkout-login__row .f-field__text-with-border {
  margin: 24px 0 !important;
}
.b-checkout-login__row .f-field__text-with-border span {
  font-weight: 500;
}
.b-checkout-login__row .f-form__row-btn .btn, .b-checkout-login__row .f-form__row-btn .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-checkout-login__row .f-form__row-btn .embeddedServiceSidebarButton.uiButton--default,
.b-checkout-login__row .f-form__row-btn .dockableContainer .embeddedServiceSidebarButton.uiButton,
.dockableContainer .b-checkout-login__row .f-form__row-btn .embeddedServiceSidebarButton.uiButton, .b-checkout-login__row .f-form__row-btn .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-checkout-login__row .f-form__row-btn .embeddedServiceSidebarButton.uiButton--inverse {
  width: 100%;
}
.b-checkout-login__row .f-form__row-btn .b-ctalink {
  -webkit-box-shadow: inset 0 -1px 0 #368e90;
          box-shadow: inset 0 -1px 0 #368e90;
  margin-bottom: 16px;
  padding: 0;
  text-decoration: none;
}
.b-checkout-login__radio-subheading {
  font-size: 16px;
  line-height: 24px;
}
.b-checkout-login__col {
  width: 100%;
}
.b-checkout-login__divider {
  background: #e6e6e6;
  width: 1px;
}
.b-checkout-login__text {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}
.b-checkout-login__guest-btn {
  margin-top: 0;
}
.b-checkout-login__content {
  display: none;
  margin-top: 16px;
}
.b-checkout-login__content .btn, .b-checkout-login__content .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-checkout-login__content .embeddedServiceSidebarButton.uiButton--default,
.b-checkout-login__content .dockableContainer .embeddedServiceSidebarButton.uiButton,
.dockableContainer .b-checkout-login__content .embeddedServiceSidebarButton.uiButton, .b-checkout-login__content .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-checkout-login__content .embeddedServiceSidebarButton.uiButton--inverse {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  height: 44px;
}
.b-checkout-login__radio:checked ~ .b-checkout-login__content {
  display: block;
}
.b-checkout-login__radio-area {
  border: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  padding: 16px;
  position: relative;
  width: 100%;
}
.b-checkout-login__radio-heading {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin: 0 32px 4px 0;
}
.b-checkout-login .grecaptcha-badge {
  width: 256px;
  height: 60px;
  display: block;
  -webkit-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  position: fixed;
  bottom: 14px;
  left: -186px;
  -webkit-box-shadow: 0 0 5px gray;
          box-shadow: 0 0 5px gray;
  border-radius: 2px;
  overflow: hidden;
  z-index: 99999;
  visibility: visible !important;
}

.b-ctalink-email {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  font-weight: 500;
  color: #3f999c;
}

.b-login-button {
  min-width: 140px;
}

.b-reset-form-btn {
  margin: 24px 0;
}

.b-register-offer {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-register-offer .f-checkbox__label-text {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 12px 10px 6px;
}
.b-register-offer .icon-info-wrap {
  font-size: 20px;
  margin-top: 6px;
}
.b-register-offer .icon-info-wrap .tooltip {
  width: 100%;
}
.b-register-offer .f-checkbox__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-register-offer .f-checkbox__label-text {
  font-size: 16px;
  line-height: 20px;
  color: #323232;
}
.b-register-offer .f-checkbox ~ .f-checkbox__label .f-checkbox__label-icon {
  margin-left: 0;
}

.tooltip-inner {
  font-size: 14px;
  line-height: 20px;
  max-width: 329px;
  text-align: right;
  padding: 12px 16px;
}

.b-salutation-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-salutation-container .f-field {
  margin-bottom: 16px;
  margin-left: 32px;
}

.b-salutation-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-salutation-container .f-field {
  margin-bottom: 16px;
  margin-left: 32px;
}

.b-first-last-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 12px;
}
.b-first-last-container .f-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.b-addressinfo {
  font-size: 16px;
  line-height: 24px;
}
.b-addressinfo__username {
  font-weight: 700;
}
.b-addressinfo__title {
  color: #111;
  font-weight: 500;
}

.b-register {
  width: 100%;
  margin: 0 auto;
  padding: 16px 0 32px;
}
.b-register .b-icon-facebook {
  background-image: url("../../images/login-facebook.svg");
}
.b-register-form .b-heading {
  padding: 16px 0 8px;
  margin: 0 0 16px;
}
html[lang=en] .b-register-form .b-salutation-container .is-invalid:first-child {
  margin-left: -7px;
}
.b-register-form .h-visibility-hidden {
  height: 0;
}
.b-register-form .b-ctalink {
  display: inline;
  padding: 0;
}
.b-register-form .b-first-last-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 12px;
}
.b-register-form .b-first-last-container .f-field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.b-register__footer {
  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;
  margin: 24px 0;
}

.b-register__footer-heading {
  font-size: 16px;
  line-height: 24px;
  padding-left: 8px;
}
.b-register__footer-heading--link {
  color: #3f999c;
  font-weight: 500;
  text-decoration: underline;
}

.b-login-seperator {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
  margin: 24px 0;
  line-height: 1.6px;
}
.b-login-seperator__title {
  color: #797979;
  background: #fff;
  padding: 0 8px;
}

.b-socialregister__social--icon {
  width: 32px;
  height: 32px;
  margin: 8px 0 16px;
}
.b-socialregister__text {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 8px;
}
.b-socialregister .b-pagetitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-socialregister .b-pagetitle__title {
  margin-bottom: 8px;
}
.b-socialregister .f-field__label::after, .b-socialregister .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .b-socialregister .uiLabel-left::after {
  display: none;
}
.b-socialregister__button {
  margin: 8px 0 24px;
}

.b-child-management {
  padding: 0 20px;
  position: relative;
}
.b-child-management[data-eligible-for-childs=false] .b-child-management__childssection {
  display: none !important;
}
.b-child-management__register-page {
  border: 1px solid #e6e6e6;
  margin: 8px 0 24px;
  padding: 20px;
  background-color: rgba(63, 153, 156, 0.1);
}
.b-child-management__top .f-field {
  padding: 10px 0;
  margin: 0;
}
.b-child-management__top .f-field__label-title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
.b-child-management__top .f-field__label-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
}
.b-child-management__top .f-radio__label-text {
  font-size: 16px !important;
}
.b-child-management__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-right: 0;
  border-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -16px;
  padding: 16px 16px 12px;
}
.b-child-management__header[data-showon-mode=a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
[data-block-mode=b] .b-child-management__header {
  display: none;
}
.b-child-management__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.b-child-management__action {
  color: #3f999c;
}
.b-child-management__button-save {
  margin-top: 24px;
}
.b-child-management__button-add--name-gender, .b-child-management__button-add-child {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.b-child-management__button-add-child {
  color: #323232;
}
.b-child-management__button-add--name-gender {
  color: #3f999c;
  margin-bottom: 16px;
}
.b-child-management .b-alert {
  margin-bottom: 16px;
}
.b-child-management .b-alert__text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.b-child-management__edit {
  margin: 16px 16px 16px 0;
}
.b-child-management__edit--arrow {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.b-child-management__edit .f-field {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.b-child-management__edit .f-field__control-holder:first-child {
  padding: 0 12px;
}
.b-child-management__edit .f-field .select2-selection--single.is-invalid {
  border-color: #a42337 !important;
}
.b-child-management__edit .f-input__btn {
  top: 26px;
}
.b-child-management__edit .is-invalid + .f-input__reset-btn {
  display: block;
}
.b-child-management .b-date-container.f-field {
  margin-bottom: 16px;
}
.b-child-management .select2-container {
  width: 100% !important;
}
.b-child-management .invalid-date {
  border-color: #a42337;
  color: #a42337;
}

.b-child-date-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.b-child-date-remove {
  text-decoration: underline;
  cursor: pointer;
}

.b-saved-children {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 16px 12px;
  margin-bottom: 16px;
}
.b-saved-children__title {
  text-transform: uppercase;
  width: calc(100% - 100px);
}

.datepicker--cell {
  height: 24px;
  border-radius: 0;
  font-size: 12px;
}
.datepicker--cell.-selected-, .datepicker--cell.-edit- {
  border-radius: 50%;
  background: #3f999c;
}
.datepicker--cell.-current- {
  color: #3f999c;
  border-radius: 50%;
  border: 2px solid #3f999c;
}
.datepicker--cell.-edit- {
  color: #fff;
}

.b-no-content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
}
.b-no-content.b-no-content--static {
  position: static;
}
.b-no-content.b-no-content--bordered {
  border: 1px solid #e6e6e6;
}
.b-no-content__icon {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 16px;
}
.b-no-content__title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
}
.b-no-content__text {
  color: #797979;
  display: block;
  margin-bottom: 16px;
}

.b-attribute {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 0 8px;
}
.b-attribute--color-circle {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  margin-left: 6px;
  vertical-align: text-bottom;
  width: 16px;
}
.b-attribute--color-text {
  display: inline-block;
}
.b-attribute--qty .b-attribute__values {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-attribute--qty .b-attribute__values .b-availability {
  display: none;
}
.b-attribute--qty .b-availability__msg {
  color: #a42337;
}
.b-attribute__heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.b-attribute__values {
  width: 100%;
}
.b-attribute__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b-attribute__color {
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #d5d5d5;
          box-shadow: 0 0 0 1px #fff, 0 0 0 2px #d5d5d5;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32px;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  height: 32px;
  overflow: hidden;
  position: relative;
  width: 32px;
}
.b-attribute__color.b-attribute-values__item {
  margin: 2px 2px 2px 16px;
}
.b-attribute__color.m-selected {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #5b6674;
          box-shadow: 0 0 0 1px #fff, 0 0 0 2px #5b6674;
}
.b-attribute__color.m-selected::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA10";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
  color: #fff;
  right: 50%;
  position: absolute;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  top: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.b-attribute__color.unselectable {
  opacity: 0.2;
  pointer-events: none;
}
.b-attribute__swatch {
  background-size: contain;
  display: block;
  height: 100%;
  width: 100%;
}
.b-attribute__qty, .b-attribute__qty-select {
  width: 100%;
}

.b-attribute-values {
  margin: 0 -20px;
  padding-right: 20px;
}
.b-attribute-values__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
}
.b-attribute-values__list::after {
  content: "";
  display: block;
  min-width: 20px;
  width: 20px;
}
.b-attribute-values__btn {
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: #797979;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 14px;
  line-height: 16px;
  min-width: 36px;
  overflow: hidden;
  padding: 9px 8px;
  position: relative;
}
.b-attribute-values__btn.m-selected {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.b-attribute-values__btn.m-disabled {
  cursor: default;
  opacity: 0.5;
  text-decoration: line-through;
}
.b-attribute-values__btn:disabled {
  pointer-events: none;
}
.b-attribute-values__item {
  margin: 0 0 8px 8px;
}

.select2-container--swatch .select2-results__option {
  padding: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-size: 15px;
}

.b-offers-drawer {
  --mnp-offers-drawer-btn-bg: #2b2b2b;
  --mnp-offers-drawer-btn-color: #fff;
  --mnp-offers-drawer-btn-padding-x: 8px;
  --mnp-offers-drawer-btn-padding-y: 12px;
  --mnp-offers-drawer-btn-margin-b: 16px;
  --mnp-offers-drawer-btn-max-w: 580px;
  --mnp-offers-drawer-btn-max-w-m: 240px;
  --mnp-offers-drawer-btn-margin-active: calc(var(--mnp-offers-drawer-btn-margin-b) + var(--mnp-offers-drawer-image-height) + (var(--mnp-offers-drawer-padding-y) * 2));
  --mnp-offers-drawer-btn-border-radius: 8px;
  --mnp-offers-drawer-btn-icon-rotate: 0deg;
  --mnp-offers-drawer-image-height: 190px;
  --mnp-offers-drawer-padding-y: 16px;
  --mnp-offers-drawer-gap: 16px;
}
.b-offers-drawer__btn {
  /* stylelint-disable */
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: ease-in-out;
       -o-transition-delay: ease-in-out;
          transition-delay: ease-in-out;
  /* stylelint-enable */
  color: var(--mnp-offers-drawer-btn-color);
  background: var(--mnp-offers-drawer-btn-bg);
  padding: var(--mnp-offers-drawer-btn-padding-x) var(--mnp-offers-drawer-btn-padding-y);
  border-radius: var(--mnp-offers-drawer-btn-border-radius);
  position: fixed;
  z-index: 13;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  bottom: var(--mnp-offers-drawer-btn-margin-b);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: unset;
  max-width: var(--mnp-offers-drawer-btn-max-w);
  width: 100%;
  overflow: hidden;
}
.b-offers-drawer__btn.m-active {
  --mnp-offers-drawer-btn-icon-rotate: 180deg;
  --mnp-offers-drawer-btn-margin-b: var(--mnp-offers-drawer-btn-margin-active);
  z-index: 1002;
}
.b-offers-drawer__btn-content {
  padding-left: 36px;
}
.b-offers-drawer__btn-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-offers-drawer__btn-desc {
  height: 18px;
}
.b-offers-drawer__btn-text {
  font-size: 12px;
  line-height: 18px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  /* stylelint-disable */
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: ease-in-out;
       -o-transition-delay: ease-in-out;
          transition-delay: ease-in-out;
  /* stylelint-enable */
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}
.b-offers-drawer__btn-text.m-active {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.b-offers-drawer__btn-icon {
  /* stylelint-disable */
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0;
       -o-transition-delay: 0;
          transition-delay: 0;
  /* stylelint-enable */
  position: absolute;
  left: var(--mnp-offers-drawer-btn-padding-y);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  rotate: var(--mnp-offers-drawer-btn-icon-rotate);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
}
.b-offers-drawer .drawer-img {
  width: 100%;
  height: var(--mnp-offers-drawer-image-height);
  -o-object-fit: cover;
     object-fit: cover;
}
.b-offers-drawer .slick-track {
  gap: var(--mnp-offers-drawer-gap);
}

.b-mnp-and-me {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  padding: 16px;
  border: 1px solid #3f999c;
}
.b-mnp-and-me__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  padding: 16px 0 8px;
}
.b-mnp-and-me__subititle {
  font-size: 12px;
  line-height: 18px;
}
.b-mnp-and-me__button {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  margin: 16px 0;
  width: 100%;
}
.b-mnp-and-me__images {
  max-width: 400px;
}

.b-timer-loader {
  width: 24px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 3px solid #323232;
  margin-top: 16px;
  -webkit-animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
          animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}

@-webkit-keyframes l20-1 {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}

@keyframes l20-1 {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  62.5% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}
@-webkit-keyframes l20-2 {
  0% {
    -webkit-transform: scaleY(1) rotate(0deg);
            transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    -webkit-transform: scaleY(1) rotate(-135deg);
            transform: scaleY(1) rotate(-135deg);
  }
  50% {
    -webkit-transform: scaleY(-1) rotate(0deg);
            transform: scaleY(-1) rotate(0deg);
  }
  100% {
    -webkit-transform: scaleY(-1) rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
  }
}
@keyframes l20-2 {
  0% {
    -webkit-transform: scaleY(1) rotate(0deg);
            transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    -webkit-transform: scaleY(1) rotate(-135deg);
            transform: scaleY(1) rotate(-135deg);
  }
  50% {
    -webkit-transform: scaleY(-1) rotate(0deg);
            transform: scaleY(-1) rotate(0deg);
  }
  100% {
    -webkit-transform: scaleY(-1) rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
  }
}
.popover {
  font-size: 14px;
  line-height: 20px;
  background-color: #000;
  border: 0;
  border-radius: 4px;
  font-weight: 400;
  max-width: 330px;
  left: 0 ;
  right: auto ;
}
.popover .arrow {
  margin: 0;
}
.popover .arrow::after {
  display: none;
}
.popover a,
.popover a:hover {
  color: inherit;
}
.popover ul {
  margin-right: 16px;
  margin-top: 8px;
}
.popover ul li {
  list-style-type: disc;
}
.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^=bottom] .arrow {
  top: -8px;
}
.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #000;
}
.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^=top] .arrow {
  bottom: -8px;
}
.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^=top] .arrow::before {
  border-top-color: #000;
}
.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^=left] {
  margin-left: 12px;
}
.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^=left] .arrow::before {
  border-right-color: #000;
}
.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^=right] {
  margin-right: 12px;
}
.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^=right] .arrow::before {
  border-left-color: #000;
}
.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^=top], .popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^=bottom] {
  font-family: "Poppins-Regular", sans-serif;
}

.popover-body {
  color: #fff;
  padding: 16px;
}

.b-header {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 14;
}
.b-header--checkout .b-header__main {
  padding-top: 12px;
  padding-bottom: 12px;
}
.b-header--checkout .b-headinglink .icon::before {
  font-size: 21px;
}
.b-header--checkout .b-header-secure-text {
  display: none;
}
.b-header--error .b-header__main {
  border-bottom: 1px solid #e6e6e6;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.b-header__wrapper {
  position: relative;
}
.b-header__main {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  padding-top: 12px;
}
.b-header__localemenu-desktop {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-header__localemenu-link {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-header__usermenu {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
}
.b-header__heading {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.b-header__usermenu-item {
  margin-right: 24px;
}
.b-header__usermenu-item:first-child {
  margin-right: 0;
}
.b-header__megamenu {
  background-color: #f8f8f8;
}
.b-header__menu-toggle {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.b-header__localemenu-link {
  margin-right: 15px;
}

.m-mainsearch-expanded .b-header {
  z-index: 16;
}

.b-header-logo {
  margin-bottom: 0;
}
.b-header-logo__link {
  display: block;
}

.b-topbanner {
  position: relative;
}
.b-topbanner__close {
  color: #fff;
  display: none;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.b-topbanner__close:not(:first-child) {
  display: block;
}

.b-country-selector {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: right ;
}
.b-country-selector__dropdown-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.b-country-selector__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.b-country-selector__icon {
  margin-left: 1px;
  vertical-align: middle;
  width: 17px;
}
.b-country-selector__arrow {
  font-size: 13px;
  line-height: 1;
  margin-right: 3px;
}
.b-country-selector__toggle {
  cursor: pointer;
}

.b-mainsearch {
  display: none;
}
.b-mainsearch__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 20px 8px 22px;
  background-color: #fff;
}
.b-mainsearch__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

.m-disable-touch {
  -ms-touch-action: none;
      touch-action: none;
}

.b-search {
  position: relative;
}
.b-search__input {
  padding-left: 60px;
}
.b-search__input:focus ~ .b-search__submit {
  background-color: #000;
  color: #fff;
}
.b-search__submit {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 30px;
  height: 30px;
  background-color: #f8f8f8;
  border-right: 1px solid #d5d5d5;
}
.b-search .f-input__reset-btn {
  left: 28px;
}
.b-search--brands__button {
  font-size: 16px;
  height: 16px;
  right: 12px;
  line-height: 16px;
  position: absolute;
  top: 12px;
  width: 16px;
}
.b-search--brands .f-field {
  margin-bottom: 0;
}
.b-search--brands .f-input, .b-search--brands .f-textarea, .b-search--brands .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext, .dockableContainer .embeddedServiceSidebarFormField .b-search--brands .slds-style-inputtext {
  margin-bottom: 8px;
  padding-right: 38px;
}

.b-suggestions {
  background-color: #fff;
  max-height: 500px;
  overflow: auto;
}
.b-suggestions__container {
  background-color: #f8f8f8;
}
.b-suggestions__type {
  margin-top: 16px;
}
.b-suggestions__type:first-of-type {
  margin-top: 0;
}
.b-suggestions__header {
  background-color: #f8f8f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
}
.b-suggestions__header-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-suggestions__header-showall {
  color: #3f999c;
  text-transform: capitalize;
}
.b-suggestions__item {
  border-bottom: 1px solid #e6e6e6;
}
.b-suggestions__item, .b-suggestions__not-found {
  background-color: #fff;
  padding: 8px 16px;
}
.b-suggestions__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-suggestions__search-text {
  font-weight: 500;
}

.b-suggestions-wrapper {
  display: none;
  width: 100%;
}

.b-microproduct {
  position: relative;
}
.b-microproduct__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.b-microproduct__image {
  display: block;
  width: 32px;
}
.b-microproduct__content {
  padding-right: 12px;
}
.b-microproduct__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.b-headerminicart {
  position: relative;
}
.b-headerminicart__qty {
  background-color: #3f999c;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  left: 0;
  text-align: center;
  top: 0;
  -webkit-transform: translate(-30%, -30%);
      -ms-transform: translate(-30%, -30%);
          transform: translate(-30%, -30%);
  width: 18px;
      line-height: 20px;
}
.b-headerminicart__flyout {
  margin-top: 15px;
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: 16;
  display: none;
}
.b-headerminicart__flyout.m-expanded {
  display: block;
}
.b-headerminicart__flyout.is-scrolled {
  position: fixed;
  top: -15px;
  left: 0;
}

.b-minicart {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
  width: 380px;
  font-size: 16px;
}
.b-minicart::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #5b6674;
  -webkit-transform: rotate(-45deg) translate(0, -66%);
      -ms-transform: rotate(-45deg) translate(0, -66%);
          transform: rotate(-45deg) translate(0, -66%);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  right: 23px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.b-minicart.m-side--right::before {
  left: 23px;
  right: auto;
}
.b-minicart__header {
  position: relative;
  z-index: 1;
}
.b-minicart__title, .b-minicart__progress, .b-minicart__products, .b-minicart__footer {
  padding: 16px 20px;
}
.b-minicart__title {
  background-color: #5b6674;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 18px;
}
.b-minicart__progress {
  padding-bottom: 8px;
  padding-top: 8px;
}
.b-minicart__close {
  color: #fff;
  height: 24px;
}
.b-minicart__products-list {
  /* stylelint-disable */
  scrollbar-3dlight-color: #f9f9f9;
  scrollbar-arrow-color: #f9f9f9;
  scrollbar-base-color: #d5d5d5;
  scrollbar-dark-shadow-color: #f9f9f9;
  scrollbar-face-color: #d5d5d5;
  scrollbar-highlight-color: #f9f9f9;
  scrollbar-shadow-color: #f9f9f9;
  scrollbar-track-color: #f9f9f9;
  /* stylelint-enable */
  max-height: 364px;
  overflow: auto;
}
.b-minicart__products-list::-webkit-scrollbar {
  height: 6px;
  width: 4px;
}
.b-minicart__products-list::-webkit-scrollbar-thumb {
  background: #d5d5d5;
  border-radius: 16px;
  margin: 10px;
}
.b-minicart__products-list::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius: 16px;
}
.b-minicart__products-list .b-product-line-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-minicart__progress, .b-minicart__footer {
  background-color: #f8f8f8;
}
.b-minicart__products-item {
  margin-top: 16px;
}
.b-minicart__products-item:first-child {
  margin-top: 0;
}
.b-minicart .b-miniproduct--type-giftcard .b-miniproduct__content {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.b-minicart .b-miniproduct--type-giftcard .b-miniproduct__attrs {
  margin-top: 0;
}

.b-miniproduct {
  position: relative;
}
.b-miniproduct--type-1 .b-miniproduct__image-link {
  width: 48px;
  min-width: 48px;
}
.b-miniproduct--type-1 .b-miniproduct__name {
  font-weight: 400;
}
.b-miniproduct--type-1 .b-miniproduct__attrs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-bottom: 0;
}
.b-miniproduct--type-1 .b-miniproduct__attr {
  margin-left: 8px;
  margin-bottom: 4px;
}
.b-miniproduct--type-1 .b-miniproduct__attr-label {
  font-weight: 700;
}
.b-miniproduct--type-1 .b-miniproduct__pricing {
  margin-bottom: 0;
}
.b-miniproduct--type-2 .b-miniproduct__content, .b-miniproduct--type-3 .b-miniproduct__content {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-miniproduct--type-2 .b-miniproduct__name, .b-miniproduct--type-3 .b-miniproduct__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.b-miniproduct--type-2 .b-miniproduct__attrs, .b-miniproduct--type-3 .b-miniproduct__attrs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
.b-miniproduct--type-2 .b-miniproduct__attr, .b-miniproduct--type-3 .b-miniproduct__attr {
  margin-left: 8px;
  color: #797979;
}
.b-miniproduct--type-2 .b-miniproduct__attr .b-miniproduct__attr-value::after, .b-miniproduct--type-3 .b-miniproduct__attr .b-miniproduct__attr-value::after {
  content: ",";
}
.b-miniproduct--type-2 .b-miniproduct__attr--qty, .b-miniproduct--type-3 .b-miniproduct__attr--qty {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
}
.b-miniproduct--type-2 .b-miniproduct__attr--qty .b-miniproduct__attr-value::after, .b-miniproduct--type-3 .b-miniproduct__attr--qty .b-miniproduct__attr-value::after {
  display: none;
}
.b-miniproduct--type-2 .b-miniproduct__pricing, .b-miniproduct--type-3 .b-miniproduct__pricing {
  display: none;
}
.b-miniproduct--type-3 .b-miniproduct__pricing {
  display: block;
}
.b-miniproduct--type-giftcard .b-miniproduct__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-miniproduct--type-giftcard .b-miniproduct__attrs {
  margin-top: 8px;
}
.b-miniproduct--type-giftcard .b-miniproduct__attr--qty {
  display: none;
}
.b-miniproduct__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-miniproduct__image {
  width: 100%;
  display: block;
}
.b-miniproduct__image-link {
  display: block;
  width: 80px;
  min-width: 80px;
}
.b-miniproduct__content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.b-miniproduct__content {
  font-size: 12px;
  line-height: 18px;
  padding: 0 16px;
}
.b-miniproduct__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b-miniproduct__name, .b-miniproduct__pricing, .b-miniproduct__attrs {
  margin-bottom: 4px;
}
.b-miniproduct__attr {
  font-size: 14px;
  line-height: 20px;
}
.b-miniproduct__attr-value {
  word-break: break-word;
}
.b-miniproduct .b-remove-product {
  font-size: 24px;
  color: #a42337;
  margin-top: -3px;
}
.b-miniproduct .b-remove-product::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA18";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.b-miniproduct .b-remove-product span {
  display: none;
}

.b-minitotal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.b-minitotal__value {
  font-weight: 700;
}

.b-singleprogress {
  border: 1px solid #d5d5d5;
  padding: 16px 20px;
}
.b-singleprogress--complete .b-singleprogress__bar {
  background-color: #3f999c;
}
.b-singleprogress--complete .b-singleprogress__bar::before {
  background-color: #3f999c;
}
.b-singleprogress--complete .b-singleprogress__msg {
  color: #3f999c;
}
.b-singleprogress__bar {
  display: block;
  height: 4px;
  margin-top: 4px;
  position: relative;
  width: 100%;
  background-color: #e6e6e6;
}
.b-singleprogress__bar::before {
  background-color: #797979;
  content: "";
  display: block;
  height: 100%;
  max-width: 100%;
  position: absolute;
  width: var(--singleprogress-width);
}
.b-singleprogress__msg {
  font-size: 14px;
  line-height: 20px;
  color: #323232;
}
.b-singleprogress__msg span {
  font-weight: 500;
}

.b-megamenu {
  background-color: #f8f8f8;
  z-index: 15;
}
.b-megamenu.in {
  right: 0;
  width: 300px;
}
.b-megamenu__dropdownmenu {
  display: none;
  width: 100%;
}
.b-megamenu__dropdownmenu.b-megamenu__category-level-1 {
  display: block;
}
.b-megamenu__mobile {
  background-color: #fff;
}
.b-megamenu__search {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
          box-shadow: inset 0 -1px 0 #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  padding: 0 20px;
  padding-bottom: 15px;
}
.b-megamenu__search-btn-text {
  color: #797979;
  font-size: 14px;
  line-height: 20px;
}
.b-megamenu__search-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.b-megamenu__dropdown {
  background-color: #fff;
  display: none;
  right: 0;
  position: absolute;
  width: 100%;
  z-index: 15;
}
.b-megamenu__dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-megamenu__dropdown-list-custom .b-megamenu__dropdown-list-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-megamenu__dropdown-list-custom li:not(:first-child) .b-megamenu__dropdown-list-title {
  border: none;
  margin-bottom: 8px;
  padding-top: 8px;
}
.b-megamenu__dropdown-list-custom li:not(:first-child) .b-megamenu__dropdown-list-title::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA15";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}
.b-megamenu__dropdown-list-custom li:not(:first-child) .b-megamenu__dropdown-list-title::after {
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.b-megamenu__dropdown-list-custom li:last-child .b-megamenu__dropdown-list-item-image {
  margin-top: 8px;
}

.b-megamenu-overlay.b-modal-overlay {
  z-index: 14;
}

.b-nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.b-nav__item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.b-nav__item-left-icon {
  margin-left: 12px;
}
.b-nav__item-right-icons {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 20px;
}
.b-nav__item-right-icons .b-nav__item--icon-minus {
  display: none;
}
.b-nav__item-right-icons.m-active .b-nav__item--icon-minus {
  display: block;
}
.b-nav__item-right-icons.m-active .b-nav__item--icon-plus {
  display: none;
}
.b-nav__item-wrapper {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.b-nav__item-link {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
  padding-right: 16px;
  padding-left: 16px;
  text-transform: uppercase;
}
.b-nav__item-link.b-nav__level--1 {
  font-size: 12px;
}

.b-megamenu-banner {
  padding: 32px 0;
  background: #323232;
}
.b-megamenu-banner__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 36px;
}
.b-megamenu-banner__title {
  font-size: 52px;
  line-height: 64px;
  font-weight: 500;
  color: #fff;
  padding-bottom: 8px;
}
.b-megamenu-banner__heading {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  color: #fb4c5a;
  padding-bottom: 8px;
}
.b-megamenu-banner__subtitle {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin: 0;
}
.b-megamenu-banner__subtitle span {
  font-style: italic;
}
.b-megamenu-banner__actions {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
}
.b-megamenu-banner .btn, .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton--default,
.b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton,
.dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton, .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton--inverse {
  font-weight: 400;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  background: #fff;
  white-space: nowrap;
  text-transform: capitalize;
  width: 100%;
  height: auto;
  min-height: 56px;
  padding: 5px 16px;
}
.b-megamenu-banner .btn__special-text {
  text-transform: uppercase;
  font-weight: 700;
  color: #fb4c5a;
}
.b-footer--checkout .b-footer__content {
  padding-top: 0;
}
.b-footer--checkout .b-footer__bottom {
  border-top: 0;
}
.b-footer__subscription {
  background-color: #497297;
  color: #fff;
  padding: 40px 0;
}
.b-footer__subscription-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-footer__subscription-header {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.b-footer__subscription-sub-header {
  padding-top: 6px;
  font-size: 12px;
  line-height: 18px;
}
.b-footer__subscription-input-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 16px 0;
}
.b-footer__subscription-input {
  margin-bottom: 16px;
  width: 100%;
}
.b-footer__subscription-link {
  font-size: 12px;
  line-height: 18px;
}
.b-footer__content {
  background-color: #f8f8f8;
  padding-top: 16px;
}
.b-footer__content-items-title {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 16px 0 0 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-footer__content-item {
  font-size: 14px;
  line-height: 30px;
}
.b-footer__content-follow-us {
  margin-bottom: 15px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
.b-footer__content-follow-us .b-footer__content-items-title {
  display: none;
}
.b-footer__content-services {
  margin-bottom: 15px;
}
.b-footer__content-social-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-footer__content-social-items > li:not(:last-child) .b-footer__content-social-item {
  margin-left: 30px;
}
.b-footer__content-social-item {
  font-size: 20px;
  line-height: 1;
}
.b-footer__bottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px 0;
}
.b-footer__bottom > .content-asset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-footer__copyright, .b-footer__motto, .b-footer__logo {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.b-footer__copyright {
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 18px;
}
.b-footer__motto {
  margin-bottom: 7px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-footer__logo {
  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;
}
.b-footer__logo-image {
  width: 143px;
}
.b-footer-accordion__button {
  border-bottom: 1px solid #e6e6e6;
  padding: 14px 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-footer-accordion__body {
  background-color: #fff;
}
.b-footer-accordion__link {
  border-bottom: 1px solid #e6e6e6;
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
}

.b-footer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 36px 0;
  margin-bottom: -40px;
}
.b-footer-menu__nav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 159.5px;
      -ms-flex: 0 1 159.5px;
          flex: 0 1 159.5px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 40px;
}
.b-footer-menu__nav:last-child {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.b-footer-menu__nav:nth-child(odd) {
  margin-left: 24px;
}
.b-footer-menu__nav > :nth-child(n+2) {
  margin-top: 24px;
}
.b-footer-menu__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #111;
  margin-bottom: 16px;
  text-transform: none;
  letter-spacing: normal;
}
.b-footer-menu__item {
  line-height: 20px;
  font-size: 14px;
}
.b-footer-menu__item:not(:last-child) {
  margin-bottom: 14px;
}
.b-footer-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-footer-menu__list + .b-footer-menu__title {
  margin-top: 24px;
}
.b-footer-menu__list--horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-footer-menu__list--horizontal .b-footer-menu__item {
  margin-bottom: 0;
}
.b-footer-menu__list--horizontal .b-footer-menu__item:not(:first-child) {
  margin-right: 16px;
}
.b-footer-menu__link {
  color: #111;
  display: inline-block;
}
.non-touch .b-footer-menu__link:hover {
  color: #111;
}

.b-footer-links {
  line-height: 20px;
  margin: 20px 0;
}
.b-footer-links:not(.b-footer-links--5col) {
  grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
}
.b-footer-links__block {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.b-footer-links__block.m-collapsed .b-footer-links__items {
  display: none;
}
.b-footer-links__title {
  cursor: pointer;
  display: block;
  font-weight: 500;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 12px 0;
}
.b-footer-links__items {
  margin: 20px 8px 0 0;
}
.b-footer-links__item {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 14px;
}
.b-footer-links__item:last-child {
  margin-bottom: 12px;
}
.b-footer-links__item a {
  color: #111;
}

.b-producttile {
  position: relative;
}
.non-touch .b-producttile:hover .b-producttile__image-img {
  -webkit-transform: scale(1.06);
      -ms-transform: scale(1.06);
          transform: scale(1.06);
}
.non-touch .b-producttile:hover .b-producttile__name {
  color: #3f999c;
}
.b-producttile, .b-producttile__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-producttile__footer {
  padding-bottom: 16px;
}
.b-producttile__swatches-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
}
.b-producttile__swatches-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 8px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 20px;
}
.b-producttile__swatches-item.m-active .b-producttile__swatches-item-el, .b-producttile__swatches-item.m-selected .b-producttile__swatches-item-el {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #5b6674;
          box-shadow: 0 0 0 1px #fff, 0 0 0 2px #5b6674;
}
.b-producttile__swatches-item-el {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #e6e6e6;
          box-shadow: 0 0 0 1px #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 16px;
  overflow: hidden;
  width: 16px;
}
.b-producttile__swatches-item-img {
  display: block;
  height: 100%;
  width: 100%;
}
.b-producttile__swatches-more-count {
  display: block;
  line-height: 1;
}
.b-producttile__image .b-wishlistcta {
  z-index: 2;
}
.b-producttile__image-link::after {
  clear: both;
  content: "";
  display: table;
}
.b-producttile__image-link::before {
  content: "";
  float: right;
  padding-bottom: 125%;
}
.b-producttile__image-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  height: 240px;
}
.b-producttile__image-img {
  display: block;
  position: relative;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  -o-transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  width: 100%;
  z-index: 1;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
}
.b-producttile__body {
  padding-top: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-producttile__name {
  font-size: 14px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  height: 40px;
  margin-bottom: 8px;
}
.b-producttile__motherref {
  font-size: 12px;
  line-height: 18px;
}
.b-producttile__addtocart {
  margin-top: auto;
}
.b-producttile__image {
  position: relative;
}
.b-producttile__badges {
  bottom: 0;
  right: 0;
  position: absolute;
  left: 0;
  z-index: 2;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.b-producttile__badge {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
  background-color: #ecac2d;
  padding: 3px 8px;
  text-align: center;
}
.b-producttile .b-badge-sale {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 4px 8px;
  z-index: 1;
  max-width: 48px;
}
.b-producttile__quickbuy {
  bottom: 26px;
  display: none;
  right: 16px;
  position: absolute;
  left: 16px;
  z-index: 1;
}
.b-producttile__pricing .discount-percentage {
  font-size: 14px;
}
.b-productrec--wishlist {
  margin-bottom: 24px;
}
.b-productrec__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.b-productrec__header {
  padding: 8px 0 12px;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 16px;
}
.b-productrec__carousel-el {
  padding-bottom: 16px;
}

.b-wishlistcta {
  background-color: #fff;
  border-radius: 100%;
  height: 32px;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 32px;
}
.b-wishlistcta.m-active .b-wishlistcta__icon {
  color: #a42337;
}
.b-wishlistcta.m-active .b-wishlistcta__icon::before {
  content: "\EA23";
}
.b-wishlistcta__icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\EA22";
  display: inline-block;
  font-family: "iconfont" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  vertical-align: middle;
}

.b-quickview .b-pdpmain__details,
.b-quickview .b-pdpmain__top-detailsshare,
.b-quickview .b-pdpmain__sets {
  display: none;
}
.b-quickview .b-pdpimages[active-slide-name=video] .b-carousel__arrow--prev {
  right: 28px;
}
.b-quickview .b-pdpimages .slick-track {
  padding-top: 0;
}
.b-quickview .b-pdpimages__item .b-video {
  padding-right: 20px;
}
.b-quickview .b-pdpnavimages .b-carousel__index {
  display: none;
}
.b-quickview .b-pdpmain__name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding-left: 22px;
}
.b-quickview .b-pdpmain__price .b-price__sale {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.b-quickview .b-pdpmain__section {
  /* stylelint-disable */
  scrollbar-3dlight-color: #f9f9f9;
  scrollbar-arrow-color: #f9f9f9;
  scrollbar-base-color: #d5d5d5;
  scrollbar-dark-shadow-color: #f9f9f9;
  scrollbar-face-color: #d5d5d5;
  scrollbar-highlight-color: #f9f9f9;
  scrollbar-shadow-color: #f9f9f9;
  scrollbar-track-color: #f9f9f9;
  /* stylelint-enable */
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.b-quickview .b-pdpmain__section::-webkit-scrollbar {
  height: 6px;
  width: 4px;
}
.b-quickview .b-pdpmain__section::-webkit-scrollbar-thumb {
  background: #d5d5d5;
  border-radius: 16px;
  margin: 10px;
}
.b-quickview .b-pdpmain__section::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius: 16px;
}
.b-quickview .b-pdpmain__rating {
  margin: 2px 0;
}

.b-modal--quickview > .b-modal__dialog > .b-modal__body {
  padding: 16px 20px 24px;
}

.b-viewpdp {
  font-size: 14px;
  line-height: 20px;
  background-color: #f8f8f8;
  border: 1px solid #d5d5d5;
  margin-top: 16px;
  padding: 16px;
  text-align: center;
}
.b-viewpdp, .b-viewpdp__title {
  display: block;
}
.b-viewpdp__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.b-viewpdp__caption {
  color: #797979;
}

.b-wishlist-tile__image-link {
  display: block;
  position: relative;
}
.b-wishlist-tile__name {
  margin-bottom: 8px;
  min-height: 48px;
}
.b-wishlist-tile__body-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-wishlist-tile__add-to-cart, .b-wishlist-tile__add-to-Registry {
  vertical-align: top;
  padding: 0;
}
.b-wishlist-tile__add-to-cart.b-wishlist-tile__add-to-cart-in-bag {
  pointer-events: none;
}
.b-wishlist-tile__add-to-Registry {
  width: 100%;
}
.b-wishlist-tile__pricing-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.b-wishlist-tile__remove {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 8px;
  top: 8px;
  width: 32px;
  z-index: 2;
}
.b-wishlist-tile__message {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
  bottom: 0;
  right: 0;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.b-wishlist-tile__message-label-oos, .b-wishlist-tile__label-savings {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #5b6674;
  color: #fff;
  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;
  padding: 3px;
  text-align: center;
  width: 100%;
}
.b-wishlist-tile__label-savings {
  background-color: #ecac2d;
  color: #323232;
}
.b-wishlist-tile .b-price__sale .b-price__value {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b-wishlist-tile .b-price__standard-el {
  color: #a42337;
}
.b-wishlist-tile__add-to-cart-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-wishlist-tile__add-to-cart-row .b-menudrop {
  margin-right: 0;
}
.b-wishlist-tile__add-to-cart-row .b-move-to-registry-dropdown.dropup .b-menudrop {
  margin-bottom: 16px;
}
.b-wishlist-tile__add-to-cart-row .b-move-to-registry-dropdown.dropup .b-menudrop::before {
  bottom: -9px;
  top: auto;
}
.b-wishlist-tile__add-to-cart-row .b-move-to-registry-dropdown.dropup .b-menudrop__inner::before {
  bottom: -25px;
}
.b-wishlist-tile__add-to-cart-row .dropdown-item {
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.b-wishlist-tile__add-to-cart-row .dropdown-item:active {
  background-color: #f8f9fa;
}
.b-wishlist-tile__add-to-cart-row .b-wishlist-tile__add-to-cart-row-item {
  width: 100%;
}
.b-wishlist-tile .b-wishlist__selected-attributes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-wishlist-tile .b-wishlist__selected-attributes .b-attribute {
  border-bottom: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0;
}
.b-wishlist-tile .b-attribute-select-container {
  width: 100%;
}
.b-wishlist-tile .b-attribute-select-container .f-field__error {
  margin: 0;
}
.b-wishlist-tile .b-attribute-select-container.is-invalid .select2-selection {
  border-color: #a42337;
}
.b-wishlist-tile .m-select-unselectable + .select2-container .select2-selection {
  background-color: #f8f8f8;
  border-color: #d5d5d5;
}
.b-wishlist-tile__pricing .discount-percentage {
  font-size: 14px;
}
.b-modal--shareWishlistModal .b-modal__body,
.b-modal--addToRegistryModal .b-modal__body {
  padding: 0;
}
.b-modal--shareWishlistModal .b-modal__headline,
.b-modal--addToRegistryModal .b-modal__headline {
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 20px 16px 44px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.b-modal--shareWishlistModal .b-modal__inner,
.b-modal--addToRegistryModal .b-modal__inner {
  padding: 16px 20px 32px;
}
.b-modal--shareWishlistModal .b-modal__inner .f-field,
.b-modal--addToRegistryModal .b-modal__inner .f-field {
  margin-bottom: 8px;
}
.b-modal--shareWishlistModal .b-modal__inner .f-input, .b-modal--shareWishlistModal .b-modal__inner .f-textarea, .b-modal--shareWishlistModal .b-modal__inner .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext, .dockableContainer .embeddedServiceSidebarFormField .b-modal--shareWishlistModal .b-modal__inner .slds-style-inputtext,
.b-modal--addToRegistryModal .b-modal__inner .f-input,
.b-modal--addToRegistryModal .b-modal__inner .f-textarea,
.b-modal--addToRegistryModal .b-modal__inner .dockableContainer .embeddedServiceSidebarFormField .slds-style-inputtext,
.dockableContainer .embeddedServiceSidebarFormField .b-modal--addToRegistryModal .b-modal__inner .slds-style-inputtext {
  color: #797979;
}
.b-modal--shareWishlistModal .b-modal__body-text,
.b-modal--addToRegistryModal .b-modal__body-text {
  margin-bottom: 16px;
}
.b-modal--shareWishlistModal .b-modal__actions,
.b-modal--addToRegistryModal .b-modal__actions {
  margin: 0;
}

.b-modal--addToRegistryModal .b-modal__inner {
  padding: 0;
}
.b-modal--addToRegistryModal__list {
  padding-bottom: 32px;
}
.b-modal--addToRegistryModal__list-item:not(:last-child) .b-modal--addToRegistryModal__link {
  border-bottom: 1px solid #e6e6e6;
}
.b-modal--addToRegistryModal__link {
  display: block;
  padding: 8px 0;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}

html[dir=rtl] .btn.m-small.b-wishlist-tile__add-to-cart, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--default, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--default,
html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton,
.dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--inverse, html[dir=rtl] .btn.m-small.b-wishlist-tile__add-to-Registry, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--default, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--default,
html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton,
.dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--inverse {
  font-size: 11px;
  line-height: 16px;
}

.b-tabby {
  font-size: 12px;
  line-height: 18px;
  color: #323232;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  padding: 10px 8px;
}
.b-tabby__price {
  font-weight: 700;
}
.b-tabby__logo {
  margin-left: 8px;
}
.b-tabby__image {
  width: 29px;
  height: 20px;
  max-width: none;
}
.b-tabby__message {
  margin-left: 4px;
}
.b-tabby__iframe {
  width: 100%;
  height: 36rem;
  border-radius: 16px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.b-tabby--order-last {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.b-tabby__link {
  text-decoration: underline;
}

.b-modal--tabbyModal .b-modal__dialog {
  max-width: 664px;
}
.b-modal--tabbyModal .b-modal__content {
  background: transparent;
}
.b-modal--tabbyModal .b-modal__body {
  padding: 0;
}
.b-modal--tabbyModal .b-modal__close {
  z-index: 9;
}

.b-tamara {
  font-size: 12px;
  line-height: 18px;
  color: #323232;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  padding: 10px 8px;
}
.b-tamara__price {
  font-weight: 700;
}
.b-tamara__logo {
  margin-left: 8px;
}
.b-tamara__image {
  max-width: none;
}
.b-tamara__message {
  margin-left: 4px;
}
.b-tamara__link {
  text-decoration: underline;
}

.b-tamara-checkout {
  padding: 0;
}
.b-tamara-checkout__legal {
  font-size: 16px;
  line-height: 20px;
}
.b-tamara-checkout__fee {
  margin-top: 8px !important;
  font-size: 14px;
  line-height: 20px;
}

.b-taly {
  font-size: 12px;
  line-height: 18px;
  color: #323232;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  padding: 10px 8px;
}
.b-taly__price {
  font-weight: 700;
}
.b-taly__logo {
  margin-left: 8px;
}
.b-taly__image {
  width: 29px;
  height: 20px;
  max-width: none;
}
.b-taly__message {
  margin-left: 4px;
}
.b-taly__iframe {
  width: 100%;
  height: 36rem;
  border-radius: 16px;
  /* stylelint-disable */
  /* stylelint-enable */
}
.b-taly--order-last {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.b-taly__link {
  text-decoration: underline;
}

.b-modal--talyModal .b-modal__dialog {
  max-width: 576px;
}
.b-modal--talyModal .b-modal__content {
  background: transparent;
  overflow: hidden;
}
.b-modal--talyModal .b-modal__body {
  padding: 0;
}
.b-modal--talyModal .b-modal__close {
  z-index: 9;
}

.b-paymentmethod[data-method-id=BNPLTL] img {
  width: 34px;
  height: 24px;
}

.b-deema {
  font-size: 12px;
  line-height: 18px;
  color: #323232;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  padding: 10px 8px;
}
.b-deema__price {
  font-weight: 700;
}
.b-deema__logo {
  margin-left: 8px;
}
.b-deema__image {
  width: 29px;
  height: 20px;
  max-width: none;
}
.b-deema__message {
  margin-left: 4px;
}
.b-deema__link {
  display: none;
}
.b-deema__widget {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1101;
  visibility: hidden;
  pointer-events: none;
}
.b-deema__widget.m-active {
  visibility: visible;
  pointer-events: auto;
}

.b-chat-popup {
  background: #fff;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  bottom: 0;
  -webkit-box-shadow: 2px -1px 5px 1px rgba(0, 0, 0, 0.12);
          box-shadow: 2px -1px 5px 1px rgba(0, 0, 0, 0.12);
  color: #323232;
  overflow: hidden;
  position: fixed;
  right: 0 ;
  width: 100%;
  z-index: 16;
}
.b-chat-popup__overlay {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  height: 100%;
  right: 0;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 15;
}
.b-chat-popup__open, .b-chat-popup__close {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3f999c;
  border-radius: 50%;
  border: none;
  bottom: 20px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  padding: 0;
  position: fixed;
  right: 20px ;
  width: 48px;
  z-index: 14;
}
.b-chat-popup__open .icon, .b-chat-popup__close .icon {
  display: inline-block;
  font-size: 20px;
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.b-chat-popup__open img, .b-chat-popup__close img {
  width: 18px;
  height: 18px;
}
.b-chat-popup__close--mobile {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  padding: 0;
  position: absolute;
  left: 24px;
  top: 24px;
  width: 24px;
}
.b-chat-popup__close--mobile .icon {
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  width: 17px;
}
.b-chat-popup__header {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3f999c;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  position: relative;
}
.b-chat-popup__logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48px;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  margin: 0 0 0 16px;
}
.b-chat-popup__logo svg {
  width: 100%;
}
.b-chat-popup__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 40px;
}
.b-chat-popup__content {
  padding: 0 24px 24px;
}
.b-chat-popup__description {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding-top: 24px;
}
.b-chat-popup__btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
          box-shadow: inset 0 -1px 0 #e6e6e6;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  position: relative;
}
.b-chat-popup__btn .icon {
  display: inline-block;
  font-size: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: -12px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 24px;
}
.b-chat-popup__btn-image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 88px;
      -ms-flex: 0 0 88px;
          flex: 0 0 88px;
  margin-left: 16px;
}
.b-chat-popup__btn-image img {
  width: 100%;
}
.b-chat-popup__btn-text {
  font-size: 14px;
  line-height: 20px;
  margin-left: 40px;
}
.b-chat-popup__bottom-link {
  font-size: 14px;
  line-height: 20px;
  color: #323232;
  display: inline-block;
  margin-top: 16px;
}
.b-chat-popup__bottom-link span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  -webkit-box-shadow: inset 0 -1px 0 #323232;
          box-shadow: inset 0 -1px 0 #323232;
  display: inline;
  padding: 2px 0;
}

/* stylelint-disable */
/*md

# Icons

## Icons example:

```html_example

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">account:</span>
    <i class="b-icon icon icon-account" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">address:</span>
    <i class="b-icon icon icon-address" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-done:</span>
    <i class="b-icon icon icon-alert-done" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-error:</span>
    <i class="b-icon icon icon-alert-error" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-success:</span>
    <i class="b-icon icon icon-alert-success" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">amber-card:</span>
    <i class="b-icon icon icon-amber-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">apple:</span>
    <i class="b-icon icon icon-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-down:</span>
    <i class="b-icon icon icon-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-left:</span>
    <i class="b-icon icon icon-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-right:</span>
    <i class="b-icon icon icon-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-up:</span>
    <i class="b-icon icon icon-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">back:</span>
    <i class="b-icon icon icon-back" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">calendar:</span>
    <i class="b-icon icon icon-calendar" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cart:</span>
    <i class="b-icon icon icon-cart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cash-on-delivery:</span>
    <i class="b-icon icon icon-cash-on-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check:</span>
    <i class="b-icon icon icon-check" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle:</span>
    <i class="b-icon icon icon-check-circle" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle-white:</span>
    <i class="b-icon icon icon-check-circle-white" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-down:</span>
    <i class="b-icon icon icon-chevron-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-left:</span>
    <i class="b-icon icon icon-chevron-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-right:</span>
    <i class="b-icon icon icon-chevron-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-up:</span>
    <i class="b-icon icon icon-chevron-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">clear:</span>
    <i class="b-icon icon icon-clear" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">close:</span>
    <i class="b-icon icon icon-close" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">credit-card:</span>
    <i class="b-icon icon icon-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">delivery:</span>
    <i class="b-icon icon icon-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">edit:</span>
    <i class="b-icon icon icon-edit" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">export:</span>
    <i class="b-icon icon icon-export" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">eye:</span>
    <i class="b-icon icon icon-eye" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">facebook:</span>
    <i class="b-icon icon icon-facebook" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">gift:</span>
    <i class="b-icon icon icon-gift" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftcard:</span>
    <i class="b-icon icon icon-giftcard" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftregistry:</span>
    <i class="b-icon icon icon-giftregistry" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart:</span>
    <i class="b-icon icon icon-heart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart-full:</span>
    <i class="b-icon icon icon-heart-full" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">home-smile:</span>
    <i class="b-icon icon icon-home-smile" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">info:</span>
    <i class="b-icon icon icon-info" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">instagram:</span>
    <i class="b-icon icon icon-instagram" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location:</span>
    <i class="b-icon icon icon-location" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location-1:</span>
    <i class="b-icon icon icon-location-1" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">lock:</span>
    <i class="b-icon icon icon-lock" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify:</span>
    <i class="b-icon icon icon-magnify" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify-minus:</span>
    <i class="b-icon icon icon-magnify-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">mail:</span>
    <i class="b-icon icon icon-mail" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">map-pin:</span>
    <i class="b-icon icon icon-map-pin" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">menu:</span>
    <i class="b-icon icon icon-menu" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">minus:</span>
    <i class="b-icon icon icon-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">package:</span>
    <i class="b-icon icon icon-package" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-apple:</span>
    <i class="b-icon icon icon-payment-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-paypal:</span>
    <i class="b-icon icon icon-payment-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">paypal:</span>
    <i class="b-icon icon icon-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pencil:</span>
    <i class="b-icon icon icon-pencil" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">phone:</span>
    <i class="b-icon icon icon-phone" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pinterest:</span>
    <i class="b-icon icon icon-pinterest" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">play:</span>
    <i class="b-icon icon icon-play" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">plus:</span>
    <i class="b-icon icon icon-plus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">question:</span>
    <i class="b-icon icon icon-question" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">remove:</span>
    <i class="b-icon icon icon-remove" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">return:</span>
    <i class="b-icon icon icon-return" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search:</span>
    <i class="b-icon icon icon-search" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search-dismiss:</span>
    <i class="b-icon icon icon-search-dismiss" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">service:</span>
    <i class="b-icon icon icon-service" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">share:</span>
    <i class="b-icon icon icon-share" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">shopping-bag:</span>
    <i class="b-icon icon icon-shopping-bag" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">signout:</span>
    <i class="b-icon icon icon-signout" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star:</span>
    <i class="b-icon icon icon-star" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star-filled:</span>
    <i class="b-icon icon icon-star-filled" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">store:</span>
    <i class="b-icon icon icon-store" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">support:</span>
    <i class="b-icon icon icon-support" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">translate:</span>
    <i class="b-icon icon icon-translate" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">trash:</span>
    <i class="b-icon icon icon-trash" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">twitter:</span>
    <i class="b-icon icon icon-twitter" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">user:</span>
    <i class="b-icon icon icon-user" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">whatsapp:</span>
    <i class="b-icon icon icon-whatsapp" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">youtube:</span>
    <i class="b-icon icon icon-youtube" aria-hidden="true" style="font-size: 25px;"></i>
</div>

```
*/
:root {
  --icon-account: "\EA01";
  --icon-address: "\EA02";
  --icon-alert-done: "\EA03";
  --icon-alert-error: "\EA04";
  --icon-alert-success: "\EA05";
  --icon-amber-card: "\EA06";
  --icon-apple: "\EA07";
  --icon-arrow-down: "\EA08";
  --icon-arrow-left: "\EA09";
  --icon-arrow-right: "\EA0A";
  --icon-arrow-up: "\EA0B";
  --icon-back: "\EA0C";
  --icon-calendar: "\EA0D";
  --icon-cart: "\EA0E";
  --icon-cash-on-delivery: "\EA0F";
  --icon-check: "\EA10";
  --icon-check-circle: "\EA11";
  --icon-check-circle-white: "\EA12";
  --icon-chevron-down: "\EA13";
  --icon-chevron-left: "\EA14";
  --icon-chevron-right: "\EA15";
  --icon-chevron-up: "\EA16";
  --icon-clear: "\EA17";
  --icon-close: "\EA18";
  --icon-credit-card: "\EA19";
  --icon-delivery: "\EA1A";
  --icon-edit: "\EA1B";
  --icon-export: "\EA1C";
  --icon-eye: "\EA1D";
  --icon-facebook: "\EA1E";
  --icon-gift: "\EA1F";
  --icon-giftcard: "\EA20";
  --icon-giftregistry: "\EA21";
  --icon-heart: "\EA22";
  --icon-heart-full: "\EA23";
  --icon-home-smile: "\EA24";
  --icon-info: "\EA25";
  --icon-instagram: "\EA26";
  --icon-location: "\EA27";
  --icon-location-1: "\EA28";
  --icon-lock: "\EA29";
  --icon-magnify: "\EA2A";
  --icon-magnify-minus: "\EA2B";
  --icon-mail: "\EA2C";
  --icon-map-pin: "\EA2D";
  --icon-menu: "\EA2E";
  --icon-minus: "\EA2F";
  --icon-package: "\EA30";
  --icon-payment-apple: "\EA31";
  --icon-payment-paypal: "\EA32";
  --icon-paypal: "\EA33";
  --icon-pencil: "\EA34";
  --icon-phone: "\EA35";
  --icon-pinterest: "\EA36";
  --icon-play: "\EA37";
  --icon-plus: "\EA38";
  --icon-question: "\EA39";
  --icon-remove: "\EA3A";
  --icon-return: "\EA3B";
  --icon-search: "\EA3C";
  --icon-search-dismiss: "\EA3D";
  --icon-service: "\EA3E";
  --icon-share: "\EA3F";
  --icon-shopping-bag: "\EA40";
  --icon-signout: "\EA41";
  --icon-star: "\EA42";
  --icon-star-filled: "\EA43";
  --icon-store: "\EA44";
  --icon-support: "\EA45";
  --icon-translate: "\EA46";
  --icon-trash: "\EA47";
  --icon-twitter: "\EA48";
  --icon-user: "\EA49";
  --icon-whatsapp: "\EA4A";
  --icon-youtube: "\EA4B";
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.popup {
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 10px rgba(17, 17, 17, 0.1);
          box-shadow: 0 2px 10px rgba(17, 17, 17, 0.1);
  display: none;
  width: calc(100% - 40px);
  position: fixed;
  z-index: 14;
}
.popup .icon {
  background: rgba(249, 249, 249, 0.15);
  border-radius: 50%;
  color: #111;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 8px;
}
.popup--overlay {
  background: #111;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1049;
  opacity: 0.8;
}
.popup__form-input {
  border-radius: 2px;
  font-size: 14px;
  padding: 10px 11px !important;
}
.popup__form-input::-webkit-input-placeholder {
  font-size: 14px;
}
.popup__form-input::-moz-placeholder {
  font-size: 14px;
}
.popup__form-input:-ms-input-placeholder {
  font-size: 14px;
}
.popup__form-input::-ms-input-placeholder {
  font-size: 14px;
}
.popup__form-input::placeholder {
  font-size: 14px;
}
.popup__form-field {
  margin-bottom: 12px;
}
.popup__form-field .f-field__label::after, .popup__form-field .dockableContainer .embeddedServiceSidebarFormField .uiInput .uiLabel-left::after, .dockableContainer .embeddedServiceSidebarFormField .uiInput .popup__form-field .uiLabel-left::after {
  content: none;
}
.popup__form-field .f-field__error {
  font-size: 12px;
  line-height: 16px;
}
.popup__wrapper {
  padding: 16px;
}
.popup__image {
  border-radius: 2px 2px 0 0;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.popup__image--success {
  height: 285px;
}
.popup__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 8px;
}
.popup__subtitle {
  margin-bottom: 16px;
}
.popup__description, .popup__email {
  font-size: 14px;
  line-height: 20px;
  color: #767676;
}
.popup__success-message .popup__subtitle {
  margin-bottom: 12px;
}
.popup__text {
  color: #767676;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.popup__text a {
  color: #767676;
  text-decoration: underline;
}
.popup__btn {
  font-size: 14px;
  line-height: 20px;
}
.popup__btn:hover {
  color: #fff;
}

.app-popup {
  background: #fff;
  -webkit-box-shadow: 0 2px 20px rgba(17, 17, 17, 0.1);
          box-shadow: 0 2px 20px rgba(17, 17, 17, 0.1);
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 14;
}
.app-popup__wrapper {
  padding: 20px;
}
.app-popup__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.app-popup__content-left {
  max-width: 64px;
  margin-left: 16px;
}
.app-popup__content-right {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.app-popup__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.app-popup__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-left: 16px;
}
.app-popup__description {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-top: 4px;
}
.app-popup__image {
  border-radius: 15px;
}
.app-popup__title {
  margin-left: auto;
}
.app-popup__actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
.app-popup__actions .btn, .app-popup__actions .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .app-popup__actions .embeddedServiceSidebarButton.uiButton--default,
.app-popup__actions .dockableContainer .embeddedServiceSidebarButton.uiButton,
.dockableContainer .app-popup__actions .embeddedServiceSidebarButton.uiButton, .app-popup__actions .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .app-popup__actions .embeddedServiceSidebarButton.uiButton--inverse {
  font-size: 14px;
}

.b-pagination {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  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;
}
.b-pagination__items {
  color: #323232;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.b-pagination__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  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;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  height: 40px;
  width: 40px;
  margin-right: -1px;
  font-size: 14px;
  line-height: 20px;
}
.b-pagination__item.m-active {
  background: #f5f5f5;
  cursor: default;
}
.b-pagination__item.first::after {
  content: "....";
  letter-spacing: 0.5px;
}
.b-pagination__item.last::before {
  content: "....";
  letter-spacing: 0.5px;
}
.b-pagination__btn {
  /* stylelint-disable */
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  /* stylelint-enable */
  font-size: 14px;
  line-height: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -1px;
  padding: 0 11px;
}
.b-pagination__btn .b-pagination__btn-icon {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  width: 12px;
}
.b-pagination__btn .b-pagination__btn-icon.icon-chevron-right {
  margin-right: 8px;
}
.b-pagination__btn .b-pagination__btn-icon.icon-chevron-left {
  margin-left: 8px;
}

.b-coupons--color {
  background-color: #3f999c;
}
.b-coupons__header {
  margin-top: 16px;
  margin-bottom: 32px;
}
.b-coupons__header--title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  font-weight: 500;
}
.b-coupons__header--description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 8px 0 16px;
}
.b-coupons__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.b-coupons__container {
  padding: 16px;
  margin: 12px 0;
  -webkit-box-shadow: 0 0 0 1px #c3c3c3;
          box-shadow: 0 0 0 1px #c3c3c3;
}
.b-coupons__title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
}
.b-coupons__highlighted-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.b-coupons__description {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.b-coupons__valid-date, .b-coupons__terms-and-conditions {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.b-coupons__valid-date {
  color: #323232;
  padding-left: 12px;
}
.b-coupons__valid-date-text {
  margin-left: 5px;
}
.b-coupons__terms-and-conditions {
  color: #797979;
}
.b-coupons__button-icon {
  padding-right: 8px;
}
.b-coupons__cta {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 12px 16px;
  max-height: 48px;
  white-space: nowrap;
  color: #fff;
}
.b-coupons__cta.clicked {
  background-color: white !important;
  border: 1px dashed #959595;
  color: #111;
  position: relative;
}
.b-coupons__cta.clicked .img-copy,
.b-coupons__cta.clicked .img-check {
  left: 16px;
  position: absolute;
}
.b-coupons__cta.clicked .clicked {
  display: none !important;
}
.b-coupons__terms-and-conditions-accordion {
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  border-top: 1px dashed #959595;
  padding: 16px 0 0;
  margin-top: 16px;
}
.b-coupons__privacy-cookie-policy {
  margin: 16px 0;
}
.b-coupons__privacy-cookie-policy--title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  margin: 8px 0 12px;
}
.b-coupons .b-pagination {
  margin: 28px 0 48px;
}
.b-coupons .b-pagination__item-highlighted {
  background-color: #f5f5f5;
  border: 1px solid #d5d5d5;
}

/* stylelint-disable */
/*md

# Icons

## Icons example:

```html_example

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">account:</span>
    <i class="b-icon icon icon-account" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">address:</span>
    <i class="b-icon icon icon-address" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-done:</span>
    <i class="b-icon icon icon-alert-done" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-error:</span>
    <i class="b-icon icon icon-alert-error" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-success:</span>
    <i class="b-icon icon icon-alert-success" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">amber-card:</span>
    <i class="b-icon icon icon-amber-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">apple:</span>
    <i class="b-icon icon icon-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-down:</span>
    <i class="b-icon icon icon-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-left:</span>
    <i class="b-icon icon icon-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-right:</span>
    <i class="b-icon icon icon-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-up:</span>
    <i class="b-icon icon icon-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">back:</span>
    <i class="b-icon icon icon-back" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">calendar:</span>
    <i class="b-icon icon icon-calendar" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cart:</span>
    <i class="b-icon icon icon-cart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cash-on-delivery:</span>
    <i class="b-icon icon icon-cash-on-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check:</span>
    <i class="b-icon icon icon-check" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle:</span>
    <i class="b-icon icon icon-check-circle" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle-white:</span>
    <i class="b-icon icon icon-check-circle-white" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-down:</span>
    <i class="b-icon icon icon-chevron-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-left:</span>
    <i class="b-icon icon icon-chevron-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-right:</span>
    <i class="b-icon icon icon-chevron-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-up:</span>
    <i class="b-icon icon icon-chevron-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">clear:</span>
    <i class="b-icon icon icon-clear" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">close:</span>
    <i class="b-icon icon icon-close" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">credit-card:</span>
    <i class="b-icon icon icon-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">delivery:</span>
    <i class="b-icon icon icon-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">edit:</span>
    <i class="b-icon icon icon-edit" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">export:</span>
    <i class="b-icon icon icon-export" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">eye:</span>
    <i class="b-icon icon icon-eye" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">facebook:</span>
    <i class="b-icon icon icon-facebook" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">gift:</span>
    <i class="b-icon icon icon-gift" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftcard:</span>
    <i class="b-icon icon icon-giftcard" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftregistry:</span>
    <i class="b-icon icon icon-giftregistry" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart:</span>
    <i class="b-icon icon icon-heart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart-full:</span>
    <i class="b-icon icon icon-heart-full" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">home-smile:</span>
    <i class="b-icon icon icon-home-smile" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">info:</span>
    <i class="b-icon icon icon-info" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">instagram:</span>
    <i class="b-icon icon icon-instagram" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location:</span>
    <i class="b-icon icon icon-location" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location-1:</span>
    <i class="b-icon icon icon-location-1" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">lock:</span>
    <i class="b-icon icon icon-lock" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify:</span>
    <i class="b-icon icon icon-magnify" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify-minus:</span>
    <i class="b-icon icon icon-magnify-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">mail:</span>
    <i class="b-icon icon icon-mail" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">map-pin:</span>
    <i class="b-icon icon icon-map-pin" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">menu:</span>
    <i class="b-icon icon icon-menu" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">minus:</span>
    <i class="b-icon icon icon-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">package:</span>
    <i class="b-icon icon icon-package" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-apple:</span>
    <i class="b-icon icon icon-payment-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-paypal:</span>
    <i class="b-icon icon icon-payment-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">paypal:</span>
    <i class="b-icon icon icon-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pencil:</span>
    <i class="b-icon icon icon-pencil" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">phone:</span>
    <i class="b-icon icon icon-phone" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pinterest:</span>
    <i class="b-icon icon icon-pinterest" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">play:</span>
    <i class="b-icon icon icon-play" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">plus:</span>
    <i class="b-icon icon icon-plus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">question:</span>
    <i class="b-icon icon icon-question" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">remove:</span>
    <i class="b-icon icon icon-remove" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">return:</span>
    <i class="b-icon icon icon-return" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search:</span>
    <i class="b-icon icon icon-search" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search-dismiss:</span>
    <i class="b-icon icon icon-search-dismiss" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">service:</span>
    <i class="b-icon icon icon-service" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">share:</span>
    <i class="b-icon icon icon-share" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">shopping-bag:</span>
    <i class="b-icon icon icon-shopping-bag" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">signout:</span>
    <i class="b-icon icon icon-signout" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star:</span>
    <i class="b-icon icon icon-star" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star-filled:</span>
    <i class="b-icon icon icon-star-filled" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">store:</span>
    <i class="b-icon icon icon-store" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">support:</span>
    <i class="b-icon icon icon-support" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">translate:</span>
    <i class="b-icon icon icon-translate" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">trash:</span>
    <i class="b-icon icon icon-trash" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">twitter:</span>
    <i class="b-icon icon icon-twitter" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">user:</span>
    <i class="b-icon icon icon-user" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">whatsapp:</span>
    <i class="b-icon icon icon-whatsapp" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">youtube:</span>
    <i class="b-icon icon icon-youtube" aria-hidden="true" style="font-size: 25px;"></i>
</div>

```
*/
:root {
  --icon-account: "\EA01";
  --icon-address: "\EA02";
  --icon-alert-done: "\EA03";
  --icon-alert-error: "\EA04";
  --icon-alert-success: "\EA05";
  --icon-amber-card: "\EA06";
  --icon-apple: "\EA07";
  --icon-arrow-down: "\EA08";
  --icon-arrow-left: "\EA09";
  --icon-arrow-right: "\EA0A";
  --icon-arrow-up: "\EA0B";
  --icon-back: "\EA0C";
  --icon-calendar: "\EA0D";
  --icon-cart: "\EA0E";
  --icon-cash-on-delivery: "\EA0F";
  --icon-check: "\EA10";
  --icon-check-circle: "\EA11";
  --icon-check-circle-white: "\EA12";
  --icon-chevron-down: "\EA13";
  --icon-chevron-left: "\EA14";
  --icon-chevron-right: "\EA15";
  --icon-chevron-up: "\EA16";
  --icon-clear: "\EA17";
  --icon-close: "\EA18";
  --icon-credit-card: "\EA19";
  --icon-delivery: "\EA1A";
  --icon-edit: "\EA1B";
  --icon-export: "\EA1C";
  --icon-eye: "\EA1D";
  --icon-facebook: "\EA1E";
  --icon-gift: "\EA1F";
  --icon-giftcard: "\EA20";
  --icon-giftregistry: "\EA21";
  --icon-heart: "\EA22";
  --icon-heart-full: "\EA23";
  --icon-home-smile: "\EA24";
  --icon-info: "\EA25";
  --icon-instagram: "\EA26";
  --icon-location: "\EA27";
  --icon-location-1: "\EA28";
  --icon-lock: "\EA29";
  --icon-magnify: "\EA2A";
  --icon-magnify-minus: "\EA2B";
  --icon-mail: "\EA2C";
  --icon-map-pin: "\EA2D";
  --icon-menu: "\EA2E";
  --icon-minus: "\EA2F";
  --icon-package: "\EA30";
  --icon-payment-apple: "\EA31";
  --icon-payment-paypal: "\EA32";
  --icon-paypal: "\EA33";
  --icon-pencil: "\EA34";
  --icon-phone: "\EA35";
  --icon-pinterest: "\EA36";
  --icon-play: "\EA37";
  --icon-plus: "\EA38";
  --icon-question: "\EA39";
  --icon-remove: "\EA3A";
  --icon-return: "\EA3B";
  --icon-search: "\EA3C";
  --icon-search-dismiss: "\EA3D";
  --icon-service: "\EA3E";
  --icon-share: "\EA3F";
  --icon-shopping-bag: "\EA40";
  --icon-signout: "\EA41";
  --icon-star: "\EA42";
  --icon-star-filled: "\EA43";
  --icon-store: "\EA44";
  --icon-support: "\EA45";
  --icon-translate: "\EA46";
  --icon-trash: "\EA47";
  --icon-twitter: "\EA48";
  --icon-user: "\EA49";
  --icon-whatsapp: "\EA4A";
  --icon-youtube: "\EA4B";
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.b-storepage {
  width: 100%;
}
.b-storepage__cmps {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.b-storepage .edgetoedge-1r-1c__row .row {
  margin-left: auto;
  margin-right: auto;
}

.b-pdcmp {
  width: 100%;
}

.experience-commerce_layouts-edgeToEdge1r1c {
  margin: 0 -20px;
}

.edgetoedge-1r-1c__container {
  padding: 20px;
}

.experience-commerce_assets-textBanner, .experience-commerce_assets-multipleText, .experience-commerce_assets-cardsInRow, .experience-commerce_assets-5card2row, .experience-commerce_assets-brandsInRow, .experience-commerce_assets-iconCardsInRow, .experience-commerce_assets-slider1col, .experience-commerce_assets-2cardWithButtonInRow, .experience-commerce_assets-3cardWithButtonInRow, .experience-commerce_assets-4cardWithInnerButton, .experience-commerce_assets-cardsInRowExtended, .experience-commerce_assets-imageAndText, .experience-commerce_assets-communityBlock, .experience-commerce_assets-lovedbyBlock, .experience-commerce_assets-videoTextOver {
  padding-top: 32px;
  padding-bottom: 32px;
}

.experience-commerce_assets-shopByCategory {
  padding-top: 24px;
}

div[class*="experience-component experience-commerce_assets-promoBlock"] {
  padding-top: 24px;
  padding-bottom: 24px;
}
/* stylelint-disable */
/*md

# Icons

## Icons example:

```html_example

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">account:</span>
    <i class="b-icon icon icon-account" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">address:</span>
    <i class="b-icon icon icon-address" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-done:</span>
    <i class="b-icon icon icon-alert-done" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-error:</span>
    <i class="b-icon icon icon-alert-error" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-success:</span>
    <i class="b-icon icon icon-alert-success" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">amber-card:</span>
    <i class="b-icon icon icon-amber-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">apple:</span>
    <i class="b-icon icon icon-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-down:</span>
    <i class="b-icon icon icon-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-left:</span>
    <i class="b-icon icon icon-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-right:</span>
    <i class="b-icon icon icon-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-up:</span>
    <i class="b-icon icon icon-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">back:</span>
    <i class="b-icon icon icon-back" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">calendar:</span>
    <i class="b-icon icon icon-calendar" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cart:</span>
    <i class="b-icon icon icon-cart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cash-on-delivery:</span>
    <i class="b-icon icon icon-cash-on-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check:</span>
    <i class="b-icon icon icon-check" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle:</span>
    <i class="b-icon icon icon-check-circle" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle-white:</span>
    <i class="b-icon icon icon-check-circle-white" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-down:</span>
    <i class="b-icon icon icon-chevron-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-left:</span>
    <i class="b-icon icon icon-chevron-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-right:</span>
    <i class="b-icon icon icon-chevron-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-up:</span>
    <i class="b-icon icon icon-chevron-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">clear:</span>
    <i class="b-icon icon icon-clear" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">close:</span>
    <i class="b-icon icon icon-close" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">credit-card:</span>
    <i class="b-icon icon icon-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">delivery:</span>
    <i class="b-icon icon icon-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">edit:</span>
    <i class="b-icon icon icon-edit" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">export:</span>
    <i class="b-icon icon icon-export" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">eye:</span>
    <i class="b-icon icon icon-eye" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">facebook:</span>
    <i class="b-icon icon icon-facebook" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">gift:</span>
    <i class="b-icon icon icon-gift" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftcard:</span>
    <i class="b-icon icon icon-giftcard" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftregistry:</span>
    <i class="b-icon icon icon-giftregistry" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart:</span>
    <i class="b-icon icon icon-heart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart-full:</span>
    <i class="b-icon icon icon-heart-full" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">home-smile:</span>
    <i class="b-icon icon icon-home-smile" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">info:</span>
    <i class="b-icon icon icon-info" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">instagram:</span>
    <i class="b-icon icon icon-instagram" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location:</span>
    <i class="b-icon icon icon-location" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location-1:</span>
    <i class="b-icon icon icon-location-1" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">lock:</span>
    <i class="b-icon icon icon-lock" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify:</span>
    <i class="b-icon icon icon-magnify" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify-minus:</span>
    <i class="b-icon icon icon-magnify-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">mail:</span>
    <i class="b-icon icon icon-mail" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">map-pin:</span>
    <i class="b-icon icon icon-map-pin" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">menu:</span>
    <i class="b-icon icon icon-menu" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">minus:</span>
    <i class="b-icon icon icon-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">package:</span>
    <i class="b-icon icon icon-package" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-apple:</span>
    <i class="b-icon icon icon-payment-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-paypal:</span>
    <i class="b-icon icon icon-payment-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">paypal:</span>
    <i class="b-icon icon icon-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pencil:</span>
    <i class="b-icon icon icon-pencil" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">phone:</span>
    <i class="b-icon icon icon-phone" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pinterest:</span>
    <i class="b-icon icon icon-pinterest" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">play:</span>
    <i class="b-icon icon icon-play" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">plus:</span>
    <i class="b-icon icon icon-plus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">question:</span>
    <i class="b-icon icon icon-question" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">remove:</span>
    <i class="b-icon icon icon-remove" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">return:</span>
    <i class="b-icon icon icon-return" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search:</span>
    <i class="b-icon icon icon-search" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search-dismiss:</span>
    <i class="b-icon icon icon-search-dismiss" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">service:</span>
    <i class="b-icon icon icon-service" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">share:</span>
    <i class="b-icon icon icon-share" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">shopping-bag:</span>
    <i class="b-icon icon icon-shopping-bag" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">signout:</span>
    <i class="b-icon icon icon-signout" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star:</span>
    <i class="b-icon icon icon-star" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star-filled:</span>
    <i class="b-icon icon icon-star-filled" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">store:</span>
    <i class="b-icon icon icon-store" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">support:</span>
    <i class="b-icon icon icon-support" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">translate:</span>
    <i class="b-icon icon icon-translate" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">trash:</span>
    <i class="b-icon icon icon-trash" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">twitter:</span>
    <i class="b-icon icon icon-twitter" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">user:</span>
    <i class="b-icon icon icon-user" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">whatsapp:</span>
    <i class="b-icon icon icon-whatsapp" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">youtube:</span>
    <i class="b-icon icon icon-youtube" aria-hidden="true" style="font-size: 25px;"></i>
</div>

```
*/
:root {
  --icon-account: "\EA01";
  --icon-address: "\EA02";
  --icon-alert-done: "\EA03";
  --icon-alert-error: "\EA04";
  --icon-alert-success: "\EA05";
  --icon-amber-card: "\EA06";
  --icon-apple: "\EA07";
  --icon-arrow-down: "\EA08";
  --icon-arrow-left: "\EA09";
  --icon-arrow-right: "\EA0A";
  --icon-arrow-up: "\EA0B";
  --icon-back: "\EA0C";
  --icon-calendar: "\EA0D";
  --icon-cart: "\EA0E";
  --icon-cash-on-delivery: "\EA0F";
  --icon-check: "\EA10";
  --icon-check-circle: "\EA11";
  --icon-check-circle-white: "\EA12";
  --icon-chevron-down: "\EA13";
  --icon-chevron-left: "\EA14";
  --icon-chevron-right: "\EA15";
  --icon-chevron-up: "\EA16";
  --icon-clear: "\EA17";
  --icon-close: "\EA18";
  --icon-credit-card: "\EA19";
  --icon-delivery: "\EA1A";
  --icon-edit: "\EA1B";
  --icon-export: "\EA1C";
  --icon-eye: "\EA1D";
  --icon-facebook: "\EA1E";
  --icon-gift: "\EA1F";
  --icon-giftcard: "\EA20";
  --icon-giftregistry: "\EA21";
  --icon-heart: "\EA22";
  --icon-heart-full: "\EA23";
  --icon-home-smile: "\EA24";
  --icon-info: "\EA25";
  --icon-instagram: "\EA26";
  --icon-location: "\EA27";
  --icon-location-1: "\EA28";
  --icon-lock: "\EA29";
  --icon-magnify: "\EA2A";
  --icon-magnify-minus: "\EA2B";
  --icon-mail: "\EA2C";
  --icon-map-pin: "\EA2D";
  --icon-menu: "\EA2E";
  --icon-minus: "\EA2F";
  --icon-package: "\EA30";
  --icon-payment-apple: "\EA31";
  --icon-payment-paypal: "\EA32";
  --icon-paypal: "\EA33";
  --icon-pencil: "\EA34";
  --icon-phone: "\EA35";
  --icon-pinterest: "\EA36";
  --icon-play: "\EA37";
  --icon-plus: "\EA38";
  --icon-question: "\EA39";
  --icon-remove: "\EA3A";
  --icon-return: "\EA3B";
  --icon-search: "\EA3C";
  --icon-search-dismiss: "\EA3D";
  --icon-service: "\EA3E";
  --icon-share: "\EA3F";
  --icon-shopping-bag: "\EA40";
  --icon-signout: "\EA41";
  --icon-star: "\EA42";
  --icon-star-filled: "\EA43";
  --icon-store: "\EA44";
  --icon-support: "\EA45";
  --icon-translate: "\EA46";
  --icon-trash: "\EA47";
  --icon-twitter: "\EA48";
  --icon-user: "\EA49";
  --icon-whatsapp: "\EA4A";
  --icon-youtube: "\EA4B";
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.basic-card[data-type=app_banner] {
  border: 1px solid #e6e6e6;
}
.basic-card[data-type=contentBlock], .basic-card[data-type=contentBlockCTA] {
  margin-top: 24px;
  margin-bottom: 24px;
}
.basic-card__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #323232;
}
.basic-card--textoverlay {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
}
.basic-card--textoverlay .basic-card__content {
  position: absolute;
  padding: 15px;
}
.basic-card--textoverlay .basic-card__content .row {
  display: inline-block;
}
.basic-card__content {
  padding: 16px;
  width: 100%;
}
.basic-card__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.basic-card__image-wrapper {
  width: 100%;
}
.basic-card__content-img-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basic-card__content-img-text {
  font-size: 14px;
  line-height: 20px;
  color: #797979;
  margin-top: 8px;
}
.basic-card__toptitle {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
.basic-card__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}
.basic-card__subtitle, .basic-card__subtitle--markup {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 8px;
}
.basic-card__subtitle--markup a {
  text-decoration: underline;
  color: currentColor;
}
.non-touch .basic-card__subtitle--markup a:hover {
  text-decoration: none;
}
.basic-card__subtitle--markup p {
  margin: 0;
}
.basic-card__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.text-center .basic-card__items {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basic-card__item {
  margin-right: 16px;
}
.basic-card__item:first-child {
  margin-right: 0;
}
.basic-card__link {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #323232;
  display: block;
  font-weight: 700;
  padding: 0;
}
.non-touch .basic-card__link:hover {
  border-bottom: none;
}
.basic-card__button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}
.basic-card__button {
  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;
  margin-bottom: 8px;
}
.basic-card__button-text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.icon-card__container {
  color: #323232;
  text-align: center;
}
.icon-card__icon {
  margin-bottom: 8px;
}
.icon-card__icon .icon {
  padding: 30px;
  border: 1px solid #323232;
  border-radius: 100%;
}
.icon-card__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 700;
  margin: 8px 0;
}
.icon-card__subtitle {
  font-size: 14px;
  line-height: 20px;
  color: #797979;
  margin-bottom: 8px;
}
.non-touch .icon-card__subtitle:hover {
  color: #111;
}

/* stylelint-disable */
/*md

# Icons

## Icons example:

```html_example

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">account:</span>
    <i class="b-icon icon icon-account" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">address:</span>
    <i class="b-icon icon icon-address" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-done:</span>
    <i class="b-icon icon icon-alert-done" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-error:</span>
    <i class="b-icon icon icon-alert-error" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">alert-success:</span>
    <i class="b-icon icon icon-alert-success" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">amber-card:</span>
    <i class="b-icon icon icon-amber-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">apple:</span>
    <i class="b-icon icon icon-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-down:</span>
    <i class="b-icon icon icon-arrow-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-left:</span>
    <i class="b-icon icon icon-arrow-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-right:</span>
    <i class="b-icon icon icon-arrow-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">arrow-up:</span>
    <i class="b-icon icon icon-arrow-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">back:</span>
    <i class="b-icon icon icon-back" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">calendar:</span>
    <i class="b-icon icon icon-calendar" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cart:</span>
    <i class="b-icon icon icon-cart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">cash-on-delivery:</span>
    <i class="b-icon icon icon-cash-on-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check:</span>
    <i class="b-icon icon icon-check" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle:</span>
    <i class="b-icon icon icon-check-circle" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">check-circle-white:</span>
    <i class="b-icon icon icon-check-circle-white" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-down:</span>
    <i class="b-icon icon icon-chevron-down" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-left:</span>
    <i class="b-icon icon icon-chevron-left" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-right:</span>
    <i class="b-icon icon icon-chevron-right" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">chevron-up:</span>
    <i class="b-icon icon icon-chevron-up" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">clear:</span>
    <i class="b-icon icon icon-clear" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">close:</span>
    <i class="b-icon icon icon-close" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">credit-card:</span>
    <i class="b-icon icon icon-credit-card" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">delivery:</span>
    <i class="b-icon icon icon-delivery" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">edit:</span>
    <i class="b-icon icon icon-edit" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">export:</span>
    <i class="b-icon icon icon-export" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">eye:</span>
    <i class="b-icon icon icon-eye" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">facebook:</span>
    <i class="b-icon icon icon-facebook" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">gift:</span>
    <i class="b-icon icon icon-gift" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftcard:</span>
    <i class="b-icon icon icon-giftcard" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">giftregistry:</span>
    <i class="b-icon icon icon-giftregistry" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart:</span>
    <i class="b-icon icon icon-heart" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">heart-full:</span>
    <i class="b-icon icon icon-heart-full" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">home-smile:</span>
    <i class="b-icon icon icon-home-smile" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">info:</span>
    <i class="b-icon icon icon-info" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">instagram:</span>
    <i class="b-icon icon icon-instagram" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location:</span>
    <i class="b-icon icon icon-location" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">location-1:</span>
    <i class="b-icon icon icon-location-1" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">lock:</span>
    <i class="b-icon icon icon-lock" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify:</span>
    <i class="b-icon icon icon-magnify" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">magnify-minus:</span>
    <i class="b-icon icon icon-magnify-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">mail:</span>
    <i class="b-icon icon icon-mail" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">map-pin:</span>
    <i class="b-icon icon icon-map-pin" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">menu:</span>
    <i class="b-icon icon icon-menu" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">minus:</span>
    <i class="b-icon icon icon-minus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">package:</span>
    <i class="b-icon icon icon-package" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-apple:</span>
    <i class="b-icon icon icon-payment-apple" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">payment-paypal:</span>
    <i class="b-icon icon icon-payment-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">paypal:</span>
    <i class="b-icon icon icon-paypal" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pencil:</span>
    <i class="b-icon icon icon-pencil" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">phone:</span>
    <i class="b-icon icon icon-phone" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">pinterest:</span>
    <i class="b-icon icon icon-pinterest" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">play:</span>
    <i class="b-icon icon icon-play" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">plus:</span>
    <i class="b-icon icon icon-plus" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">question:</span>
    <i class="b-icon icon icon-question" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">remove:</span>
    <i class="b-icon icon icon-remove" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">return:</span>
    <i class="b-icon icon icon-return" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search:</span>
    <i class="b-icon icon icon-search" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">search-dismiss:</span>
    <i class="b-icon icon icon-search-dismiss" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">service:</span>
    <i class="b-icon icon icon-service" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">share:</span>
    <i class="b-icon icon icon-share" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">shopping-bag:</span>
    <i class="b-icon icon icon-shopping-bag" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">signout:</span>
    <i class="b-icon icon icon-signout" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star:</span>
    <i class="b-icon icon icon-star" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">star-filled:</span>
    <i class="b-icon icon icon-star-filled" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">store:</span>
    <i class="b-icon icon icon-store" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">support:</span>
    <i class="b-icon icon icon-support" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">translate:</span>
    <i class="b-icon icon icon-translate" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">trash:</span>
    <i class="b-icon icon icon-trash" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">twitter:</span>
    <i class="b-icon icon icon-twitter" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">user:</span>
    <i class="b-icon icon icon-user" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">whatsapp:</span>
    <i class="b-icon icon icon-whatsapp" aria-hidden="true" style="font-size: 25px;"></i>
</div>

<div class="b-icon-example m-margin-b-10">
    <span class="b-icon-example__label d-inline-block m-width-200">youtube:</span>
    <i class="b-icon icon icon-youtube" aria-hidden="true" style="font-size: 25px;"></i>
</div>

```
*/
:root {
  --icon-account: "\EA01";
  --icon-address: "\EA02";
  --icon-alert-done: "\EA03";
  --icon-alert-error: "\EA04";
  --icon-alert-success: "\EA05";
  --icon-amber-card: "\EA06";
  --icon-apple: "\EA07";
  --icon-arrow-down: "\EA08";
  --icon-arrow-left: "\EA09";
  --icon-arrow-right: "\EA0A";
  --icon-arrow-up: "\EA0B";
  --icon-back: "\EA0C";
  --icon-calendar: "\EA0D";
  --icon-cart: "\EA0E";
  --icon-cash-on-delivery: "\EA0F";
  --icon-check: "\EA10";
  --icon-check-circle: "\EA11";
  --icon-check-circle-white: "\EA12";
  --icon-chevron-down: "\EA13";
  --icon-chevron-left: "\EA14";
  --icon-chevron-right: "\EA15";
  --icon-chevron-up: "\EA16";
  --icon-clear: "\EA17";
  --icon-close: "\EA18";
  --icon-credit-card: "\EA19";
  --icon-delivery: "\EA1A";
  --icon-edit: "\EA1B";
  --icon-export: "\EA1C";
  --icon-eye: "\EA1D";
  --icon-facebook: "\EA1E";
  --icon-gift: "\EA1F";
  --icon-giftcard: "\EA20";
  --icon-giftregistry: "\EA21";
  --icon-heart: "\EA22";
  --icon-heart-full: "\EA23";
  --icon-home-smile: "\EA24";
  --icon-info: "\EA25";
  --icon-instagram: "\EA26";
  --icon-location: "\EA27";
  --icon-location-1: "\EA28";
  --icon-lock: "\EA29";
  --icon-magnify: "\EA2A";
  --icon-magnify-minus: "\EA2B";
  --icon-mail: "\EA2C";
  --icon-map-pin: "\EA2D";
  --icon-menu: "\EA2E";
  --icon-minus: "\EA2F";
  --icon-package: "\EA30";
  --icon-payment-apple: "\EA31";
  --icon-payment-paypal: "\EA32";
  --icon-paypal: "\EA33";
  --icon-pencil: "\EA34";
  --icon-phone: "\EA35";
  --icon-pinterest: "\EA36";
  --icon-play: "\EA37";
  --icon-plus: "\EA38";
  --icon-question: "\EA39";
  --icon-remove: "\EA3A";
  --icon-return: "\EA3B";
  --icon-search: "\EA3C";
  --icon-search-dismiss: "\EA3D";
  --icon-service: "\EA3E";
  --icon-share: "\EA3F";
  --icon-shopping-bag: "\EA40";
  --icon-signout: "\EA41";
  --icon-star: "\EA42";
  --icon-star-filled: "\EA43";
  --icon-store: "\EA44";
  --icon-support: "\EA45";
  --icon-translate: "\EA46";
  --icon-trash: "\EA47";
  --icon-twitter: "\EA48";
  --icon-user: "\EA49";
  --icon-whatsapp: "\EA4A";
  --icon-youtube: "\EA4B";
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.promo__container {
  background-color: #f8f8f8;
  color: #323232;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.promo__container.promo--dark {
  color: #fff;
}
.promo__container.promo--reversed {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promo__container.promo--extended {
  margin-top: 0;
}
.promo__container .link {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #323232;
  display: inline-block;
  font-weight: 700;
  padding: 7px 0;
}
.promo__image {
  max-width: 100%;
}
.promo__video {
  display: block;
  width: 100%;
}
.promo__image--outer, .promo__video--outer {
  width: 100%;
}
.promo__main {
  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;
  padding: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.promo__side {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  text-align: center;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.promo__side--bordered.promo__side {
  padding: 20px;
}
.promo--dark .promo__side--bordered {
  background-color: #111;
}
.promo--light .promo__side--bordered {
  background-color: #f8f8f8;
}
.promo__content {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
.promo__content > div:only-child {
  margin-top: 0;
}
.promo__content--centered {
  text-align: center;
}
.promo__videoimage-container--inner-sml {
  margin-top: 8px;
}
.promo__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.promo__subtitle {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  font-weight: 400;
  margin-top: 8px;
}
.promo__description {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}
.promo__link-item-list {
  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;
  list-style: none;
  margin: 7px 0 0;
  padding: 0;
}
.promo__content--centered .promo__link-item-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promo__link-item {
  margin: 8px 0 0 8px;
}
.text-center .promo__link-item {
  margin-right: 8px;
}
.promo__link {
  border-bottom: 1px solid #323232;
}
.promo--dark .promo__link {
  border-color: #fff;
  color: #fff;
}
.promo__button {
  background-color: #111;
  color: #fff;
  padding: 7px 12px;
  height: 32px;
  min-width: auto;
  margin-bottom: 8px;
}

.promoComponentId1 {
  background-color: #111;
}
.bg--promoComponentId1 {
  background-color: #111;
}

.promoComponentId1 .promo__side--bordered.promo__side {
  padding: 20px;
}
.promoComponentId1 .promo__side--bordered .promo__image {
  width: 100%;
}
.promoComponentId1 .promo__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-weight: 400;
}
.promoComponentId1 .promo__link {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}
.promoComponentId1 .promo__description--1 {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId1.promo--reversed .promo__main {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.promoComponentId1.promo--reversed .promo__title {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId1.promo--reversed .promo__link {
  text-transform: none;
  letter-spacing: 0;
}
.promoComponentId1.promo--reversed .promo__link-item-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promoComponentId1.promo--reversed .promo__side--bordered {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
.promoComponentId1.promo--reversed .promo__side--bordered.promo__side {
  padding: 20px;
}
.promoComponentId1.promo--reversed .promo__videoimage-container--outer .promo__image--outer {
  padding: 0;
}
.promoComponentId1 .promo__link-item-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promoComponentId2 {
  background-color: #f8f8f8;
}
.bg--promoComponentId2 {
  background-color: #f8f8f8;
}

.promoComponentId2 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promoComponentId2 .promo__title {
  font-weight: 400;
}
.promoComponentId2 .promo__description--1 {
  margin-top: 16px;
}
.promoComponentId2 .promo__description--3 {
  margin-top: 30px;
}
.promoComponentId2 .promo__button-wrapper {
  margin-top: 16px;
}
.promoComponentId2 .promo__link {
  font-size: 12px;
  line-height: 18px;
  border-bottom: 1px solid #bfbfbf;
}
.promoComponentId2 .promo__button {
  width: 100%;
  max-width: 220px;
}
.promoComponentId3 {
  background-color: #a42337;
}
.bg--promoComponentId3 {
  background-color: #a42337;
}

.promoComponentId3 .promo__button {
  margin-right: 16px;
}
.promoComponentId3 .promo__side--bordered {
  background-color: #a42337;
}
.promoComponentId4 {
  background-color: #a42337;
}
.bg--promoComponentId4 {
  background-color: #a42337;
}

.promoComponentId4 .promo__side {
  background-color: #a42337;
}
.promoComponentId4 .promo__description--1 {
  font-size: 12px;
  line-height: 18px;
}
.promoComponentId4 .promo__subtitle {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  font-weight: 400;
}
.promoComponentId5 {
  background-color: #3f999c;
}
.bg--promoComponentId5 {
  background-color: #3f999c;
}

.promoComponentId5 .promo__side--bordered {
  background-color: #3f999c;
}
.promoComponentId5 .promo__title {
  color: #fff;
  font-weight: 400;
}
.promoComponentId5 .promo__link {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  border-color: #fff;
}
.promoComponentId6 {
  background-color: #111;
}
.bg--promoComponentId6 {
  background-color: #111;
}
.promoComponentId6 .promo__side--bordered {
  background-color: #111;
  position: relative;
}
.promoComponentId6 .promo__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #de3412;
}
.promoComponentId6 .promo__description {
  font-size: 12px;
  line-height: 18px;
}
.promoComponentId6 .promo__link {
  font-size: 12px;
  line-height: 18px;
  border-color: #de3412;
  color: #de3412;
}
.non-touch .promoComponentId6 .promo__link:hover {
  border-color: #fff;
  color: #fff;
}
.promoComponentId7 {
  background-color: #5b6674;
}
.bg--promoComponentId7 {
  background-color: #5b6674;
}

.promoComponentId7 .promo__side--bordered {
  background-color: #5b6674;
  padding: 20px;
}
.promoComponentId7 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promoComponentId7 .promo__title {
  font-size: 13px;
  line-height: 1;
}
.promoComponentId7 .promo__subtitle {
  text-decoration: underline;
}
.promoComponentId7 .promo__description--1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  font-weight: 400;
}
.promoComponentId8 {
  background-color: #f8f8f8;
}
.bg--promoComponentId8 {
  background-color: #f8f8f8;
}

.promoComponentId8 .promo__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.promoComponentId8 .promo__description {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.promoComponentId8 .promo__link-item {
  margin-right: 0;
  margin-left: 0;
  padding-right: 12px;
  padding-left: 12px;
}
.promoComponentId8 .promo__link-item:first-child {
  padding-right: 0;
}
.non-touch .promoComponentId8 .promo__link:hover {
  border-bottom: none;
}
.promoComponentId9 {
  background-image: -webkit-gradient(linear, left top, right top, from(#3a3a3a), to(#1d1d1d));
  background-image: -o-linear-gradient(left, #3a3a3a, #1d1d1d);
  background-image: linear-gradient(-270deg, #3a3a3a, #1d1d1d);
}
.bg--promoComponentId9 {
  background-image: -webkit-gradient(linear, left top, right top, from(#3a3a3a), to(#1d1d1d));
  background-image: -o-linear-gradient(left, #3a3a3a, #1d1d1d);
  background-image: linear-gradient(-270deg, #3a3a3a, #1d1d1d);
}

.promoComponentId9 .promo__title {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId9 .promo__description {
  font-size: 16px;
  line-height: 22px;
  margin: 16px 0 24px;
}
.promoComponentId9 .promo__link-item {
  margin: 0 0 0 16px;
}
.promoComponentId9 .link {
  font-size: 12px;
  line-height: 18px;
}
.promoComponentId11 {
  background-color: #5b6674;
}
.bg--promoComponentId11 {
  background-color: #5b6674;
}

.promoComponentId11.promo--thin .promo__content {
  max-width: none;
}
.promoComponentId11.promo--thin .promo__description {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId11.promo--thin .promo__main {
  padding-top: 0;
  padding-bottom: 0;
}
.bg--promoComponentId11.promo--thin .edgetoedge-1r-1c {
  margin-top: 0;
}
.bg--promoComponentId11.promo--thin .edgetoedge-1r-1c__container {
  padding-top: 24px;
  padding-bottom: 24px;
}

.promoComponentId11 .promo__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}
.promoComponentId11 .promo__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.promoComponentId12 {
  background-color: #5b6674;
}
.bg--promoComponentId12 {
  background-color: #5b6674;
}

.promoComponentId12 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 0;
}
.promoComponentId12 .promo__title {
  font-size: 16px;
  line-height: 22px;
}
.promoComponentId12 .promo__subtitle {
  font-size: 24px;
  line-height: 1;
}
.promoComponentId12 .promo__description--1 {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId12 .promo__description--2 {
  font-size: 28px;
  line-height: 1;
}
.promoComponentId12 .promo__description--3 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.promoComponentId12 .link {
  font-size: 12px;
  line-height: 18px;
  border: none;
}
.promoComponentId12 .promo__link-item-list {
  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;
  padding-right: 0;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5;
}
.promoComponentId13 {
  background-color: #3f999c;
}
.bg--promoComponentId13 {
  background-color: #3f999c;
}

.promoComponentId13 .promo__title {
  color: #fff;
  font-weight: 400;
}
.promoComponentId13 .promo__side--bordered {
  background-color: #3f999c;
}
.promoComponentId13 .promo__link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  border-color: #fff;
}
.promoComponentId14 {
  background-color: #f8f8f8;
}
.bg--promoComponentId14 {
  background-color: #f8f8f8;
}

.promoComponentId14 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promoComponentId14 .promo__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.promoComponentId14 .promo__description--1 {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId14 .subscription-form--btn {
  text-transform: initial;
}
.promoComponentId15 {
  background-color: #f8f8f8;
}
.bg--promoComponentId14 {
  background-color: #f8f8f8;
}

.promoComponentId15 .promo__side {
  padding: 24px 24px 16px;
}
.promoComponentId15 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promoComponentId15 .promo__title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.promoComponentId15 .promo__description--2 {
  margin-top: 16px;
}
.promoComponentId15 .promo__description--1,
.promoComponentId15 .promo__description--2 {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId15 .promo__button-wrapper {
  margin-top: 24px;
}
.promoComponentId15 .promo__button {
  margin-left: 16px;
}
.promoComponentId15 .promo__button:nth-child(2n) {
  margin-left: 0;
}
.promoComponentId15 .promo__descriptionlink {
  font-size: 14px;
  line-height: 20px;
  margin-top: 24px;
}
.promoComponentId16 {
  background-color: #3f999c;
  color: #fff;
}
.bg--promoComponentId2 {
  background-color: #3f999c;
}

.promoComponentId16 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
}
.promoComponentId16 .promo__title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.promoComponentId16 .promo__description--1 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.promoComponentId16 .promo__description--3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  display: none;
}
.promoComponentId16 .promo__button-wrapper {
  margin-top: 16px;
}
.promoComponentId16 .promo__button {
  width: 100%;
  max-width: 220px;
}
.promoComponentId17 {
  background-color: #3f999c;
  color: #fff;
}
.bg--promoComponentId2 {
  background-color: #3f999c;
}

.promoComponentId17 .promo__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  text-align: center;
}
.promoComponentId17 .promo__image--outer {
  padding: 32px 20px 8px;
}
.promoComponentId17 .promo__title {
  font-size: 14px;
  line-height: 20px;
}
.promoComponentId17 .promo__description--1 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
}

.saving__items {
  background-color: #fff;
  color: #111;
}
.saving__items--2 > div:nth-child(1) {
  background-color: #000;
  color: #fff;
}
.saving__items--2 > div:nth-child(1) .link {
  color: #fff;
  border-color: #fff;
}
.saving__offer {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  min-width: 105px;
  width: 105px;
}
.saving__offer-value {
  font-size: 14px;
  line-height: 20px;
}
.saving__offer-value span {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  font-weight: 400;
  line-height: 48px;
  display: block;
  font-style: italic;
}
.saving__item {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}
.saving__description {
  text-align: right;
  padding-right: 12px;
}
.saving__description-text {
  font-size: 12px;
  line-height: 18px;
}
.saving__description-link .link {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 500;
}

.onesaving__items {
  color: #fff;
}
.onesaving__offer {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  font-weight: 400;
}
.onesaving__description {
  margin-top: 8px;
}
.onesaving__description-text {
  font-size: 14px;
  line-height: 20px;
}

/*md

# Typography

## Typography types:

```html_example
    <div class="m-text--h1 m-margin-b-10">h1</div><div class="m-text--h2 m-margin-b-10">h2</div><div class="m-text--h3 m-margin-b-10">h3</div><div class="m-text--h4 m-margin-b-10">h4</div><div class="m-text--h5 m-margin-b-10">h5</div><div class="m-text--h5-sm m-margin-b-10">h5-sm</div><div class="m-text--h6 m-margin-b-10">h6</div><div class="m-text--h6-sm m-margin-b-10">h6-sm</div><div class="m-text--p-lg m-margin-b-10">p-lg</div><div class="m-text--p-rg m-margin-b-10">p-rg</div><div class="m-text--p-sm m-margin-b-10">p-sm</div><div class="m-text--p-xs m-margin-b-10">p-xs</div><div class="m-text--caption-lg m-margin-b-10">caption-lg</div><div class="m-text--caption-rg m-margin-b-10">caption-rg</div><div class="m-text--caption-sm m-margin-b-10">caption-sm</div><div class="m-text--caption-xs m-margin-b-10">caption-xs</div><div class="m-text--body m-margin-b-10">body</div><div class="m-text--btn m-margin-b-10">btn</div><div class="m-text--btn-small m-margin-b-10">btn-small</div><div class="m-text--btn-icon m-margin-b-10">btn-icon</div><div class="m-text--icon m-margin-b-10"><i class="b-icon icon icon-menu" aria-hidden="true"></i></div>
```
*/
/*md

# Colors

## Colors pallete:

```html_example
    black         : (base: #000), <br>
    white         : (base: #fff), <br>
    gray          : (base: #111, 1: #323232, 2: #4a4a4a, 3: #797979, 4: #959595, 5: #c3c3c3, 6: #d5d5d5, 7: #e6e6e6, 8: #f8f8f8), <br>
    green         : (base: #47bb9c, 1: #289e7f, 2: #3f999c), <br>
    yellow        : (base: #ecac2d, 1: #de9f20), <br>
    red           : (base: #a42337, 1: #cc162c), <br>
    teal-dark     : (base: #1f6276, 2: #5b6674), <br>
    asphalt       : (base: #849db3), <br>
    blue-pastel   : (base: #b7c5d5), <br>
    coral         : (base: #996c12), <br>
    coral-muted   : (base: #e3aa9e), <br>
    blue          : (base: #497297, 1: #3d5d7a), <br>
    text          : (base: #000), <br>
    none          : (base: transparent)
```
*/
@media (min-width: 377px) {
  .b-tabby__iframe {
    height: 39rem;
  }
  .b-taly__iframe {
    height: 39rem;
  }
}
@media (min-width: 421px) {
  .b-tabby__iframe {
    height: 37rem;
  }
  .b-taly__iframe {
    height: 37rem;
  }
}
@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-sm-0 {
    margin-right: 0;
  }
  .offset-sm-1 {
    margin-right: 8.33333333%;
  }
  .offset-sm-2 {
    margin-right: 16.66666667%;
  }
  .offset-sm-3 {
    margin-right: 25%;
  }
  .offset-sm-4 {
    margin-right: 33.33333333%;
  }
  .offset-sm-5 {
    margin-right: 41.66666667%;
  }
  .offset-sm-6 {
    margin-right: 50%;
  }
  .offset-sm-7 {
    margin-right: 58.33333333%;
  }
  .offset-sm-8 {
    margin-right: 66.66666667%;
  }
  .offset-sm-9 {
    margin-right: 75%;
  }
  .offset-sm-10 {
    margin-right: 83.33333333%;
  }
  .offset-sm-11 {
    margin-right: 91.66666667%;
  }
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .dropdown-menu-sm-left {
    left: auto;
    right: 0;
  }
  .dropdown-menu-sm-right {
    left: 0;
    right: auto;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-sm-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-sm-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-sm-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-sm-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
            align-self: auto !important;
  }
  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-sm-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important;
  }
  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
  }
  .float-sm-left {
    float: right !important;
  }
  .float-sm-right {
    float: left !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .text-sm-left {
    text-align: right !important;
  }
  .text-sm-right {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .card-deck {
    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-left: -15px;
    margin-right: -15px;
  }
  .card-deck .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-left: 15px;
    margin-bottom: 0;
    margin-right: 15px;
  }
  .card-group {
    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;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-right: 0;
    border-right: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-columns {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
  .jumbotron {
    padding: 4rem 2rem;
  }
  .m-min-height-vh-10-sm-up {
    min-height: 10vh !important;
  }
  .m-min-height-vw-10-sm-up {
    min-height: 10vw !important;
  }
  .m-min-height-px-10-sm-up {
    min-height: 10px !important;
  }
  .m-min-height-pc-10-sm-up {
    min-height: 1000% !important;
  }
  .m-height-vh-10-sm-up {
    height: 10vh !important;
  }
  .m-height-vw-10-sm-up {
    height: 10vw !important;
  }
  .m-height-px-10-sm-up {
    height: 10px !important;
  }
  .m-height-pc-10-sm-up {
    height: 1000% !important;
  }
  .m-max-height-vh-10-sm-up {
    max-height: 10vh !important;
  }
  .m-max-height-vw-10-sm-up {
    max-height: 10vw !important;
  }
  .m-max-height-px-10-sm-up {
    max-height: 10px !important;
  }
  .m-max-height-pc-10-sm-up {
    max-height: 1000% !important;
  }
  .m-min-height-vh-20-sm-up {
    min-height: 20vh !important;
  }
  .m-min-height-vw-20-sm-up {
    min-height: 20vw !important;
  }
  .m-min-height-px-20-sm-up {
    min-height: 20px !important;
  }
  .m-min-height-pc-20-sm-up {
    min-height: 2000% !important;
  }
  .m-height-vh-20-sm-up {
    height: 20vh !important;
  }
  .m-height-vw-20-sm-up {
    height: 20vw !important;
  }
  .m-height-px-20-sm-up {
    height: 20px !important;
  }
  .m-height-pc-20-sm-up {
    height: 2000% !important;
  }
  .m-max-height-vh-20-sm-up {
    max-height: 20vh !important;
  }
  .m-max-height-vw-20-sm-up {
    max-height: 20vw !important;
  }
  .m-max-height-px-20-sm-up {
    max-height: 20px !important;
  }
  .m-max-height-pc-20-sm-up {
    max-height: 2000% !important;
  }
  .m-min-height-vh-30-sm-up {
    min-height: 30vh !important;
  }
  .m-min-height-vw-30-sm-up {
    min-height: 30vw !important;
  }
  .m-min-height-px-30-sm-up {
    min-height: 30px !important;
  }
  .m-min-height-pc-30-sm-up {
    min-height: 3000% !important;
  }
  .m-height-vh-30-sm-up {
    height: 30vh !important;
  }
  .m-height-vw-30-sm-up {
    height: 30vw !important;
  }
  .m-height-px-30-sm-up {
    height: 30px !important;
  }
  .m-height-pc-30-sm-up {
    height: 3000% !important;
  }
  .m-max-height-vh-30-sm-up {
    max-height: 30vh !important;
  }
  .m-max-height-vw-30-sm-up {
    max-height: 30vw !important;
  }
  .m-max-height-px-30-sm-up {
    max-height: 30px !important;
  }
  .m-max-height-pc-30-sm-up {
    max-height: 3000% !important;
  }
  .m-min-height-vh-40-sm-up {
    min-height: 40vh !important;
  }
  .m-min-height-vw-40-sm-up {
    min-height: 40vw !important;
  }
  .m-min-height-px-40-sm-up {
    min-height: 40px !important;
  }
  .m-min-height-pc-40-sm-up {
    min-height: 4000% !important;
  }
  .m-height-vh-40-sm-up {
    height: 40vh !important;
  }
  .m-height-vw-40-sm-up {
    height: 40vw !important;
  }
  .m-height-px-40-sm-up {
    height: 40px !important;
  }
  .m-height-pc-40-sm-up {
    height: 4000% !important;
  }
  .m-max-height-vh-40-sm-up {
    max-height: 40vh !important;
  }
  .m-max-height-vw-40-sm-up {
    max-height: 40vw !important;
  }
  .m-max-height-px-40-sm-up {
    max-height: 40px !important;
  }
  .m-max-height-pc-40-sm-up {
    max-height: 4000% !important;
  }
  .m-min-height-vh-50-sm-up {
    min-height: 50vh !important;
  }
  .m-min-height-vw-50-sm-up {
    min-height: 50vw !important;
  }
  .m-min-height-px-50-sm-up {
    min-height: 50px !important;
  }
  .m-min-height-pc-50-sm-up {
    min-height: 5000% !important;
  }
  .m-height-vh-50-sm-up {
    height: 50vh !important;
  }
  .m-height-vw-50-sm-up {
    height: 50vw !important;
  }
  .m-height-px-50-sm-up {
    height: 50px !important;
  }
  .m-height-pc-50-sm-up {
    height: 5000% !important;
  }
  .m-max-height-vh-50-sm-up {
    max-height: 50vh !important;
  }
  .m-max-height-vw-50-sm-up {
    max-height: 50vw !important;
  }
  .m-max-height-px-50-sm-up {
    max-height: 50px !important;
  }
  .m-max-height-pc-50-sm-up {
    max-height: 5000% !important;
  }
  .m-min-height-vh-60-sm-up {
    min-height: 60vh !important;
  }
  .m-min-height-vw-60-sm-up {
    min-height: 60vw !important;
  }
  .m-min-height-px-60-sm-up {
    min-height: 60px !important;
  }
  .m-min-height-pc-60-sm-up {
    min-height: 6000% !important;
  }
  .m-height-vh-60-sm-up {
    height: 60vh !important;
  }
  .m-height-vw-60-sm-up {
    height: 60vw !important;
  }
  .m-height-px-60-sm-up {
    height: 60px !important;
  }
  .m-height-pc-60-sm-up {
    height: 6000% !important;
  }
  .m-max-height-vh-60-sm-up {
    max-height: 60vh !important;
  }
  .m-max-height-vw-60-sm-up {
    max-height: 60vw !important;
  }
  .m-max-height-px-60-sm-up {
    max-height: 60px !important;
  }
  .m-max-height-pc-60-sm-up {
    max-height: 6000% !important;
  }
  .m-min-height-vh-70-sm-up {
    min-height: 70vh !important;
  }
  .m-min-height-vw-70-sm-up {
    min-height: 70vw !important;
  }
  .m-min-height-px-70-sm-up {
    min-height: 70px !important;
  }
  .m-min-height-pc-70-sm-up {
    min-height: 7000% !important;
  }
  .m-height-vh-70-sm-up {
    height: 70vh !important;
  }
  .m-height-vw-70-sm-up {
    height: 70vw !important;
  }
  .m-height-px-70-sm-up {
    height: 70px !important;
  }
  .m-height-pc-70-sm-up {
    height: 7000% !important;
  }
  .m-max-height-vh-70-sm-up {
    max-height: 70vh !important;
  }
  .m-max-height-vw-70-sm-up {
    max-height: 70vw !important;
  }
  .m-max-height-px-70-sm-up {
    max-height: 70px !important;
  }
  .m-max-height-pc-70-sm-up {
    max-height: 7000% !important;
  }
  .m-min-height-vh-80-sm-up {
    min-height: 80vh !important;
  }
  .m-min-height-vw-80-sm-up {
    min-height: 80vw !important;
  }
  .m-min-height-px-80-sm-up {
    min-height: 80px !important;
  }
  .m-min-height-pc-80-sm-up {
    min-height: 8000% !important;
  }
  .m-height-vh-80-sm-up {
    height: 80vh !important;
  }
  .m-height-vw-80-sm-up {
    height: 80vw !important;
  }
  .m-height-px-80-sm-up {
    height: 80px !important;
  }
  .m-height-pc-80-sm-up {
    height: 8000% !important;
  }
  .m-max-height-vh-80-sm-up {
    max-height: 80vh !important;
  }
  .m-max-height-vw-80-sm-up {
    max-height: 80vw !important;
  }
  .m-max-height-px-80-sm-up {
    max-height: 80px !important;
  }
  .m-max-height-pc-80-sm-up {
    max-height: 8000% !important;
  }
  .m-min-height-vh-90-sm-up {
    min-height: 90vh !important;
  }
  .m-min-height-vw-90-sm-up {
    min-height: 90vw !important;
  }
  .m-min-height-px-90-sm-up {
    min-height: 90px !important;
  }
  .m-min-height-pc-90-sm-up {
    min-height: 9000% !important;
  }
  .m-height-vh-90-sm-up {
    height: 90vh !important;
  }
  .m-height-vw-90-sm-up {
    height: 90vw !important;
  }
  .m-height-px-90-sm-up {
    height: 90px !important;
  }
  .m-height-pc-90-sm-up {
    height: 9000% !important;
  }
  .m-max-height-vh-90-sm-up {
    max-height: 90vh !important;
  }
  .m-max-height-vw-90-sm-up {
    max-height: 90vw !important;
  }
  .m-max-height-px-90-sm-up {
    max-height: 90px !important;
  }
  .m-max-height-pc-90-sm-up {
    max-height: 9000% !important;
  }
  .m-min-height-vh-100-sm-up {
    min-height: 100vh !important;
  }
  .m-min-height-vw-100-sm-up {
    min-height: 100vw !important;
  }
  .m-min-height-px-100-sm-up {
    min-height: 100px !important;
  }
  .m-min-height-pc-100-sm-up {
    min-height: 10000% !important;
  }
  .m-height-vh-100-sm-up {
    height: 100vh !important;
  }
  .m-height-vw-100-sm-up {
    height: 100vw !important;
  }
  .m-height-px-100-sm-up {
    height: 100px !important;
  }
  .m-height-pc-100-sm-up {
    height: 10000% !important;
  }
  .m-max-height-vh-100-sm-up {
    max-height: 100vh !important;
  }
  .m-max-height-vw-100-sm-up {
    max-height: 100vw !important;
  }
  .m-max-height-px-100-sm-up {
    max-height: 100px !important;
  }
  .m-max-height-pc-100-sm-up {
    max-height: 10000% !important;
  }
  .m-min-height-vh-130-sm-up {
    min-height: 130vh !important;
  }
  .m-min-height-vw-130-sm-up {
    min-height: 130vw !important;
  }
  .m-min-height-px-130-sm-up {
    min-height: 130px !important;
  }
  .m-min-height-pc-130-sm-up {
    min-height: 13000% !important;
  }
  .m-height-vh-130-sm-up {
    height: 130vh !important;
  }
  .m-height-vw-130-sm-up {
    height: 130vw !important;
  }
  .m-height-px-130-sm-up {
    height: 130px !important;
  }
  .m-height-pc-130-sm-up {
    height: 13000% !important;
  }
  .m-max-height-vh-130-sm-up {
    max-height: 130vh !important;
  }
  .m-max-height-vw-130-sm-up {
    max-height: 130vw !important;
  }
  .m-max-height-px-130-sm-up {
    max-height: 130px !important;
  }
  .m-max-height-pc-130-sm-up {
    max-height: 13000% !important;
  }
  .m-min-height-vh-134-sm-up {
    min-height: 134vh !important;
  }
  .m-min-height-vw-134-sm-up {
    min-height: 134vw !important;
  }
  .m-min-height-px-134-sm-up {
    min-height: 134px !important;
  }
  .m-min-height-pc-134-sm-up {
    min-height: 13400% !important;
  }
  .m-height-vh-134-sm-up {
    height: 134vh !important;
  }
  .m-height-vw-134-sm-up {
    height: 134vw !important;
  }
  .m-height-px-134-sm-up {
    height: 134px !important;
  }
  .m-height-pc-134-sm-up {
    height: 13400% !important;
  }
  .m-max-height-vh-134-sm-up {
    max-height: 134vh !important;
  }
  .m-max-height-vw-134-sm-up {
    max-height: 134vw !important;
  }
  .m-max-height-px-134-sm-up {
    max-height: 134px !important;
  }
  .m-max-height-pc-134-sm-up {
    max-height: 13400% !important;
  }
  .m-min-height-vh-150-sm-up {
    min-height: 150vh !important;
  }
  .m-min-height-vw-150-sm-up {
    min-height: 150vw !important;
  }
  .m-min-height-px-150-sm-up {
    min-height: 150px !important;
  }
  .m-min-height-pc-150-sm-up {
    min-height: 15000% !important;
  }
  .m-height-vh-150-sm-up {
    height: 150vh !important;
  }
  .m-height-vw-150-sm-up {
    height: 150vw !important;
  }
  .m-height-px-150-sm-up {
    height: 150px !important;
  }
  .m-height-pc-150-sm-up {
    height: 15000% !important;
  }
  .m-max-height-vh-150-sm-up {
    max-height: 150vh !important;
  }
  .m-max-height-vw-150-sm-up {
    max-height: 150vw !important;
  }
  .m-max-height-px-150-sm-up {
    max-height: 150px !important;
  }
  .m-max-height-pc-150-sm-up {
    max-height: 15000% !important;
  }
  .m-min-height-vh-200-sm-up {
    min-height: 200vh !important;
  }
  .m-min-height-vw-200-sm-up {
    min-height: 200vw !important;
  }
  .m-min-height-px-200-sm-up {
    min-height: 200px !important;
  }
  .m-min-height-pc-200-sm-up {
    min-height: 20000% !important;
  }
  .m-height-vh-200-sm-up {
    height: 200vh !important;
  }
  .m-height-vw-200-sm-up {
    height: 200vw !important;
  }
  .m-height-px-200-sm-up {
    height: 200px !important;
  }
  .m-height-pc-200-sm-up {
    height: 20000% !important;
  }
  .m-max-height-vh-200-sm-up {
    max-height: 200vh !important;
  }
  .m-max-height-vw-200-sm-up {
    max-height: 200vw !important;
  }
  .m-max-height-px-200-sm-up {
    max-height: 200px !important;
  }
  .m-max-height-pc-200-sm-up {
    max-height: 20000% !important;
  }
  .m-min-height-vh-250-sm-up {
    min-height: 250vh !important;
  }
  .m-min-height-vw-250-sm-up {
    min-height: 250vw !important;
  }
  .m-min-height-px-250-sm-up {
    min-height: 250px !important;
  }
  .m-min-height-pc-250-sm-up {
    min-height: 25000% !important;
  }
  .m-height-vh-250-sm-up {
    height: 250vh !important;
  }
  .m-height-vw-250-sm-up {
    height: 250vw !important;
  }
  .m-height-px-250-sm-up {
    height: 250px !important;
  }
  .m-height-pc-250-sm-up {
    height: 25000% !important;
  }
  .m-max-height-vh-250-sm-up {
    max-height: 250vh !important;
  }
  .m-max-height-vw-250-sm-up {
    max-height: 250vw !important;
  }
  .m-max-height-px-250-sm-up {
    max-height: 250px !important;
  }
  .m-max-height-pc-250-sm-up {
    max-height: 25000% !important;
  }
  .m-min-height-vh-285-sm-up {
    min-height: 285vh !important;
  }
  .m-min-height-vw-285-sm-up {
    min-height: 285vw !important;
  }
  .m-min-height-px-285-sm-up {
    min-height: 285px !important;
  }
  .m-min-height-pc-285-sm-up {
    min-height: 28500% !important;
  }
  .m-height-vh-285-sm-up {
    height: 285vh !important;
  }
  .m-height-vw-285-sm-up {
    height: 285vw !important;
  }
  .m-height-px-285-sm-up {
    height: 285px !important;
  }
  .m-height-pc-285-sm-up {
    height: 28500% !important;
  }
  .m-max-height-vh-285-sm-up {
    max-height: 285vh !important;
  }
  .m-max-height-vw-285-sm-up {
    max-height: 285vw !important;
  }
  .m-max-height-px-285-sm-up {
    max-height: 285px !important;
  }
  .m-max-height-pc-285-sm-up {
    max-height: 28500% !important;
  }
  .m-min-height-vh-300-sm-up {
    min-height: 300vh !important;
  }
  .m-min-height-vw-300-sm-up {
    min-height: 300vw !important;
  }
  .m-min-height-px-300-sm-up {
    min-height: 300px !important;
  }
  .m-min-height-pc-300-sm-up {
    min-height: 30000% !important;
  }
  .m-height-vh-300-sm-up {
    height: 300vh !important;
  }
  .m-height-vw-300-sm-up {
    height: 300vw !important;
  }
  .m-height-px-300-sm-up {
    height: 300px !important;
  }
  .m-height-pc-300-sm-up {
    height: 30000% !important;
  }
  .m-max-height-vh-300-sm-up {
    max-height: 300vh !important;
  }
  .m-max-height-vw-300-sm-up {
    max-height: 300vw !important;
  }
  .m-max-height-px-300-sm-up {
    max-height: 300px !important;
  }
  .m-max-height-pc-300-sm-up {
    max-height: 30000% !important;
  }
  .m-min-height-vh-400-sm-up {
    min-height: 400vh !important;
  }
  .m-min-height-vw-400-sm-up {
    min-height: 400vw !important;
  }
  .m-min-height-px-400-sm-up {
    min-height: 400px !important;
  }
  .m-min-height-pc-400-sm-up {
    min-height: 40000% !important;
  }
  .m-height-vh-400-sm-up {
    height: 400vh !important;
  }
  .m-height-vw-400-sm-up {
    height: 400vw !important;
  }
  .m-height-px-400-sm-up {
    height: 400px !important;
  }
  .m-height-pc-400-sm-up {
    height: 40000% !important;
  }
  .m-max-height-vh-400-sm-up {
    max-height: 400vh !important;
  }
  .m-max-height-vw-400-sm-up {
    max-height: 400vw !important;
  }
  .m-max-height-px-400-sm-up {
    max-height: 400px !important;
  }
  .m-max-height-pc-400-sm-up {
    max-height: 40000% !important;
  }
  .m-min-height-vh-450-sm-up {
    min-height: 450vh !important;
  }
  .m-min-height-vw-450-sm-up {
    min-height: 450vw !important;
  }
  .m-min-height-px-450-sm-up {
    min-height: 450px !important;
  }
  .m-min-height-pc-450-sm-up {
    min-height: 45000% !important;
  }
  .m-height-vh-450-sm-up {
    height: 450vh !important;
  }
  .m-height-vw-450-sm-up {
    height: 450vw !important;
  }
  .m-height-px-450-sm-up {
    height: 450px !important;
  }
  .m-height-pc-450-sm-up {
    height: 45000% !important;
  }
  .m-max-height-vh-450-sm-up {
    max-height: 450vh !important;
  }
  .m-max-height-vw-450-sm-up {
    max-height: 450vw !important;
  }
  .m-max-height-px-450-sm-up {
    max-height: 450px !important;
  }
  .m-max-height-pc-450-sm-up {
    max-height: 45000% !important;
  }
  .m-min-height-vh-500-sm-up {
    min-height: 500vh !important;
  }
  .m-min-height-vw-500-sm-up {
    min-height: 500vw !important;
  }
  .m-min-height-px-500-sm-up {
    min-height: 500px !important;
  }
  .m-min-height-pc-500-sm-up {
    min-height: 50000% !important;
  }
  .m-height-vh-500-sm-up {
    height: 500vh !important;
  }
  .m-height-vw-500-sm-up {
    height: 500vw !important;
  }
  .m-height-px-500-sm-up {
    height: 500px !important;
  }
  .m-height-pc-500-sm-up {
    height: 50000% !important;
  }
  .m-max-height-vh-500-sm-up {
    max-height: 500vh !important;
  }
  .m-max-height-vw-500-sm-up {
    max-height: 500vw !important;
  }
  .m-max-height-px-500-sm-up {
    max-height: 500px !important;
  }
  .m-max-height-pc-500-sm-up {
    max-height: 50000% !important;
  }
  .m-min-height-vh-600-sm-up {
    min-height: 600vh !important;
  }
  .m-min-height-vw-600-sm-up {
    min-height: 600vw !important;
  }
  .m-min-height-px-600-sm-up {
    min-height: 600px !important;
  }
  .m-min-height-pc-600-sm-up {
    min-height: 60000% !important;
  }
  .m-height-vh-600-sm-up {
    height: 600vh !important;
  }
  .m-height-vw-600-sm-up {
    height: 600vw !important;
  }
  .m-height-px-600-sm-up {
    height: 600px !important;
  }
  .m-height-pc-600-sm-up {
    height: 60000% !important;
  }
  .m-max-height-vh-600-sm-up {
    max-height: 600vh !important;
  }
  .m-max-height-vw-600-sm-up {
    max-height: 600vw !important;
  }
  .m-max-height-px-600-sm-up {
    max-height: 600px !important;
  }
  .m-max-height-pc-600-sm-up {
    max-height: 60000% !important;
  }
  .m-min-height-vh-700-sm-up {
    min-height: 700vh !important;
  }
  .m-min-height-vw-700-sm-up {
    min-height: 700vw !important;
  }
  .m-min-height-px-700-sm-up {
    min-height: 700px !important;
  }
  .m-min-height-pc-700-sm-up {
    min-height: 70000% !important;
  }
  .m-height-vh-700-sm-up {
    height: 700vh !important;
  }
  .m-height-vw-700-sm-up {
    height: 700vw !important;
  }
  .m-height-px-700-sm-up {
    height: 700px !important;
  }
  .m-height-pc-700-sm-up {
    height: 70000% !important;
  }
  .m-max-height-vh-700-sm-up {
    max-height: 700vh !important;
  }
  .m-max-height-vw-700-sm-up {
    max-height: 700vw !important;
  }
  .m-max-height-px-700-sm-up {
    max-height: 700px !important;
  }
  .m-max-height-pc-700-sm-up {
    max-height: 70000% !important;
  }
  .m-min-height-vh-800-sm-up {
    min-height: 800vh !important;
  }
  .m-min-height-vw-800-sm-up {
    min-height: 800vw !important;
  }
  .m-min-height-px-800-sm-up {
    min-height: 800px !important;
  }
  .m-min-height-pc-800-sm-up {
    min-height: 80000% !important;
  }
  .m-height-vh-800-sm-up {
    height: 800vh !important;
  }
  .m-height-vw-800-sm-up {
    height: 800vw !important;
  }
  .m-height-px-800-sm-up {
    height: 800px !important;
  }
  .m-height-pc-800-sm-up {
    height: 80000% !important;
  }
  .m-max-height-vh-800-sm-up {
    max-height: 800vh !important;
  }
  .m-max-height-vw-800-sm-up {
    max-height: 800vw !important;
  }
  .m-max-height-px-800-sm-up {
    max-height: 800px !important;
  }
  .m-max-height-pc-800-sm-up {
    max-height: 80000% !important;
  }
  .m-min-height-vh-900-sm-up {
    min-height: 900vh !important;
  }
  .m-min-height-vw-900-sm-up {
    min-height: 900vw !important;
  }
  .m-min-height-px-900-sm-up {
    min-height: 900px !important;
  }
  .m-min-height-pc-900-sm-up {
    min-height: 90000% !important;
  }
  .m-height-vh-900-sm-up {
    height: 900vh !important;
  }
  .m-height-vw-900-sm-up {
    height: 900vw !important;
  }
  .m-height-px-900-sm-up {
    height: 900px !important;
  }
  .m-height-pc-900-sm-up {
    height: 90000% !important;
  }
  .m-max-height-vh-900-sm-up {
    max-height: 900vh !important;
  }
  .m-max-height-vw-900-sm-up {
    max-height: 900vw !important;
  }
  .m-max-height-px-900-sm-up {
    max-height: 900px !important;
  }
  .m-max-height-pc-900-sm-up {
    max-height: 90000% !important;
  }
  .m-min-height-vh-1000-sm-up {
    min-height: 1000vh !important;
  }
  .m-min-height-vw-1000-sm-up {
    min-height: 1000vw !important;
  }
  .m-min-height-px-1000-sm-up {
    min-height: 1000px !important;
  }
  .m-min-height-pc-1000-sm-up {
    min-height: 100000% !important;
  }
  .m-height-vh-1000-sm-up {
    height: 1000vh !important;
  }
  .m-height-vw-1000-sm-up {
    height: 1000vw !important;
  }
  .m-height-px-1000-sm-up {
    height: 1000px !important;
  }
  .m-height-pc-1000-sm-up {
    height: 100000% !important;
  }
  .m-max-height-vh-1000-sm-up {
    max-height: 1000vh !important;
  }
  .m-max-height-vw-1000-sm-up {
    max-height: 1000vw !important;
  }
  .m-max-height-px-1000-sm-up {
    max-height: 1000px !important;
  }
  .m-max-height-pc-1000-sm-up {
    max-height: 100000% !important;
  }
  .m-min-height-vh-1500-sm-up {
    min-height: 1500vh !important;
  }
  .m-min-height-vw-1500-sm-up {
    min-height: 1500vw !important;
  }
  .m-min-height-px-1500-sm-up {
    min-height: 1500px !important;
  }
  .m-min-height-pc-1500-sm-up {
    min-height: 150000% !important;
  }
  .m-height-vh-1500-sm-up {
    height: 1500vh !important;
  }
  .m-height-vw-1500-sm-up {
    height: 1500vw !important;
  }
  .m-height-px-1500-sm-up {
    height: 1500px !important;
  }
  .m-height-pc-1500-sm-up {
    height: 150000% !important;
  }
  .m-max-height-vh-1500-sm-up {
    max-height: 1500vh !important;
  }
  .m-max-height-vw-1500-sm-up {
    max-height: 1500vw !important;
  }
  .m-max-height-px-1500-sm-up {
    max-height: 1500px !important;
  }
  .m-max-height-pc-1500-sm-up {
    max-height: 150000% !important;
  }
  .m-min-height-vh-2000-sm-up {
    min-height: 2000vh !important;
  }
  .m-min-height-vw-2000-sm-up {
    min-height: 2000vw !important;
  }
  .m-min-height-px-2000-sm-up {
    min-height: 2000px !important;
  }
  .m-min-height-pc-2000-sm-up {
    min-height: 200000% !important;
  }
  .m-height-vh-2000-sm-up {
    height: 2000vh !important;
  }
  .m-height-vw-2000-sm-up {
    height: 2000vw !important;
  }
  .m-height-px-2000-sm-up {
    height: 2000px !important;
  }
  .m-height-pc-2000-sm-up {
    height: 200000% !important;
  }
  .m-max-height-vh-2000-sm-up {
    max-height: 2000vh !important;
  }
  .m-max-height-vw-2000-sm-up {
    max-height: 2000vw !important;
  }
  .m-max-height-px-2000-sm-up {
    max-height: 2000px !important;
  }
  .m-max-height-pc-2000-sm-up {
    max-height: 200000% !important;
  }
  .b-footer-menu__nav {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 282px;
        -ms-flex: 0 1 282px;
            flex: 0 1 282px;
    margin-left: 24px;
  }
  .b-tabby__iframe {
    height: 33rem;
  }
  .b-taly__iframe {
    height: 33rem;
  }
  .b-chat-popup {
    max-width: 375px;
  }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .b-producttile__image-link {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
  .col-md {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-md-0 {
    margin-right: 0;
  }
  .offset-md-1 {
    margin-right: 8.33333333%;
  }
  .offset-md-2 {
    margin-right: 16.66666667%;
  }
  .offset-md-3 {
    margin-right: 25%;
  }
  .offset-md-4 {
    margin-right: 33.33333333%;
  }
  .offset-md-5 {
    margin-right: 41.66666667%;
  }
  .offset-md-6 {
    margin-right: 50%;
  }
  .offset-md-7 {
    margin-right: 58.33333333%;
  }
  .offset-md-8 {
    margin-right: 66.66666667%;
  }
  .offset-md-9 {
    margin-right: 75%;
  }
  .offset-md-10 {
    margin-right: 83.33333333%;
  }
  .offset-md-11 {
    margin-right: 91.66666667%;
  }
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .dropdown-menu-md-left {
    left: auto;
    right: 0;
  }
  .dropdown-menu-md-right {
    left: 0;
    right: auto;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-md-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-md-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-md-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-md-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-md-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
            align-self: auto !important;
  }
  .align-self-md-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-md-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-md-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important;
  }
  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
  }
  .float-md-left {
    float: right !important;
  }
  .float-md-right {
    float: left !important;
  }
  .float-md-none {
    float: none !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .text-md-left {
    text-align: right !important;
  }
  .text-md-right {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .m-min-height-vh-10-md-up {
    min-height: 10vh !important;
  }
  .m-min-height-vw-10-md-up {
    min-height: 10vw !important;
  }
  .m-min-height-px-10-md-up {
    min-height: 10px !important;
  }
  .m-min-height-pc-10-md-up {
    min-height: 1000% !important;
  }
  .m-height-vh-10-md-up {
    height: 10vh !important;
  }
  .m-height-vw-10-md-up {
    height: 10vw !important;
  }
  .m-height-px-10-md-up {
    height: 10px !important;
  }
  .m-height-pc-10-md-up {
    height: 1000% !important;
  }
  .m-max-height-vh-10-md-up {
    max-height: 10vh !important;
  }
  .m-max-height-vw-10-md-up {
    max-height: 10vw !important;
  }
  .m-max-height-px-10-md-up {
    max-height: 10px !important;
  }
  .m-max-height-pc-10-md-up {
    max-height: 1000% !important;
  }
  .m-min-height-vh-20-md-up {
    min-height: 20vh !important;
  }
  .m-min-height-vw-20-md-up {
    min-height: 20vw !important;
  }
  .m-min-height-px-20-md-up {
    min-height: 20px !important;
  }
  .m-min-height-pc-20-md-up {
    min-height: 2000% !important;
  }
  .m-height-vh-20-md-up {
    height: 20vh !important;
  }
  .m-height-vw-20-md-up {
    height: 20vw !important;
  }
  .m-height-px-20-md-up {
    height: 20px !important;
  }
  .m-height-pc-20-md-up {
    height: 2000% !important;
  }
  .m-max-height-vh-20-md-up {
    max-height: 20vh !important;
  }
  .m-max-height-vw-20-md-up {
    max-height: 20vw !important;
  }
  .m-max-height-px-20-md-up {
    max-height: 20px !important;
  }
  .m-max-height-pc-20-md-up {
    max-height: 2000% !important;
  }
  .m-min-height-vh-30-md-up {
    min-height: 30vh !important;
  }
  .m-min-height-vw-30-md-up {
    min-height: 30vw !important;
  }
  .m-min-height-px-30-md-up {
    min-height: 30px !important;
  }
  .m-min-height-pc-30-md-up {
    min-height: 3000% !important;
  }
  .m-height-vh-30-md-up {
    height: 30vh !important;
  }
  .m-height-vw-30-md-up {
    height: 30vw !important;
  }
  .m-height-px-30-md-up {
    height: 30px !important;
  }
  .m-height-pc-30-md-up {
    height: 3000% !important;
  }
  .m-max-height-vh-30-md-up {
    max-height: 30vh !important;
  }
  .m-max-height-vw-30-md-up {
    max-height: 30vw !important;
  }
  .m-max-height-px-30-md-up {
    max-height: 30px !important;
  }
  .m-max-height-pc-30-md-up {
    max-height: 3000% !important;
  }
  .m-min-height-vh-40-md-up {
    min-height: 40vh !important;
  }
  .m-min-height-vw-40-md-up {
    min-height: 40vw !important;
  }
  .m-min-height-px-40-md-up {
    min-height: 40px !important;
  }
  .m-min-height-pc-40-md-up {
    min-height: 4000% !important;
  }
  .m-height-vh-40-md-up {
    height: 40vh !important;
  }
  .m-height-vw-40-md-up {
    height: 40vw !important;
  }
  .m-height-px-40-md-up {
    height: 40px !important;
  }
  .m-height-pc-40-md-up {
    height: 4000% !important;
  }
  .m-max-height-vh-40-md-up {
    max-height: 40vh !important;
  }
  .m-max-height-vw-40-md-up {
    max-height: 40vw !important;
  }
  .m-max-height-px-40-md-up {
    max-height: 40px !important;
  }
  .m-max-height-pc-40-md-up {
    max-height: 4000% !important;
  }
  .m-min-height-vh-50-md-up {
    min-height: 50vh !important;
  }
  .m-min-height-vw-50-md-up {
    min-height: 50vw !important;
  }
  .m-min-height-px-50-md-up {
    min-height: 50px !important;
  }
  .m-min-height-pc-50-md-up {
    min-height: 5000% !important;
  }
  .m-height-vh-50-md-up {
    height: 50vh !important;
  }
  .m-height-vw-50-md-up {
    height: 50vw !important;
  }
  .m-height-px-50-md-up {
    height: 50px !important;
  }
  .m-height-pc-50-md-up {
    height: 5000% !important;
  }
  .m-max-height-vh-50-md-up {
    max-height: 50vh !important;
  }
  .m-max-height-vw-50-md-up {
    max-height: 50vw !important;
  }
  .m-max-height-px-50-md-up {
    max-height: 50px !important;
  }
  .m-max-height-pc-50-md-up {
    max-height: 5000% !important;
  }
  .m-min-height-vh-60-md-up {
    min-height: 60vh !important;
  }
  .m-min-height-vw-60-md-up {
    min-height: 60vw !important;
  }
  .m-min-height-px-60-md-up {
    min-height: 60px !important;
  }
  .m-min-height-pc-60-md-up {
    min-height: 6000% !important;
  }
  .m-height-vh-60-md-up {
    height: 60vh !important;
  }
  .m-height-vw-60-md-up {
    height: 60vw !important;
  }
  .m-height-px-60-md-up {
    height: 60px !important;
  }
  .m-height-pc-60-md-up {
    height: 6000% !important;
  }
  .m-max-height-vh-60-md-up {
    max-height: 60vh !important;
  }
  .m-max-height-vw-60-md-up {
    max-height: 60vw !important;
  }
  .m-max-height-px-60-md-up {
    max-height: 60px !important;
  }
  .m-max-height-pc-60-md-up {
    max-height: 6000% !important;
  }
  .m-min-height-vh-70-md-up {
    min-height: 70vh !important;
  }
  .m-min-height-vw-70-md-up {
    min-height: 70vw !important;
  }
  .m-min-height-px-70-md-up {
    min-height: 70px !important;
  }
  .m-min-height-pc-70-md-up {
    min-height: 7000% !important;
  }
  .m-height-vh-70-md-up {
    height: 70vh !important;
  }
  .m-height-vw-70-md-up {
    height: 70vw !important;
  }
  .m-height-px-70-md-up {
    height: 70px !important;
  }
  .m-height-pc-70-md-up {
    height: 7000% !important;
  }
  .m-max-height-vh-70-md-up {
    max-height: 70vh !important;
  }
  .m-max-height-vw-70-md-up {
    max-height: 70vw !important;
  }
  .m-max-height-px-70-md-up {
    max-height: 70px !important;
  }
  .m-max-height-pc-70-md-up {
    max-height: 7000% !important;
  }
  .m-min-height-vh-80-md-up {
    min-height: 80vh !important;
  }
  .m-min-height-vw-80-md-up {
    min-height: 80vw !important;
  }
  .m-min-height-px-80-md-up {
    min-height: 80px !important;
  }
  .m-min-height-pc-80-md-up {
    min-height: 8000% !important;
  }
  .m-height-vh-80-md-up {
    height: 80vh !important;
  }
  .m-height-vw-80-md-up {
    height: 80vw !important;
  }
  .m-height-px-80-md-up {
    height: 80px !important;
  }
  .m-height-pc-80-md-up {
    height: 8000% !important;
  }
  .m-max-height-vh-80-md-up {
    max-height: 80vh !important;
  }
  .m-max-height-vw-80-md-up {
    max-height: 80vw !important;
  }
  .m-max-height-px-80-md-up {
    max-height: 80px !important;
  }
  .m-max-height-pc-80-md-up {
    max-height: 8000% !important;
  }
  .m-min-height-vh-90-md-up {
    min-height: 90vh !important;
  }
  .m-min-height-vw-90-md-up {
    min-height: 90vw !important;
  }
  .m-min-height-px-90-md-up {
    min-height: 90px !important;
  }
  .m-min-height-pc-90-md-up {
    min-height: 9000% !important;
  }
  .m-height-vh-90-md-up {
    height: 90vh !important;
  }
  .m-height-vw-90-md-up {
    height: 90vw !important;
  }
  .m-height-px-90-md-up {
    height: 90px !important;
  }
  .m-height-pc-90-md-up {
    height: 9000% !important;
  }
  .m-max-height-vh-90-md-up {
    max-height: 90vh !important;
  }
  .m-max-height-vw-90-md-up {
    max-height: 90vw !important;
  }
  .m-max-height-px-90-md-up {
    max-height: 90px !important;
  }
  .m-max-height-pc-90-md-up {
    max-height: 9000% !important;
  }
  .m-min-height-vh-100-md-up {
    min-height: 100vh !important;
  }
  .m-min-height-vw-100-md-up {
    min-height: 100vw !important;
  }
  .m-min-height-px-100-md-up {
    min-height: 100px !important;
  }
  .m-min-height-pc-100-md-up {
    min-height: 10000% !important;
  }
  .m-height-vh-100-md-up {
    height: 100vh !important;
  }
  .m-height-vw-100-md-up {
    height: 100vw !important;
  }
  .m-height-px-100-md-up {
    height: 100px !important;
  }
  .m-height-pc-100-md-up {
    height: 10000% !important;
  }
  .m-max-height-vh-100-md-up {
    max-height: 100vh !important;
  }
  .m-max-height-vw-100-md-up {
    max-height: 100vw !important;
  }
  .m-max-height-px-100-md-up {
    max-height: 100px !important;
  }
  .m-max-height-pc-100-md-up {
    max-height: 10000% !important;
  }
  .m-min-height-vh-130-md-up {
    min-height: 130vh !important;
  }
  .m-min-height-vw-130-md-up {
    min-height: 130vw !important;
  }
  .m-min-height-px-130-md-up {
    min-height: 130px !important;
  }
  .m-min-height-pc-130-md-up {
    min-height: 13000% !important;
  }
  .m-height-vh-130-md-up {
    height: 130vh !important;
  }
  .m-height-vw-130-md-up {
    height: 130vw !important;
  }
  .m-height-px-130-md-up {
    height: 130px !important;
  }
  .m-height-pc-130-md-up {
    height: 13000% !important;
  }
  .m-max-height-vh-130-md-up {
    max-height: 130vh !important;
  }
  .m-max-height-vw-130-md-up {
    max-height: 130vw !important;
  }
  .m-max-height-px-130-md-up {
    max-height: 130px !important;
  }
  .m-max-height-pc-130-md-up {
    max-height: 13000% !important;
  }
  .m-min-height-vh-134-md-up {
    min-height: 134vh !important;
  }
  .m-min-height-vw-134-md-up {
    min-height: 134vw !important;
  }
  .m-min-height-px-134-md-up {
    min-height: 134px !important;
  }
  .m-min-height-pc-134-md-up {
    min-height: 13400% !important;
  }
  .m-height-vh-134-md-up {
    height: 134vh !important;
  }
  .m-height-vw-134-md-up {
    height: 134vw !important;
  }
  .m-height-px-134-md-up {
    height: 134px !important;
  }
  .m-height-pc-134-md-up {
    height: 13400% !important;
  }
  .m-max-height-vh-134-md-up {
    max-height: 134vh !important;
  }
  .m-max-height-vw-134-md-up {
    max-height: 134vw !important;
  }
  .m-max-height-px-134-md-up {
    max-height: 134px !important;
  }
  .m-max-height-pc-134-md-up {
    max-height: 13400% !important;
  }
  .m-min-height-vh-150-md-up {
    min-height: 150vh !important;
  }
  .m-min-height-vw-150-md-up {
    min-height: 150vw !important;
  }
  .m-min-height-px-150-md-up {
    min-height: 150px !important;
  }
  .m-min-height-pc-150-md-up {
    min-height: 15000% !important;
  }
  .m-height-vh-150-md-up {
    height: 150vh !important;
  }
  .m-height-vw-150-md-up {
    height: 150vw !important;
  }
  .m-height-px-150-md-up {
    height: 150px !important;
  }
  .m-height-pc-150-md-up {
    height: 15000% !important;
  }
  .m-max-height-vh-150-md-up {
    max-height: 150vh !important;
  }
  .m-max-height-vw-150-md-up {
    max-height: 150vw !important;
  }
  .m-max-height-px-150-md-up {
    max-height: 150px !important;
  }
  .m-max-height-pc-150-md-up {
    max-height: 15000% !important;
  }
  .m-min-height-vh-200-md-up {
    min-height: 200vh !important;
  }
  .m-min-height-vw-200-md-up {
    min-height: 200vw !important;
  }
  .m-min-height-px-200-md-up {
    min-height: 200px !important;
  }
  .m-min-height-pc-200-md-up {
    min-height: 20000% !important;
  }
  .m-height-vh-200-md-up {
    height: 200vh !important;
  }
  .m-height-vw-200-md-up {
    height: 200vw !important;
  }
  .m-height-px-200-md-up {
    height: 200px !important;
  }
  .m-height-pc-200-md-up {
    height: 20000% !important;
  }
  .m-max-height-vh-200-md-up {
    max-height: 200vh !important;
  }
  .m-max-height-vw-200-md-up {
    max-height: 200vw !important;
  }
  .m-max-height-px-200-md-up {
    max-height: 200px !important;
  }
  .m-max-height-pc-200-md-up {
    max-height: 20000% !important;
  }
  .m-min-height-vh-250-md-up {
    min-height: 250vh !important;
  }
  .m-min-height-vw-250-md-up {
    min-height: 250vw !important;
  }
  .m-min-height-px-250-md-up {
    min-height: 250px !important;
  }
  .m-min-height-pc-250-md-up {
    min-height: 25000% !important;
  }
  .m-height-vh-250-md-up {
    height: 250vh !important;
  }
  .m-height-vw-250-md-up {
    height: 250vw !important;
  }
  .m-height-px-250-md-up {
    height: 250px !important;
  }
  .m-height-pc-250-md-up {
    height: 25000% !important;
  }
  .m-max-height-vh-250-md-up {
    max-height: 250vh !important;
  }
  .m-max-height-vw-250-md-up {
    max-height: 250vw !important;
  }
  .m-max-height-px-250-md-up {
    max-height: 250px !important;
  }
  .m-max-height-pc-250-md-up {
    max-height: 25000% !important;
  }
  .m-min-height-vh-285-md-up {
    min-height: 285vh !important;
  }
  .m-min-height-vw-285-md-up {
    min-height: 285vw !important;
  }
  .m-min-height-px-285-md-up {
    min-height: 285px !important;
  }
  .m-min-height-pc-285-md-up {
    min-height: 28500% !important;
  }
  .m-height-vh-285-md-up {
    height: 285vh !important;
  }
  .m-height-vw-285-md-up {
    height: 285vw !important;
  }
  .m-height-px-285-md-up {
    height: 285px !important;
  }
  .m-height-pc-285-md-up {
    height: 28500% !important;
  }
  .m-max-height-vh-285-md-up {
    max-height: 285vh !important;
  }
  .m-max-height-vw-285-md-up {
    max-height: 285vw !important;
  }
  .m-max-height-px-285-md-up {
    max-height: 285px !important;
  }
  .m-max-height-pc-285-md-up {
    max-height: 28500% !important;
  }
  .m-min-height-vh-300-md-up {
    min-height: 300vh !important;
  }
  .m-min-height-vw-300-md-up {
    min-height: 300vw !important;
  }
  .m-min-height-px-300-md-up {
    min-height: 300px !important;
  }
  .m-min-height-pc-300-md-up {
    min-height: 30000% !important;
  }
  .m-height-vh-300-md-up {
    height: 300vh !important;
  }
  .m-height-vw-300-md-up {
    height: 300vw !important;
  }
  .m-height-px-300-md-up {
    height: 300px !important;
  }
  .m-height-pc-300-md-up {
    height: 30000% !important;
  }
  .m-max-height-vh-300-md-up {
    max-height: 300vh !important;
  }
  .m-max-height-vw-300-md-up {
    max-height: 300vw !important;
  }
  .m-max-height-px-300-md-up {
    max-height: 300px !important;
  }
  .m-max-height-pc-300-md-up {
    max-height: 30000% !important;
  }
  .m-min-height-vh-400-md-up {
    min-height: 400vh !important;
  }
  .m-min-height-vw-400-md-up {
    min-height: 400vw !important;
  }
  .m-min-height-px-400-md-up {
    min-height: 400px !important;
  }
  .m-min-height-pc-400-md-up {
    min-height: 40000% !important;
  }
  .m-height-vh-400-md-up {
    height: 400vh !important;
  }
  .m-height-vw-400-md-up {
    height: 400vw !important;
  }
  .m-height-px-400-md-up {
    height: 400px !important;
  }
  .m-height-pc-400-md-up {
    height: 40000% !important;
  }
  .m-max-height-vh-400-md-up {
    max-height: 400vh !important;
  }
  .m-max-height-vw-400-md-up {
    max-height: 400vw !important;
  }
  .m-max-height-px-400-md-up {
    max-height: 400px !important;
  }
  .m-max-height-pc-400-md-up {
    max-height: 40000% !important;
  }
  .m-min-height-vh-450-md-up {
    min-height: 450vh !important;
  }
  .m-min-height-vw-450-md-up {
    min-height: 450vw !important;
  }
  .m-min-height-px-450-md-up {
    min-height: 450px !important;
  }
  .m-min-height-pc-450-md-up {
    min-height: 45000% !important;
  }
  .m-height-vh-450-md-up {
    height: 450vh !important;
  }
  .m-height-vw-450-md-up {
    height: 450vw !important;
  }
  .m-height-px-450-md-up {
    height: 450px !important;
  }
  .m-height-pc-450-md-up {
    height: 45000% !important;
  }
  .m-max-height-vh-450-md-up {
    max-height: 450vh !important;
  }
  .m-max-height-vw-450-md-up {
    max-height: 450vw !important;
  }
  .m-max-height-px-450-md-up {
    max-height: 450px !important;
  }
  .m-max-height-pc-450-md-up {
    max-height: 45000% !important;
  }
  .m-min-height-vh-500-md-up {
    min-height: 500vh !important;
  }
  .m-min-height-vw-500-md-up {
    min-height: 500vw !important;
  }
  .m-min-height-px-500-md-up {
    min-height: 500px !important;
  }
  .m-min-height-pc-500-md-up {
    min-height: 50000% !important;
  }
  .m-height-vh-500-md-up {
    height: 500vh !important;
  }
  .m-height-vw-500-md-up {
    height: 500vw !important;
  }
  .m-height-px-500-md-up {
    height: 500px !important;
  }
  .m-height-pc-500-md-up {
    height: 50000% !important;
  }
  .m-max-height-vh-500-md-up {
    max-height: 500vh !important;
  }
  .m-max-height-vw-500-md-up {
    max-height: 500vw !important;
  }
  .m-max-height-px-500-md-up {
    max-height: 500px !important;
  }
  .m-max-height-pc-500-md-up {
    max-height: 50000% !important;
  }
  .m-min-height-vh-600-md-up {
    min-height: 600vh !important;
  }
  .m-min-height-vw-600-md-up {
    min-height: 600vw !important;
  }
  .m-min-height-px-600-md-up {
    min-height: 600px !important;
  }
  .m-min-height-pc-600-md-up {
    min-height: 60000% !important;
  }
  .m-height-vh-600-md-up {
    height: 600vh !important;
  }
  .m-height-vw-600-md-up {
    height: 600vw !important;
  }
  .m-height-px-600-md-up {
    height: 600px !important;
  }
  .m-height-pc-600-md-up {
    height: 60000% !important;
  }
  .m-max-height-vh-600-md-up {
    max-height: 600vh !important;
  }
  .m-max-height-vw-600-md-up {
    max-height: 600vw !important;
  }
  .m-max-height-px-600-md-up {
    max-height: 600px !important;
  }
  .m-max-height-pc-600-md-up {
    max-height: 60000% !important;
  }
  .m-min-height-vh-700-md-up {
    min-height: 700vh !important;
  }
  .m-min-height-vw-700-md-up {
    min-height: 700vw !important;
  }
  .m-min-height-px-700-md-up {
    min-height: 700px !important;
  }
  .m-min-height-pc-700-md-up {
    min-height: 70000% !important;
  }
  .m-height-vh-700-md-up {
    height: 700vh !important;
  }
  .m-height-vw-700-md-up {
    height: 700vw !important;
  }
  .m-height-px-700-md-up {
    height: 700px !important;
  }
  .m-height-pc-700-md-up {
    height: 70000% !important;
  }
  .m-max-height-vh-700-md-up {
    max-height: 700vh !important;
  }
  .m-max-height-vw-700-md-up {
    max-height: 700vw !important;
  }
  .m-max-height-px-700-md-up {
    max-height: 700px !important;
  }
  .m-max-height-pc-700-md-up {
    max-height: 70000% !important;
  }
  .m-min-height-vh-800-md-up {
    min-height: 800vh !important;
  }
  .m-min-height-vw-800-md-up {
    min-height: 800vw !important;
  }
  .m-min-height-px-800-md-up {
    min-height: 800px !important;
  }
  .m-min-height-pc-800-md-up {
    min-height: 80000% !important;
  }
  .m-height-vh-800-md-up {
    height: 800vh !important;
  }
  .m-height-vw-800-md-up {
    height: 800vw !important;
  }
  .m-height-px-800-md-up {
    height: 800px !important;
  }
  .m-height-pc-800-md-up {
    height: 80000% !important;
  }
  .m-max-height-vh-800-md-up {
    max-height: 800vh !important;
  }
  .m-max-height-vw-800-md-up {
    max-height: 800vw !important;
  }
  .m-max-height-px-800-md-up {
    max-height: 800px !important;
  }
  .m-max-height-pc-800-md-up {
    max-height: 80000% !important;
  }
  .m-min-height-vh-900-md-up {
    min-height: 900vh !important;
  }
  .m-min-height-vw-900-md-up {
    min-height: 900vw !important;
  }
  .m-min-height-px-900-md-up {
    min-height: 900px !important;
  }
  .m-min-height-pc-900-md-up {
    min-height: 90000% !important;
  }
  .m-height-vh-900-md-up {
    height: 900vh !important;
  }
  .m-height-vw-900-md-up {
    height: 900vw !important;
  }
  .m-height-px-900-md-up {
    height: 900px !important;
  }
  .m-height-pc-900-md-up {
    height: 90000% !important;
  }
  .m-max-height-vh-900-md-up {
    max-height: 900vh !important;
  }
  .m-max-height-vw-900-md-up {
    max-height: 900vw !important;
  }
  .m-max-height-px-900-md-up {
    max-height: 900px !important;
  }
  .m-max-height-pc-900-md-up {
    max-height: 90000% !important;
  }
  .m-min-height-vh-1000-md-up {
    min-height: 1000vh !important;
  }
  .m-min-height-vw-1000-md-up {
    min-height: 1000vw !important;
  }
  .m-min-height-px-1000-md-up {
    min-height: 1000px !important;
  }
  .m-min-height-pc-1000-md-up {
    min-height: 100000% !important;
  }
  .m-height-vh-1000-md-up {
    height: 1000vh !important;
  }
  .m-height-vw-1000-md-up {
    height: 1000vw !important;
  }
  .m-height-px-1000-md-up {
    height: 1000px !important;
  }
  .m-height-pc-1000-md-up {
    height: 100000% !important;
  }
  .m-max-height-vh-1000-md-up {
    max-height: 1000vh !important;
  }
  .m-max-height-vw-1000-md-up {
    max-height: 1000vw !important;
  }
  .m-max-height-px-1000-md-up {
    max-height: 1000px !important;
  }
  .m-max-height-pc-1000-md-up {
    max-height: 100000% !important;
  }
  .m-min-height-vh-1500-md-up {
    min-height: 1500vh !important;
  }
  .m-min-height-vw-1500-md-up {
    min-height: 1500vw !important;
  }
  .m-min-height-px-1500-md-up {
    min-height: 1500px !important;
  }
  .m-min-height-pc-1500-md-up {
    min-height: 150000% !important;
  }
  .m-height-vh-1500-md-up {
    height: 1500vh !important;
  }
  .m-height-vw-1500-md-up {
    height: 1500vw !important;
  }
  .m-height-px-1500-md-up {
    height: 1500px !important;
  }
  .m-height-pc-1500-md-up {
    height: 150000% !important;
  }
  .m-max-height-vh-1500-md-up {
    max-height: 1500vh !important;
  }
  .m-max-height-vw-1500-md-up {
    max-height: 1500vw !important;
  }
  .m-max-height-px-1500-md-up {
    max-height: 1500px !important;
  }
  .m-max-height-pc-1500-md-up {
    max-height: 150000% !important;
  }
  .m-min-height-vh-2000-md-up {
    min-height: 2000vh !important;
  }
  .m-min-height-vw-2000-md-up {
    min-height: 2000vw !important;
  }
  .m-min-height-px-2000-md-up {
    min-height: 2000px !important;
  }
  .m-min-height-pc-2000-md-up {
    min-height: 200000% !important;
  }
  .m-height-vh-2000-md-up {
    height: 2000vh !important;
  }
  .m-height-vw-2000-md-up {
    height: 2000vw !important;
  }
  .m-height-px-2000-md-up {
    height: 2000px !important;
  }
  .m-height-pc-2000-md-up {
    height: 200000% !important;
  }
  .m-max-height-vh-2000-md-up {
    max-height: 2000vh !important;
  }
  .m-max-height-vw-2000-md-up {
    max-height: 2000vw !important;
  }
  .m-max-height-px-2000-md-up {
    max-height: 2000px !important;
  }
  .m-max-height-pc-2000-md-up {
    max-height: 200000% !important;
  }
  .btn.m-medium, .dockableContainer .m-medium.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-medium.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-medium.embeddedServiceSidebarButton.uiButton {
    padding: 10px 19px;
    height: 40px;
  }
  .btn__icon-only-mobile {
    margin-left: 8px;
  }
  .b-alert {
    padding: 16px;
  }
  .b-tabs.b-tabs--secondary .b-tabs__links {
    margin: 0;
  }
  .b-tabs.b-tabs--secondary .b-tab {
    color: #797979;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    width: auto;
    min-width: 182px;
    height: 45px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .b-tabs.b-tabs--secondary .b-tab.m-active {
    color: #e83e8c;
    height: 46px;
  }
  .b-tabs.b-tabs--secondary .b-tab-content {
    padding: 28px 20px 30px;
    border: 1px solid transparent;
  }
  .b-tabs.b-tabs--secondary .b-tab-content.m-expanded {
    border-color: #000;
  }
  .b-tabs.b-tabs--primary .b-tab-content {
    padding: 29px 0;
  }
  .b-tab__icon.icon-shipping {
    margin-left: 27px;
  }
  .b-tab__icon.icon-pin {
    margin-right: -9px;
  }
  .b-tab-content {
    padding: 30px;
  }
  .b-modal__dialog {
    overflow-y: auto;
  }
  .b-create-account--checkout {
    margin: 0 auto 24px;
    max-width: 482px;
  }
  .b-child-management__edit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .b-offers-drawer .slick-track {
    margin-inline: auto;
  }
  .b-megamenu-banner .btn, .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton--default,
  .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton,
  .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton, .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton--inverse {
    font-size: 16px;
    line-height: 24px;
    padding: 13px 16px;
    margin-bottom: 24px;
    min-height: 80px;
    width: 200px;
  }
  .b-footer-menu {
    margin-bottom: 0;
  }
  .b-footer-menu__nav {
    margin-bottom: 0;
  }
  .b-footer-menu__nav:last-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 282px;
        -ms-flex: 0 1 282px;
            flex: 0 1 282px;
    margin-left: 0;
  }
  .b-chat-popup {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    bottom: 88px;
    right: 24px ;
    z-index: 14;
  }
  .b-chat-popup__overlay {
    display: none;
    z-index: 13;
  }
  .b-chat-popup__open, .b-chat-popup__close {
    bottom: 24px;
    right: 24px ;
  }
  .b-chat-popup__close--mobile {
    display: none;
  }
  .b-chat-popup__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .b-chat-popup__description {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .b-chat-popup__btn-text {
    font-size: 16px;
    line-height: 24px;
  }
  .popup--mobile {
    display: none !important;
  }
  .popup {
    width: 100%;
    max-width: 400px;
    padding: 0;
  }
  .popup--v-center.popup--h-center {
    top: 50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }
  .popup--h-left {
    right: 24px;
  }
  .popup--h-right {
    left: 24px;
  }
  .popup--h-center {
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .popup--v-top {
    top: 26px;
    bottom: auto;
  }
  .popup--v-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .popup--v-bottom {
    bottom: 26px;
  }
  .b-coupons__header {
    margin-top: 40px 0 0;
  }
  .b-coupons__container {
    padding: 20px;
    margin: 16px 0;
  }
  .b-coupons--description {
    margin: 8px 0;
  }
  .b-coupons__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  .b-coupons__title--container {
    padding-left: 20px;
    white-space: nowrap;
    border-left: 1px solid #c3c3c3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .b-coupons__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  .b-coupons__highlighted-title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    font-weight: 500;
    width: 150px;
    white-space: pre-line;
  }
  .b-coupons__details {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 20px;
  }
  .b-coupons__details--action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 24px;
  }
  .b-coupons__description {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
  .b-coupons__cta {
    min-width: 200px;
  }
  .b-coupons__terms-and-conditions-accordion {
    padding: 20px 0 0;
    margin-top: 20px;
  }
  .b-coupons__info {
    margin-top: 12px;
    -webkit-align-self: start;
        -ms-flex-item-align: start;
            align-self: start;
  }
  .b-coupons__privacy-cookie-policy--title {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    margin: 10px 0;
  }
  .experience-commerce_assets-shopByCategory {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .m-margin-auto-md {
    margin-top: auto !important;
    margin-left: auto !important;
    margin-bottom: auto !important;
    margin-right: auto !important;
  }
  .m-margin-0-md {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
  }
  .m-margin-1-md {
    margin-top: 1px !important;
    margin-left: 1px !important;
    margin-bottom: 1px !important;
    margin-right: 1px !important;
  }
  .m-margin-2-md {
    margin-top: 2px !important;
    margin-left: 2px !important;
    margin-bottom: 2px !important;
    margin-right: 2px !important;
  }
  .m-margin-3-md {
    margin-top: 3px !important;
    margin-left: 3px !important;
    margin-bottom: 3px !important;
    margin-right: 3px !important;
  }
  .m-margin-4-md {
    margin-top: 4px !important;
    margin-left: 4px !important;
    margin-bottom: 4px !important;
    margin-right: 4px !important;
  }
  .m-margin-5-md {
    margin-top: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
  }
  .m-margin-6-md {
    margin-top: 6px !important;
    margin-left: 6px !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
  }
  .m-margin-7-md {
    margin-top: 7px !important;
    margin-left: 7px !important;
    margin-bottom: 7px !important;
    margin-right: 7px !important;
  }
  .m-margin-8-md {
    margin-top: 8px !important;
    margin-left: 8px !important;
    margin-bottom: 8px !important;
    margin-right: 8px !important;
  }
  .m-margin-9-md {
    margin-top: 9px !important;
    margin-left: 9px !important;
    margin-bottom: 9px !important;
    margin-right: 9px !important;
  }
  .m-margin-10-md {
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
  }
  .m-margin-15-md {
    margin-top: 15px !important;
    margin-left: 15px !important;
    margin-bottom: 15px !important;
    margin-right: 15px !important;
  }
  .m-margin-20-md {
    margin-top: 20px !important;
    margin-left: 20px !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;
  }
  .m-margin-25-md {
    margin-top: 25px !important;
    margin-left: 25px !important;
    margin-bottom: 25px !important;
    margin-right: 25px !important;
  }
  .m-margin-30-md {
    margin-top: 30px !important;
    margin-left: 30px !important;
    margin-bottom: 30px !important;
    margin-right: 30px !important;
  }
  .m-margin-35-md {
    margin-top: 35px !important;
    margin-left: 35px !important;
    margin-bottom: 35px !important;
    margin-right: 35px !important;
  }
  .m-margin-40-md {
    margin-top: 40px !important;
    margin-left: 40px !important;
    margin-bottom: 40px !important;
    margin-right: 40px !important;
  }
  .m-margin-45-md {
    margin-top: 45px !important;
    margin-left: 45px !important;
    margin-bottom: 45px !important;
    margin-right: 45px !important;
  }
  .m-margin-50-md {
    margin-top: 50px !important;
    margin-left: 50px !important;
    margin-bottom: 50px !important;
    margin-right: 50px !important;
  }
  .m-margin-55-md {
    margin-top: 55px !important;
    margin-left: 55px !important;
    margin-bottom: 55px !important;
    margin-right: 55px !important;
  }
  .m-margin-60-md {
    margin-top: 60px !important;
    margin-left: 60px !important;
    margin-bottom: 60px !important;
    margin-right: 60px !important;
  }
  .m-margin-65-md {
    margin-top: 65px !important;
    margin-left: 65px !important;
    margin-bottom: 65px !important;
    margin-right: 65px !important;
  }
  .m-margin-70-md {
    margin-top: 70px !important;
    margin-left: 70px !important;
    margin-bottom: 70px !important;
    margin-right: 70px !important;
  }
  .m-margin-75-md {
    margin-top: 75px !important;
    margin-left: 75px !important;
    margin-bottom: 75px !important;
    margin-right: 75px !important;
  }
  .m-margin-80-md {
    margin-top: 80px !important;
    margin-left: 80px !important;
    margin-bottom: 80px !important;
    margin-right: 80px !important;
  }
  .m-margin-85-md {
    margin-top: 85px !important;
    margin-left: 85px !important;
    margin-bottom: 85px !important;
    margin-right: 85px !important;
  }
  .m-margin-90-md {
    margin-top: 90px !important;
    margin-left: 90px !important;
    margin-bottom: 90px !important;
    margin-right: 90px !important;
  }
  .m-margin-95-md {
    margin-top: 95px !important;
    margin-left: 95px !important;
    margin-bottom: 95px !important;
    margin-right: 95px !important;
  }
  .m-margin-100-md {
    margin-top: 100px !important;
    margin-left: 100px !important;
    margin-bottom: 100px !important;
    margin-right: 100px !important;
  }
  .m-margin-h-auto-md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-margin-h-0-md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-margin-h-1-md {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }
  .m-margin-h-2-md {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .m-margin-h-3-md {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .m-margin-h-4-md {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .m-margin-h-5-md {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-margin-h-6-md {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }
  .m-margin-h-7-md {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }
  .m-margin-h-8-md {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .m-margin-h-9-md {
    margin-right: 9px !important;
    margin-left: 9px !important;
  }
  .m-margin-h-10-md {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-margin-h-15-md {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-margin-h-20-md {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-margin-h-25-md {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-margin-h-30-md {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-margin-h-35-md {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-margin-h-40-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-margin-h-45-md {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-margin-h-50-md {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-margin-h-55-md {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-margin-h-60-md {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-margin-h-65-md {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .m-margin-h-70-md {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .m-margin-h-75-md {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .m-margin-h-80-md {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .m-margin-h-85-md {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .m-margin-h-90-md {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .m-margin-h-95-md {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .m-margin-h-100-md {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .m-margin-v-auto-md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-margin-v-0-md {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-margin-v-1-md {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .m-margin-v-2-md {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .m-margin-v-3-md {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-margin-v-4-md {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .m-margin-v-5-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-margin-v-6-md {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .m-margin-v-7-md {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .m-margin-v-8-md {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .m-margin-v-9-md {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .m-margin-v-10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-margin-v-15-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-margin-v-20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-margin-v-25-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-margin-v-30-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-margin-v-35-md {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-margin-v-40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-margin-v-45-md {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-margin-v-50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-margin-v-55-md {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-margin-v-60-md {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-margin-v-65-md {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .m-margin-v-70-md {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-margin-v-75-md {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .m-margin-v-80-md {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-margin-v-85-md {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .m-margin-v-90-md {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .m-margin-v-95-md {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .m-margin-v-100-md {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .m-margin-t-auto-md {
    margin-top: auto !important;
  }
  .m-margin-t-0-md {
    margin-top: 0 !important;
  }
  .m-margin-t-1-md {
    margin-top: 1px !important;
  }
  .m-margin-t-2-md {
    margin-top: 2px !important;
  }
  .m-margin-t-3-md {
    margin-top: 3px !important;
  }
  .m-margin-t-4-md {
    margin-top: 4px !important;
  }
  .m-margin-t-5-md {
    margin-top: 5px !important;
  }
  .m-margin-t-6-md {
    margin-top: 6px !important;
  }
  .m-margin-t-7-md {
    margin-top: 7px !important;
  }
  .m-margin-t-8-md {
    margin-top: 8px !important;
  }
  .m-margin-t-9-md {
    margin-top: 9px !important;
  }
  .m-margin-t-10-md {
    margin-top: 10px !important;
  }
  .m-margin-t-15-md {
    margin-top: 15px !important;
  }
  .m-margin-t-20-md {
    margin-top: 20px !important;
  }
  .m-margin-t-25-md {
    margin-top: 25px !important;
  }
  .m-margin-t-30-md {
    margin-top: 30px !important;
  }
  .m-margin-t-35-md {
    margin-top: 35px !important;
  }
  .m-margin-t-40-md {
    margin-top: 40px !important;
  }
  .m-margin-t-45-md {
    margin-top: 45px !important;
  }
  .m-margin-t-50-md {
    margin-top: 50px !important;
  }
  .m-margin-t-55-md {
    margin-top: 55px !important;
  }
  .m-margin-t-60-md {
    margin-top: 60px !important;
  }
  .m-margin-t-65-md {
    margin-top: 65px !important;
  }
  .m-margin-t-70-md {
    margin-top: 70px !important;
  }
  .m-margin-t-75-md {
    margin-top: 75px !important;
  }
  .m-margin-t-80-md {
    margin-top: 80px !important;
  }
  .m-margin-t-85-md {
    margin-top: 85px !important;
  }
  .m-margin-t-90-md {
    margin-top: 90px !important;
  }
  .m-margin-t-95-md {
    margin-top: 95px !important;
  }
  .m-margin-t-100-md {
    margin-top: 100px !important;
  }
  .m-margin-b-auto-md {
    margin-bottom: auto !important;
  }
  .m-margin-b-0-md {
    margin-bottom: 0 !important;
  }
  .m-margin-b-1-md {
    margin-bottom: 1px !important;
  }
  .m-margin-b-2-md {
    margin-bottom: 2px !important;
  }
  .m-margin-b-3-md {
    margin-bottom: 3px !important;
  }
  .m-margin-b-4-md {
    margin-bottom: 4px !important;
  }
  .m-margin-b-5-md {
    margin-bottom: 5px !important;
  }
  .m-margin-b-6-md {
    margin-bottom: 6px !important;
  }
  .m-margin-b-7-md {
    margin-bottom: 7px !important;
  }
  .m-margin-b-8-md {
    margin-bottom: 8px !important;
  }
  .m-margin-b-9-md {
    margin-bottom: 9px !important;
  }
  .m-margin-b-10-md {
    margin-bottom: 10px !important;
  }
  .m-margin-b-15-md {
    margin-bottom: 15px !important;
  }
  .m-margin-b-20-md {
    margin-bottom: 20px !important;
  }
  .m-margin-b-25-md {
    margin-bottom: 25px !important;
  }
  .m-margin-b-30-md {
    margin-bottom: 30px !important;
  }
  .m-margin-b-35-md {
    margin-bottom: 35px !important;
  }
  .m-margin-b-40-md {
    margin-bottom: 40px !important;
  }
  .m-margin-b-45-md {
    margin-bottom: 45px !important;
  }
  .m-margin-b-50-md {
    margin-bottom: 50px !important;
  }
  .m-margin-b-55-md {
    margin-bottom: 55px !important;
  }
  .m-margin-b-60-md {
    margin-bottom: 60px !important;
  }
  .m-margin-b-65-md {
    margin-bottom: 65px !important;
  }
  .m-margin-b-70-md {
    margin-bottom: 70px !important;
  }
  .m-margin-b-75-md {
    margin-bottom: 75px !important;
  }
  .m-margin-b-80-md {
    margin-bottom: 80px !important;
  }
  .m-margin-b-85-md {
    margin-bottom: 85px !important;
  }
  .m-margin-b-90-md {
    margin-bottom: 90px !important;
  }
  .m-margin-b-95-md {
    margin-bottom: 95px !important;
  }
  .m-margin-b-100-md {
    margin-bottom: 100px !important;
  }
  .m-margin-l-auto-md {
    margin-right: auto !important;
  }
  .m-margin-l-0-md {
    margin-right: 0 !important;
  }
  .m-margin-l-1-md {
    margin-right: 1px !important;
  }
  .m-margin-l-2-md {
    margin-right: 2px !important;
  }
  .m-margin-l-3-md {
    margin-right: 3px !important;
  }
  .m-margin-l-4-md {
    margin-right: 4px !important;
  }
  .m-margin-l-5-md {
    margin-right: 5px !important;
  }
  .m-margin-l-6-md {
    margin-right: 6px !important;
  }
  .m-margin-l-7-md {
    margin-right: 7px !important;
  }
  .m-margin-l-8-md {
    margin-right: 8px !important;
  }
  .m-margin-l-9-md {
    margin-right: 9px !important;
  }
  .m-margin-l-10-md {
    margin-right: 10px !important;
  }
  .m-margin-l-15-md {
    margin-right: 15px !important;
  }
  .m-margin-l-20-md {
    margin-right: 20px !important;
  }
  .m-margin-l-25-md {
    margin-right: 25px !important;
  }
  .m-margin-l-30-md {
    margin-right: 30px !important;
  }
  .m-margin-l-35-md {
    margin-right: 35px !important;
  }
  .m-margin-l-40-md {
    margin-right: 40px !important;
  }
  .m-margin-l-45-md {
    margin-right: 45px !important;
  }
  .m-margin-l-50-md {
    margin-right: 50px !important;
  }
  .m-margin-l-55-md {
    margin-right: 55px !important;
  }
  .m-margin-l-60-md {
    margin-right: 60px !important;
  }
  .m-margin-l-65-md {
    margin-right: 65px !important;
  }
  .m-margin-l-70-md {
    margin-right: 70px !important;
  }
  .m-margin-l-75-md {
    margin-right: 75px !important;
  }
  .m-margin-l-80-md {
    margin-right: 80px !important;
  }
  .m-margin-l-85-md {
    margin-right: 85px !important;
  }
  .m-margin-l-90-md {
    margin-right: 90px !important;
  }
  .m-margin-l-95-md {
    margin-right: 95px !important;
  }
  .m-margin-l-100-md {
    margin-right: 100px !important;
  }
  .m-margin-r-auto-md {
    margin-left: auto !important;
  }
  .m-margin-r-0-md {
    margin-left: 0 !important;
  }
  .m-margin-r-1-md {
    margin-left: 1px !important;
  }
  .m-margin-r-2-md {
    margin-left: 2px !important;
  }
  .m-margin-r-3-md {
    margin-left: 3px !important;
  }
  .m-margin-r-4-md {
    margin-left: 4px !important;
  }
  .m-margin-r-5-md {
    margin-left: 5px !important;
  }
  .m-margin-r-6-md {
    margin-left: 6px !important;
  }
  .m-margin-r-7-md {
    margin-left: 7px !important;
  }
  .m-margin-r-8-md {
    margin-left: 8px !important;
  }
  .m-margin-r-9-md {
    margin-left: 9px !important;
  }
  .m-margin-r-10-md {
    margin-left: 10px !important;
  }
  .m-margin-r-15-md {
    margin-left: 15px !important;
  }
  .m-margin-r-20-md {
    margin-left: 20px !important;
  }
  .m-margin-r-25-md {
    margin-left: 25px !important;
  }
  .m-margin-r-30-md {
    margin-left: 30px !important;
  }
  .m-margin-r-35-md {
    margin-left: 35px !important;
  }
  .m-margin-r-40-md {
    margin-left: 40px !important;
  }
  .m-margin-r-45-md {
    margin-left: 45px !important;
  }
  .m-margin-r-50-md {
    margin-left: 50px !important;
  }
  .m-margin-r-55-md {
    margin-left: 55px !important;
  }
  .m-margin-r-60-md {
    margin-left: 60px !important;
  }
  .m-margin-r-65-md {
    margin-left: 65px !important;
  }
  .m-margin-r-70-md {
    margin-left: 70px !important;
  }
  .m-margin-r-75-md {
    margin-left: 75px !important;
  }
  .m-margin-r-80-md {
    margin-left: 80px !important;
  }
  .m-margin-r-85-md {
    margin-left: 85px !important;
  }
  .m-margin-r-90-md {
    margin-left: 90px !important;
  }
  .m-margin-r-95-md {
    margin-left: 95px !important;
  }
  .m-margin-r-100-md {
    margin-left: 100px !important;
  }
  .m-padding-auto-md {
    padding-top: auto !important;
    padding-left: auto !important;
    padding-bottom: auto !important;
    padding-right: auto !important;
  }
  .m-padding-0-md {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
  }
  .m-padding-1-md {
    padding-top: 1px !important;
    padding-left: 1px !important;
    padding-bottom: 1px !important;
    padding-right: 1px !important;
  }
  .m-padding-2-md {
    padding-top: 2px !important;
    padding-left: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 2px !important;
  }
  .m-padding-3-md {
    padding-top: 3px !important;
    padding-left: 3px !important;
    padding-bottom: 3px !important;
    padding-right: 3px !important;
  }
  .m-padding-4-md {
    padding-top: 4px !important;
    padding-left: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 4px !important;
  }
  .m-padding-5-md {
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
  }
  .m-padding-6-md {
    padding-top: 6px !important;
    padding-left: 6px !important;
    padding-bottom: 6px !important;
    padding-right: 6px !important;
  }
  .m-padding-7-md {
    padding-top: 7px !important;
    padding-left: 7px !important;
    padding-bottom: 7px !important;
    padding-right: 7px !important;
  }
  .m-padding-8-md {
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
  }
  .m-padding-9-md {
    padding-top: 9px !important;
    padding-left: 9px !important;
    padding-bottom: 9px !important;
    padding-right: 9px !important;
  }
  .m-padding-10-md {
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
  }
  .m-padding-15-md {
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
  }
  .m-padding-20-md {
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
    padding-right: 20px !important;
  }
  .m-padding-25-md {
    padding-top: 25px !important;
    padding-left: 25px !important;
    padding-bottom: 25px !important;
    padding-right: 25px !important;
  }
  .m-padding-30-md {
    padding-top: 30px !important;
    padding-left: 30px !important;
    padding-bottom: 30px !important;
    padding-right: 30px !important;
  }
  .m-padding-35-md {
    padding-top: 35px !important;
    padding-left: 35px !important;
    padding-bottom: 35px !important;
    padding-right: 35px !important;
  }
  .m-padding-40-md {
    padding-top: 40px !important;
    padding-left: 40px !important;
    padding-bottom: 40px !important;
    padding-right: 40px !important;
  }
  .m-padding-45-md {
    padding-top: 45px !important;
    padding-left: 45px !important;
    padding-bottom: 45px !important;
    padding-right: 45px !important;
  }
  .m-padding-50-md {
    padding-top: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 50px !important;
    padding-right: 50px !important;
  }
  .m-padding-55-md {
    padding-top: 55px !important;
    padding-left: 55px !important;
    padding-bottom: 55px !important;
    padding-right: 55px !important;
  }
  .m-padding-60-md {
    padding-top: 60px !important;
    padding-left: 60px !important;
    padding-bottom: 60px !important;
    padding-right: 60px !important;
  }
  .m-padding-65-md {
    padding-top: 65px !important;
    padding-left: 65px !important;
    padding-bottom: 65px !important;
    padding-right: 65px !important;
  }
  .m-padding-70-md {
    padding-top: 70px !important;
    padding-left: 70px !important;
    padding-bottom: 70px !important;
    padding-right: 70px !important;
  }
  .m-padding-75-md {
    padding-top: 75px !important;
    padding-left: 75px !important;
    padding-bottom: 75px !important;
    padding-right: 75px !important;
  }
  .m-padding-80-md {
    padding-top: 80px !important;
    padding-left: 80px !important;
    padding-bottom: 80px !important;
    padding-right: 80px !important;
  }
  .m-padding-85-md {
    padding-top: 85px !important;
    padding-left: 85px !important;
    padding-bottom: 85px !important;
    padding-right: 85px !important;
  }
  .m-padding-90-md {
    padding-top: 90px !important;
    padding-left: 90px !important;
    padding-bottom: 90px !important;
    padding-right: 90px !important;
  }
  .m-padding-95-md {
    padding-top: 95px !important;
    padding-left: 95px !important;
    padding-bottom: 95px !important;
    padding-right: 95px !important;
  }
  .m-padding-100-md {
    padding-top: 100px !important;
    padding-left: 100px !important;
    padding-bottom: 100px !important;
    padding-right: 100px !important;
  }
  .m-padding-h-auto-md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .m-padding-h-0-md {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .m-padding-h-1-md {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }
  .m-padding-h-2-md {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }
  .m-padding-h-3-md {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .m-padding-h-4-md {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .m-padding-h-5-md {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .m-padding-h-6-md {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
  .m-padding-h-7-md {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
  .m-padding-h-8-md {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .m-padding-h-9-md {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }
  .m-padding-h-10-md {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .m-padding-h-15-md {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .m-padding-h-20-md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .m-padding-h-25-md {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .m-padding-h-30-md {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .m-padding-h-35-md {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .m-padding-h-40-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .m-padding-h-45-md {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .m-padding-h-50-md {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .m-padding-h-55-md {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .m-padding-h-60-md {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .m-padding-h-65-md {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .m-padding-h-70-md {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .m-padding-h-75-md {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .m-padding-h-80-md {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .m-padding-h-85-md {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .m-padding-h-90-md {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .m-padding-h-95-md {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .m-padding-h-100-md {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .m-padding-v-auto-md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .m-padding-v-0-md {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-padding-v-1-md {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .m-padding-v-2-md {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .m-padding-v-3-md {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .m-padding-v-4-md {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-padding-v-5-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .m-padding-v-6-md {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .m-padding-v-7-md {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .m-padding-v-8-md {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-padding-v-9-md {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .m-padding-v-10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .m-padding-v-15-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .m-padding-v-20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-padding-v-25-md {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .m-padding-v-30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .m-padding-v-35-md {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .m-padding-v-40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-padding-v-45-md {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .m-padding-v-50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .m-padding-v-55-md {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .m-padding-v-60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .m-padding-v-65-md {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .m-padding-v-70-md {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .m-padding-v-75-md {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .m-padding-v-80-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .m-padding-v-85-md {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .m-padding-v-90-md {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .m-padding-v-95-md {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .m-padding-v-100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-padding-t-auto-md {
    padding-top: auto !important;
  }
  .m-padding-t-0-md {
    padding-top: 0 !important;
  }
  .m-padding-t-1-md {
    padding-top: 1px !important;
  }
  .m-padding-t-2-md {
    padding-top: 2px !important;
  }
  .m-padding-t-3-md {
    padding-top: 3px !important;
  }
  .m-padding-t-4-md {
    padding-top: 4px !important;
  }
  .m-padding-t-5-md {
    padding-top: 5px !important;
  }
  .m-padding-t-6-md {
    padding-top: 6px !important;
  }
  .m-padding-t-7-md {
    padding-top: 7px !important;
  }
  .m-padding-t-8-md {
    padding-top: 8px !important;
  }
  .m-padding-t-9-md {
    padding-top: 9px !important;
  }
  .m-padding-t-10-md {
    padding-top: 10px !important;
  }
  .m-padding-t-15-md {
    padding-top: 15px !important;
  }
  .m-padding-t-20-md {
    padding-top: 20px !important;
  }
  .m-padding-t-25-md {
    padding-top: 25px !important;
  }
  .m-padding-t-30-md {
    padding-top: 30px !important;
  }
  .m-padding-t-35-md {
    padding-top: 35px !important;
  }
  .m-padding-t-40-md {
    padding-top: 40px !important;
  }
  .m-padding-t-45-md {
    padding-top: 45px !important;
  }
  .m-padding-t-50-md {
    padding-top: 50px !important;
  }
  .m-padding-t-55-md {
    padding-top: 55px !important;
  }
  .m-padding-t-60-md {
    padding-top: 60px !important;
  }
  .m-padding-t-65-md {
    padding-top: 65px !important;
  }
  .m-padding-t-70-md {
    padding-top: 70px !important;
  }
  .m-padding-t-75-md {
    padding-top: 75px !important;
  }
  .m-padding-t-80-md {
    padding-top: 80px !important;
  }
  .m-padding-t-85-md {
    padding-top: 85px !important;
  }
  .m-padding-t-90-md {
    padding-top: 90px !important;
  }
  .m-padding-t-95-md {
    padding-top: 95px !important;
  }
  .m-padding-t-100-md {
    padding-top: 100px !important;
  }
  .m-padding-b-auto-md {
    padding-bottom: auto !important;
  }
  .m-padding-b-0-md {
    padding-bottom: 0 !important;
  }
  .m-padding-b-1-md {
    padding-bottom: 1px !important;
  }
  .m-padding-b-2-md {
    padding-bottom: 2px !important;
  }
  .m-padding-b-3-md {
    padding-bottom: 3px !important;
  }
  .m-padding-b-4-md {
    padding-bottom: 4px !important;
  }
  .m-padding-b-5-md {
    padding-bottom: 5px !important;
  }
  .m-padding-b-6-md {
    padding-bottom: 6px !important;
  }
  .m-padding-b-7-md {
    padding-bottom: 7px !important;
  }
  .m-padding-b-8-md {
    padding-bottom: 8px !important;
  }
  .m-padding-b-9-md {
    padding-bottom: 9px !important;
  }
  .m-padding-b-10-md {
    padding-bottom: 10px !important;
  }
  .m-padding-b-15-md {
    padding-bottom: 15px !important;
  }
  .m-padding-b-20-md {
    padding-bottom: 20px !important;
  }
  .m-padding-b-25-md {
    padding-bottom: 25px !important;
  }
  .m-padding-b-30-md {
    padding-bottom: 30px !important;
  }
  .m-padding-b-35-md {
    padding-bottom: 35px !important;
  }
  .m-padding-b-40-md {
    padding-bottom: 40px !important;
  }
  .m-padding-b-45-md {
    padding-bottom: 45px !important;
  }
  .m-padding-b-50-md {
    padding-bottom: 50px !important;
  }
  .m-padding-b-55-md {
    padding-bottom: 55px !important;
  }
  .m-padding-b-60-md {
    padding-bottom: 60px !important;
  }
  .m-padding-b-65-md {
    padding-bottom: 65px !important;
  }
  .m-padding-b-70-md {
    padding-bottom: 70px !important;
  }
  .m-padding-b-75-md {
    padding-bottom: 75px !important;
  }
  .m-padding-b-80-md {
    padding-bottom: 80px !important;
  }
  .m-padding-b-85-md {
    padding-bottom: 85px !important;
  }
  .m-padding-b-90-md {
    padding-bottom: 90px !important;
  }
  .m-padding-b-95-md {
    padding-bottom: 95px !important;
  }
  .m-padding-b-100-md {
    padding-bottom: 100px !important;
  }
  .m-padding-l-auto-md {
    padding-right: auto !important;
  }
  .m-padding-l-0-md {
    padding-right: 0 !important;
  }
  .m-padding-l-1-md {
    padding-right: 1px !important;
  }
  .m-padding-l-2-md {
    padding-right: 2px !important;
  }
  .m-padding-l-3-md {
    padding-right: 3px !important;
  }
  .m-padding-l-4-md {
    padding-right: 4px !important;
  }
  .m-padding-l-5-md {
    padding-right: 5px !important;
  }
  .m-padding-l-6-md {
    padding-right: 6px !important;
  }
  .m-padding-l-7-md {
    padding-right: 7px !important;
  }
  .m-padding-l-8-md {
    padding-right: 8px !important;
  }
  .m-padding-l-9-md {
    padding-right: 9px !important;
  }
  .m-padding-l-10-md {
    padding-right: 10px !important;
  }
  .m-padding-l-15-md {
    padding-right: 15px !important;
  }
  .m-padding-l-20-md {
    padding-right: 20px !important;
  }
  .m-padding-l-25-md {
    padding-right: 25px !important;
  }
  .m-padding-l-30-md {
    padding-right: 30px !important;
  }
  .m-padding-l-35-md {
    padding-right: 35px !important;
  }
  .m-padding-l-40-md {
    padding-right: 40px !important;
  }
  .m-padding-l-45-md {
    padding-right: 45px !important;
  }
  .m-padding-l-50-md {
    padding-right: 50px !important;
  }
  .m-padding-l-55-md {
    padding-right: 55px !important;
  }
  .m-padding-l-60-md {
    padding-right: 60px !important;
  }
  .m-padding-l-65-md {
    padding-right: 65px !important;
  }
  .m-padding-l-70-md {
    padding-right: 70px !important;
  }
  .m-padding-l-75-md {
    padding-right: 75px !important;
  }
  .m-padding-l-80-md {
    padding-right: 80px !important;
  }
  .m-padding-l-85-md {
    padding-right: 85px !important;
  }
  .m-padding-l-90-md {
    padding-right: 90px !important;
  }
  .m-padding-l-95-md {
    padding-right: 95px !important;
  }
  .m-padding-l-100-md {
    padding-right: 100px !important;
  }
  .m-padding-r-auto-md {
    padding-left: auto !important;
  }
  .m-padding-r-0-md {
    padding-left: 0 !important;
  }
  .m-padding-r-1-md {
    padding-left: 1px !important;
  }
  .m-padding-r-2-md {
    padding-left: 2px !important;
  }
  .m-padding-r-3-md {
    padding-left: 3px !important;
  }
  .m-padding-r-4-md {
    padding-left: 4px !important;
  }
  .m-padding-r-5-md {
    padding-left: 5px !important;
  }
  .m-padding-r-6-md {
    padding-left: 6px !important;
  }
  .m-padding-r-7-md {
    padding-left: 7px !important;
  }
  .m-padding-r-8-md {
    padding-left: 8px !important;
  }
  .m-padding-r-9-md {
    padding-left: 9px !important;
  }
  .m-padding-r-10-md {
    padding-left: 10px !important;
  }
  .m-padding-r-15-md {
    padding-left: 15px !important;
  }
  .m-padding-r-20-md {
    padding-left: 20px !important;
  }
  .m-padding-r-25-md {
    padding-left: 25px !important;
  }
  .m-padding-r-30-md {
    padding-left: 30px !important;
  }
  .m-padding-r-35-md {
    padding-left: 35px !important;
  }
  .m-padding-r-40-md {
    padding-left: 40px !important;
  }
  .m-padding-r-45-md {
    padding-left: 45px !important;
  }
  .m-padding-r-50-md {
    padding-left: 50px !important;
  }
  .m-padding-r-55-md {
    padding-left: 55px !important;
  }
  .m-padding-r-60-md {
    padding-left: 60px !important;
  }
  .m-padding-r-65-md {
    padding-left: 65px !important;
  }
  .m-padding-r-70-md {
    padding-left: 70px !important;
  }
  .m-padding-r-75-md {
    padding-left: 75px !important;
  }
  .m-padding-r-80-md {
    padding-left: 80px !important;
  }
  .m-padding-r-85-md {
    padding-left: 85px !important;
  }
  .m-padding-r-90-md {
    padding-left: 90px !important;
  }
  .m-padding-r-95-md {
    padding-left: 95px !important;
  }
  .m-padding-r-100-md {
    padding-left: 100px !important;
  }
  .m-width-auto-md {
    width: auto !important;
  }
  .m-width-0-md {
    width: 0 !important;
  }
  .m-width-50-md {
    width: 50px !important;
  }
  .m-width-100-md {
    width: 100px !important;
  }
  .m-width-150-md {
    width: 150px !important;
  }
  .m-width-200-md {
    width: 200px !important;
  }
  .m-width-250-md {
    width: 250px !important;
  }
  .m-width-300-md {
    width: 300px !important;
  }
  .m-width-350-md {
    width: 350px !important;
  }
  .m-width-400-md {
    width: 400px !important;
  }
  .m-width-450-md {
    width: 450px !important;
  }
  .m-width-500-md {
    width: 500px !important;
  }
  .m-width-550-md {
    width: 550px !important;
  }
  .m-width-600-md {
    width: 600px !important;
  }
  .m-width-650-md {
    width: 650px !important;
  }
  .m-width-700-md {
    width: 700px !important;
  }
  .m-width-750-md {
    width: 750px !important;
  }
  .m-width-800-md {
    width: 800px !important;
  }
  .m-width-850-md {
    width: 850px !important;
  }
  .m-width-900-md {
    width: 900px !important;
  }
  .m-width-950-md {
    width: 950px !important;
  }
  .m-width-1000-md {
    width: 1000px !important;
  }
  .m-width-perc-0-md {
    width: 0 !important;
  }
  .m-width-perc-5-md {
    width: 5% !important;
  }
  .m-width-perc-10-md {
    width: 10% !important;
  }
  .m-width-perc-15-md {
    width: 15% !important;
  }
  .m-width-perc-20-md {
    width: 20% !important;
  }
  .m-width-perc-25-md {
    width: 25% !important;
  }
  .m-width-perc-30-md {
    width: 30% !important;
  }
  .m-width-perc-35-md {
    width: 35% !important;
  }
  .m-width-perc-40-md {
    width: 40% !important;
  }
  .m-width-perc-45-md {
    width: 45% !important;
  }
  .m-width-perc-50-md {
    width: 50% !important;
  }
  .m-width-perc-55-md {
    width: 55% !important;
  }
  .m-width-perc-60-md {
    width: 60% !important;
  }
  .m-width-perc-65-md {
    width: 65% !important;
  }
  .m-width-perc-70-md {
    width: 70% !important;
  }
  .m-width-perc-75-md {
    width: 75% !important;
  }
  .m-width-perc-80-md {
    width: 80% !important;
  }
  .m-width-perc-85-md {
    width: 85% !important;
  }
  .m-width-perc-90-md {
    width: 90% !important;
  }
  .m-width-perc-95-md {
    width: 95% !important;
  }
  .m-width-perc-100-md {
    width: 100% !important;
  }
  .m-order-0-md {
    -webkit-box-ordinal-group: 1 !important;
    -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .m-order-1-md {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .m-order-2-md {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .m-order-3-md {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .m-order-4-md {
    -webkit-box-ordinal-group: 5 !important;
    -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .m-order-5-md {
    -webkit-box-ordinal-group: 6 !important;
    -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .m-order-6-md {
    -webkit-box-ordinal-group: 7 !important;
    -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-order-7-md {
    -webkit-box-ordinal-group: 8 !important;
    -webkit-order: 7 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
  .m-order-8-md {
    -webkit-box-ordinal-group: 9 !important;
    -webkit-order: 8 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
  .m-order-9-md {
    -webkit-box-ordinal-group: 10 !important;
    -webkit-order: 9 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
  .m-order-10-md {
    -webkit-box-ordinal-group: 11 !important;
    -webkit-order: 10 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
  .m-text--h1-md {
    font-size: 52px !important;
    line-height: 64px !important;
    font-weight: 500 !important;
  }
  .m-text--h1-sm-md {
    font-size: 48px !important;
    line-height: 35px !important;
  }
  .m-text--h2-md {
    font-size: 40px !important;
    line-height: 52px !important;
    font-weight: 700 !important;
  }
  .m-text--h3-md {
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 500 !important;
  }
  .m-text--h4-md {
    font-size: 26px !important;
    line-height: 36px !important;
    font-weight: 500 !important;
  }
  .m-text--h5-md {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
  }
  .m-text--h5-sm-md {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
  }
  .m-text--h6-md {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--h6-md-md {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .m-text--h6-sm-md {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--p-xl-md {
    font-size: 84px !important;
    line-height: 60px !important;
  }
  .m-text--p-xl-2-md {
    font-size: 61px !important;
    line-height: 61px !important;
  }
  .m-text--p-xl-3-md {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  .m-text--p-lg-md {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .m-text--p-lg-2-md {
    font-size: 17px !important;
    line-height: 22px !important;
  }
  .m-text--p-rg-md {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .m-text--p-rg-2-md {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .m-text--p-md-md {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--p-sm-md {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .m-text--p-sm-2-md {
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }
  .m-text--p-xs-md {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .m-text--p-xs-2-md {
    font-size: 11px !important;
    line-height: 16px !important;
  }
  .m-text--caption-lg-md {
    font-size: 24px !important;
    line-height: 36px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--caption-rg-md {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--caption-sm-md {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--caption-xs-md {
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--body-md {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "Tajawal", sans-serif !important;
  }
  .m-text--btn-md {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .m-text--btn-small-md {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--btn-md-md {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--btn-lg-md {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .m-text--checkbox-label-md {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--checkbox-label-text-md {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .m-text--checkbox-label-text-type2-md {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .m-text--btn-icon-md {
    font-size: 16px !important;
    line-height: !important;
  }
  .m-text--list-item-wide-md {
    font-size: 14px !important;
    line-height: 30px !important;
  }
  .m-text--icon-large-md {
    font-size: 24px !important;
    line-height: 1 !important;
  }
  .m-text--icon-xlarge-md {
    font-size: 28px !important;
    line-height: 1 !important;
  }
  .m-text--icon-xxlarge-md {
    font-size: 36px !important;
    line-height: 1 !important;
  }
  .m-text--icon-xxxlarge-md {
    font-size: 54px !important;
    line-height: 1 !important;
  }
  .m-text--icon-md {
    font-size: 20px !important;
    line-height: 1 !important;
  }
  .m-text--icon-medium-md {
    font-size: 16px !important;
    line-height: 1 !important;
  }
  .m-text--icon-small-md {
    font-size: 13px !important;
    line-height: 1 !important;
  }
  .m-text--pd-custom-heading-md {
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: 3.6px !important;
  }
  .m-text--pd-caption {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  .m-text--pd-caption-md {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
  }
  .m-text--pd-markup-lg-md {
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .m-text--link-md {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--refinement-md {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--refinement-filter-md {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
  }
  .b-coupons__header--title {
    font-size: 32px;
    line-height: 40px;
  }
  .onesaving__offer {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .m-text--pd-caption-md {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 940px;
  }
  .col-lg {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-lg-0 {
    margin-right: 0;
  }
  .offset-lg-1 {
    margin-right: 8.33333333%;
  }
  .offset-lg-2 {
    margin-right: 16.66666667%;
  }
  .offset-lg-3 {
    margin-right: 25%;
  }
  .offset-lg-4 {
    margin-right: 33.33333333%;
  }
  .offset-lg-5 {
    margin-right: 41.66666667%;
  }
  .offset-lg-6 {
    margin-right: 50%;
  }
  .offset-lg-7 {
    margin-right: 58.33333333%;
  }
  .offset-lg-8 {
    margin-right: 66.66666667%;
  }
  .offset-lg-9 {
    margin-right: 75%;
  }
  .offset-lg-10 {
    margin-right: 83.33333333%;
  }
  .offset-lg-11 {
    margin-right: 91.66666667%;
  }
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .dropdown-menu-lg-left {
    left: auto;
    right: 0;
  }
  .dropdown-menu-lg-right {
    left: 0;
    right: auto;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-lg-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-lg-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-lg-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-lg-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
            align-self: auto !important;
  }
  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-lg-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important;
  }
  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
  }
  .float-lg-left {
    float: right !important;
  }
  .float-lg-right {
    float: left !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .text-lg-left {
    text-align: right !important;
  }
  .text-lg-right {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .m-min-height-vh-10-lg-up {
    min-height: 10vh !important;
  }
  .m-min-height-vw-10-lg-up {
    min-height: 10vw !important;
  }
  .m-min-height-px-10-lg-up {
    min-height: 10px !important;
  }
  .m-min-height-pc-10-lg-up {
    min-height: 1000% !important;
  }
  .m-height-vh-10-lg-up {
    height: 10vh !important;
  }
  .m-height-vw-10-lg-up {
    height: 10vw !important;
  }
  .m-height-px-10-lg-up {
    height: 10px !important;
  }
  .m-height-pc-10-lg-up {
    height: 1000% !important;
  }
  .m-max-height-vh-10-lg-up {
    max-height: 10vh !important;
  }
  .m-max-height-vw-10-lg-up {
    max-height: 10vw !important;
  }
  .m-max-height-px-10-lg-up {
    max-height: 10px !important;
  }
  .m-max-height-pc-10-lg-up {
    max-height: 1000% !important;
  }
  .m-min-height-vh-20-lg-up {
    min-height: 20vh !important;
  }
  .m-min-height-vw-20-lg-up {
    min-height: 20vw !important;
  }
  .m-min-height-px-20-lg-up {
    min-height: 20px !important;
  }
  .m-min-height-pc-20-lg-up {
    min-height: 2000% !important;
  }
  .m-height-vh-20-lg-up {
    height: 20vh !important;
  }
  .m-height-vw-20-lg-up {
    height: 20vw !important;
  }
  .m-height-px-20-lg-up {
    height: 20px !important;
  }
  .m-height-pc-20-lg-up {
    height: 2000% !important;
  }
  .m-max-height-vh-20-lg-up {
    max-height: 20vh !important;
  }
  .m-max-height-vw-20-lg-up {
    max-height: 20vw !important;
  }
  .m-max-height-px-20-lg-up {
    max-height: 20px !important;
  }
  .m-max-height-pc-20-lg-up {
    max-height: 2000% !important;
  }
  .m-min-height-vh-30-lg-up {
    min-height: 30vh !important;
  }
  .m-min-height-vw-30-lg-up {
    min-height: 30vw !important;
  }
  .m-min-height-px-30-lg-up {
    min-height: 30px !important;
  }
  .m-min-height-pc-30-lg-up {
    min-height: 3000% !important;
  }
  .m-height-vh-30-lg-up {
    height: 30vh !important;
  }
  .m-height-vw-30-lg-up {
    height: 30vw !important;
  }
  .m-height-px-30-lg-up {
    height: 30px !important;
  }
  .m-height-pc-30-lg-up {
    height: 3000% !important;
  }
  .m-max-height-vh-30-lg-up {
    max-height: 30vh !important;
  }
  .m-max-height-vw-30-lg-up {
    max-height: 30vw !important;
  }
  .m-max-height-px-30-lg-up {
    max-height: 30px !important;
  }
  .m-max-height-pc-30-lg-up {
    max-height: 3000% !important;
  }
  .m-min-height-vh-40-lg-up {
    min-height: 40vh !important;
  }
  .m-min-height-vw-40-lg-up {
    min-height: 40vw !important;
  }
  .m-min-height-px-40-lg-up {
    min-height: 40px !important;
  }
  .m-min-height-pc-40-lg-up {
    min-height: 4000% !important;
  }
  .m-height-vh-40-lg-up {
    height: 40vh !important;
  }
  .m-height-vw-40-lg-up {
    height: 40vw !important;
  }
  .m-height-px-40-lg-up {
    height: 40px !important;
  }
  .m-height-pc-40-lg-up {
    height: 4000% !important;
  }
  .m-max-height-vh-40-lg-up {
    max-height: 40vh !important;
  }
  .m-max-height-vw-40-lg-up {
    max-height: 40vw !important;
  }
  .m-max-height-px-40-lg-up {
    max-height: 40px !important;
  }
  .m-max-height-pc-40-lg-up {
    max-height: 4000% !important;
  }
  .m-min-height-vh-50-lg-up {
    min-height: 50vh !important;
  }
  .m-min-height-vw-50-lg-up {
    min-height: 50vw !important;
  }
  .m-min-height-px-50-lg-up {
    min-height: 50px !important;
  }
  .m-min-height-pc-50-lg-up {
    min-height: 5000% !important;
  }
  .m-height-vh-50-lg-up {
    height: 50vh !important;
  }
  .m-height-vw-50-lg-up {
    height: 50vw !important;
  }
  .m-height-px-50-lg-up {
    height: 50px !important;
  }
  .m-height-pc-50-lg-up {
    height: 5000% !important;
  }
  .m-max-height-vh-50-lg-up {
    max-height: 50vh !important;
  }
  .m-max-height-vw-50-lg-up {
    max-height: 50vw !important;
  }
  .m-max-height-px-50-lg-up {
    max-height: 50px !important;
  }
  .m-max-height-pc-50-lg-up {
    max-height: 5000% !important;
  }
  .m-min-height-vh-60-lg-up {
    min-height: 60vh !important;
  }
  .m-min-height-vw-60-lg-up {
    min-height: 60vw !important;
  }
  .m-min-height-px-60-lg-up {
    min-height: 60px !important;
  }
  .m-min-height-pc-60-lg-up {
    min-height: 6000% !important;
  }
  .m-height-vh-60-lg-up {
    height: 60vh !important;
  }
  .m-height-vw-60-lg-up {
    height: 60vw !important;
  }
  .m-height-px-60-lg-up {
    height: 60px !important;
  }
  .m-height-pc-60-lg-up {
    height: 6000% !important;
  }
  .m-max-height-vh-60-lg-up {
    max-height: 60vh !important;
  }
  .m-max-height-vw-60-lg-up {
    max-height: 60vw !important;
  }
  .m-max-height-px-60-lg-up {
    max-height: 60px !important;
  }
  .m-max-height-pc-60-lg-up {
    max-height: 6000% !important;
  }
  .m-min-height-vh-70-lg-up {
    min-height: 70vh !important;
  }
  .m-min-height-vw-70-lg-up {
    min-height: 70vw !important;
  }
  .m-min-height-px-70-lg-up {
    min-height: 70px !important;
  }
  .m-min-height-pc-70-lg-up {
    min-height: 7000% !important;
  }
  .m-height-vh-70-lg-up {
    height: 70vh !important;
  }
  .m-height-vw-70-lg-up {
    height: 70vw !important;
  }
  .m-height-px-70-lg-up {
    height: 70px !important;
  }
  .m-height-pc-70-lg-up {
    height: 7000% !important;
  }
  .m-max-height-vh-70-lg-up {
    max-height: 70vh !important;
  }
  .m-max-height-vw-70-lg-up {
    max-height: 70vw !important;
  }
  .m-max-height-px-70-lg-up {
    max-height: 70px !important;
  }
  .m-max-height-pc-70-lg-up {
    max-height: 7000% !important;
  }
  .m-min-height-vh-80-lg-up {
    min-height: 80vh !important;
  }
  .m-min-height-vw-80-lg-up {
    min-height: 80vw !important;
  }
  .m-min-height-px-80-lg-up {
    min-height: 80px !important;
  }
  .m-min-height-pc-80-lg-up {
    min-height: 8000% !important;
  }
  .m-height-vh-80-lg-up {
    height: 80vh !important;
  }
  .m-height-vw-80-lg-up {
    height: 80vw !important;
  }
  .m-height-px-80-lg-up {
    height: 80px !important;
  }
  .m-height-pc-80-lg-up {
    height: 8000% !important;
  }
  .m-max-height-vh-80-lg-up {
    max-height: 80vh !important;
  }
  .m-max-height-vw-80-lg-up {
    max-height: 80vw !important;
  }
  .m-max-height-px-80-lg-up {
    max-height: 80px !important;
  }
  .m-max-height-pc-80-lg-up {
    max-height: 8000% !important;
  }
  .m-min-height-vh-90-lg-up {
    min-height: 90vh !important;
  }
  .m-min-height-vw-90-lg-up {
    min-height: 90vw !important;
  }
  .m-min-height-px-90-lg-up {
    min-height: 90px !important;
  }
  .m-min-height-pc-90-lg-up {
    min-height: 9000% !important;
  }
  .m-height-vh-90-lg-up {
    height: 90vh !important;
  }
  .m-height-vw-90-lg-up {
    height: 90vw !important;
  }
  .m-height-px-90-lg-up {
    height: 90px !important;
  }
  .m-height-pc-90-lg-up {
    height: 9000% !important;
  }
  .m-max-height-vh-90-lg-up {
    max-height: 90vh !important;
  }
  .m-max-height-vw-90-lg-up {
    max-height: 90vw !important;
  }
  .m-max-height-px-90-lg-up {
    max-height: 90px !important;
  }
  .m-max-height-pc-90-lg-up {
    max-height: 9000% !important;
  }
  .m-min-height-vh-100-lg-up {
    min-height: 100vh !important;
  }
  .m-min-height-vw-100-lg-up {
    min-height: 100vw !important;
  }
  .m-min-height-px-100-lg-up {
    min-height: 100px !important;
  }
  .m-min-height-pc-100-lg-up {
    min-height: 10000% !important;
  }
  .m-height-vh-100-lg-up {
    height: 100vh !important;
  }
  .m-height-vw-100-lg-up {
    height: 100vw !important;
  }
  .m-height-px-100-lg-up {
    height: 100px !important;
  }
  .m-height-pc-100-lg-up {
    height: 10000% !important;
  }
  .m-max-height-vh-100-lg-up {
    max-height: 100vh !important;
  }
  .m-max-height-vw-100-lg-up {
    max-height: 100vw !important;
  }
  .m-max-height-px-100-lg-up {
    max-height: 100px !important;
  }
  .m-max-height-pc-100-lg-up {
    max-height: 10000% !important;
  }
  .m-min-height-vh-130-lg-up {
    min-height: 130vh !important;
  }
  .m-min-height-vw-130-lg-up {
    min-height: 130vw !important;
  }
  .m-min-height-px-130-lg-up {
    min-height: 130px !important;
  }
  .m-min-height-pc-130-lg-up {
    min-height: 13000% !important;
  }
  .m-height-vh-130-lg-up {
    height: 130vh !important;
  }
  .m-height-vw-130-lg-up {
    height: 130vw !important;
  }
  .m-height-px-130-lg-up {
    height: 130px !important;
  }
  .m-height-pc-130-lg-up {
    height: 13000% !important;
  }
  .m-max-height-vh-130-lg-up {
    max-height: 130vh !important;
  }
  .m-max-height-vw-130-lg-up {
    max-height: 130vw !important;
  }
  .m-max-height-px-130-lg-up {
    max-height: 130px !important;
  }
  .m-max-height-pc-130-lg-up {
    max-height: 13000% !important;
  }
  .m-min-height-vh-134-lg-up {
    min-height: 134vh !important;
  }
  .m-min-height-vw-134-lg-up {
    min-height: 134vw !important;
  }
  .m-min-height-px-134-lg-up {
    min-height: 134px !important;
  }
  .m-min-height-pc-134-lg-up {
    min-height: 13400% !important;
  }
  .m-height-vh-134-lg-up {
    height: 134vh !important;
  }
  .m-height-vw-134-lg-up {
    height: 134vw !important;
  }
  .m-height-px-134-lg-up {
    height: 134px !important;
  }
  .m-height-pc-134-lg-up {
    height: 13400% !important;
  }
  .m-max-height-vh-134-lg-up {
    max-height: 134vh !important;
  }
  .m-max-height-vw-134-lg-up {
    max-height: 134vw !important;
  }
  .m-max-height-px-134-lg-up {
    max-height: 134px !important;
  }
  .m-max-height-pc-134-lg-up {
    max-height: 13400% !important;
  }
  .m-min-height-vh-150-lg-up {
    min-height: 150vh !important;
  }
  .m-min-height-vw-150-lg-up {
    min-height: 150vw !important;
  }
  .m-min-height-px-150-lg-up {
    min-height: 150px !important;
  }
  .m-min-height-pc-150-lg-up {
    min-height: 15000% !important;
  }
  .m-height-vh-150-lg-up {
    height: 150vh !important;
  }
  .m-height-vw-150-lg-up {
    height: 150vw !important;
  }
  .m-height-px-150-lg-up {
    height: 150px !important;
  }
  .m-height-pc-150-lg-up {
    height: 15000% !important;
  }
  .m-max-height-vh-150-lg-up {
    max-height: 150vh !important;
  }
  .m-max-height-vw-150-lg-up {
    max-height: 150vw !important;
  }
  .m-max-height-px-150-lg-up {
    max-height: 150px !important;
  }
  .m-max-height-pc-150-lg-up {
    max-height: 15000% !important;
  }
  .m-min-height-vh-200-lg-up {
    min-height: 200vh !important;
  }
  .m-min-height-vw-200-lg-up {
    min-height: 200vw !important;
  }
  .m-min-height-px-200-lg-up {
    min-height: 200px !important;
  }
  .m-min-height-pc-200-lg-up {
    min-height: 20000% !important;
  }
  .m-height-vh-200-lg-up {
    height: 200vh !important;
  }
  .m-height-vw-200-lg-up {
    height: 200vw !important;
  }
  .m-height-px-200-lg-up {
    height: 200px !important;
  }
  .m-height-pc-200-lg-up {
    height: 20000% !important;
  }
  .m-max-height-vh-200-lg-up {
    max-height: 200vh !important;
  }
  .m-max-height-vw-200-lg-up {
    max-height: 200vw !important;
  }
  .m-max-height-px-200-lg-up {
    max-height: 200px !important;
  }
  .m-max-height-pc-200-lg-up {
    max-height: 20000% !important;
  }
  .m-min-height-vh-250-lg-up {
    min-height: 250vh !important;
  }
  .m-min-height-vw-250-lg-up {
    min-height: 250vw !important;
  }
  .m-min-height-px-250-lg-up {
    min-height: 250px !important;
  }
  .m-min-height-pc-250-lg-up {
    min-height: 25000% !important;
  }
  .m-height-vh-250-lg-up {
    height: 250vh !important;
  }
  .m-height-vw-250-lg-up {
    height: 250vw !important;
  }
  .m-height-px-250-lg-up {
    height: 250px !important;
  }
  .m-height-pc-250-lg-up {
    height: 25000% !important;
  }
  .m-max-height-vh-250-lg-up {
    max-height: 250vh !important;
  }
  .m-max-height-vw-250-lg-up {
    max-height: 250vw !important;
  }
  .m-max-height-px-250-lg-up {
    max-height: 250px !important;
  }
  .m-max-height-pc-250-lg-up {
    max-height: 25000% !important;
  }
  .m-min-height-vh-285-lg-up {
    min-height: 285vh !important;
  }
  .m-min-height-vw-285-lg-up {
    min-height: 285vw !important;
  }
  .m-min-height-px-285-lg-up {
    min-height: 285px !important;
  }
  .m-min-height-pc-285-lg-up {
    min-height: 28500% !important;
  }
  .m-height-vh-285-lg-up {
    height: 285vh !important;
  }
  .m-height-vw-285-lg-up {
    height: 285vw !important;
  }
  .m-height-px-285-lg-up {
    height: 285px !important;
  }
  .m-height-pc-285-lg-up {
    height: 28500% !important;
  }
  .m-max-height-vh-285-lg-up {
    max-height: 285vh !important;
  }
  .m-max-height-vw-285-lg-up {
    max-height: 285vw !important;
  }
  .m-max-height-px-285-lg-up {
    max-height: 285px !important;
  }
  .m-max-height-pc-285-lg-up {
    max-height: 28500% !important;
  }
  .m-min-height-vh-300-lg-up {
    min-height: 300vh !important;
  }
  .m-min-height-vw-300-lg-up {
    min-height: 300vw !important;
  }
  .m-min-height-px-300-lg-up {
    min-height: 300px !important;
  }
  .m-min-height-pc-300-lg-up {
    min-height: 30000% !important;
  }
  .m-height-vh-300-lg-up {
    height: 300vh !important;
  }
  .m-height-vw-300-lg-up {
    height: 300vw !important;
  }
  .m-height-px-300-lg-up {
    height: 300px !important;
  }
  .m-height-pc-300-lg-up {
    height: 30000% !important;
  }
  .m-max-height-vh-300-lg-up {
    max-height: 300vh !important;
  }
  .m-max-height-vw-300-lg-up {
    max-height: 300vw !important;
  }
  .m-max-height-px-300-lg-up {
    max-height: 300px !important;
  }
  .m-max-height-pc-300-lg-up {
    max-height: 30000% !important;
  }
  .m-min-height-vh-400-lg-up {
    min-height: 400vh !important;
  }
  .m-min-height-vw-400-lg-up {
    min-height: 400vw !important;
  }
  .m-min-height-px-400-lg-up {
    min-height: 400px !important;
  }
  .m-min-height-pc-400-lg-up {
    min-height: 40000% !important;
  }
  .m-height-vh-400-lg-up {
    height: 400vh !important;
  }
  .m-height-vw-400-lg-up {
    height: 400vw !important;
  }
  .m-height-px-400-lg-up {
    height: 400px !important;
  }
  .m-height-pc-400-lg-up {
    height: 40000% !important;
  }
  .m-max-height-vh-400-lg-up {
    max-height: 400vh !important;
  }
  .m-max-height-vw-400-lg-up {
    max-height: 400vw !important;
  }
  .m-max-height-px-400-lg-up {
    max-height: 400px !important;
  }
  .m-max-height-pc-400-lg-up {
    max-height: 40000% !important;
  }
  .m-min-height-vh-450-lg-up {
    min-height: 450vh !important;
  }
  .m-min-height-vw-450-lg-up {
    min-height: 450vw !important;
  }
  .m-min-height-px-450-lg-up {
    min-height: 450px !important;
  }
  .m-min-height-pc-450-lg-up {
    min-height: 45000% !important;
  }
  .m-height-vh-450-lg-up {
    height: 450vh !important;
  }
  .m-height-vw-450-lg-up {
    height: 450vw !important;
  }
  .m-height-px-450-lg-up {
    height: 450px !important;
  }
  .m-height-pc-450-lg-up {
    height: 45000% !important;
  }
  .m-max-height-vh-450-lg-up {
    max-height: 450vh !important;
  }
  .m-max-height-vw-450-lg-up {
    max-height: 450vw !important;
  }
  .m-max-height-px-450-lg-up {
    max-height: 450px !important;
  }
  .m-max-height-pc-450-lg-up {
    max-height: 45000% !important;
  }
  .m-min-height-vh-500-lg-up {
    min-height: 500vh !important;
  }
  .m-min-height-vw-500-lg-up {
    min-height: 500vw !important;
  }
  .m-min-height-px-500-lg-up {
    min-height: 500px !important;
  }
  .m-min-height-pc-500-lg-up {
    min-height: 50000% !important;
  }
  .m-height-vh-500-lg-up {
    height: 500vh !important;
  }
  .m-height-vw-500-lg-up {
    height: 500vw !important;
  }
  .m-height-px-500-lg-up {
    height: 500px !important;
  }
  .m-height-pc-500-lg-up {
    height: 50000% !important;
  }
  .m-max-height-vh-500-lg-up {
    max-height: 500vh !important;
  }
  .m-max-height-vw-500-lg-up {
    max-height: 500vw !important;
  }
  .m-max-height-px-500-lg-up {
    max-height: 500px !important;
  }
  .m-max-height-pc-500-lg-up {
    max-height: 50000% !important;
  }
  .m-min-height-vh-600-lg-up {
    min-height: 600vh !important;
  }
  .m-min-height-vw-600-lg-up {
    min-height: 600vw !important;
  }
  .m-min-height-px-600-lg-up {
    min-height: 600px !important;
  }
  .m-min-height-pc-600-lg-up {
    min-height: 60000% !important;
  }
  .m-height-vh-600-lg-up {
    height: 600vh !important;
  }
  .m-height-vw-600-lg-up {
    height: 600vw !important;
  }
  .m-height-px-600-lg-up {
    height: 600px !important;
  }
  .m-height-pc-600-lg-up {
    height: 60000% !important;
  }
  .m-max-height-vh-600-lg-up {
    max-height: 600vh !important;
  }
  .m-max-height-vw-600-lg-up {
    max-height: 600vw !important;
  }
  .m-max-height-px-600-lg-up {
    max-height: 600px !important;
  }
  .m-max-height-pc-600-lg-up {
    max-height: 60000% !important;
  }
  .m-min-height-vh-700-lg-up {
    min-height: 700vh !important;
  }
  .m-min-height-vw-700-lg-up {
    min-height: 700vw !important;
  }
  .m-min-height-px-700-lg-up {
    min-height: 700px !important;
  }
  .m-min-height-pc-700-lg-up {
    min-height: 70000% !important;
  }
  .m-height-vh-700-lg-up {
    height: 700vh !important;
  }
  .m-height-vw-700-lg-up {
    height: 700vw !important;
  }
  .m-height-px-700-lg-up {
    height: 700px !important;
  }
  .m-height-pc-700-lg-up {
    height: 70000% !important;
  }
  .m-max-height-vh-700-lg-up {
    max-height: 700vh !important;
  }
  .m-max-height-vw-700-lg-up {
    max-height: 700vw !important;
  }
  .m-max-height-px-700-lg-up {
    max-height: 700px !important;
  }
  .m-max-height-pc-700-lg-up {
    max-height: 70000% !important;
  }
  .m-min-height-vh-800-lg-up {
    min-height: 800vh !important;
  }
  .m-min-height-vw-800-lg-up {
    min-height: 800vw !important;
  }
  .m-min-height-px-800-lg-up {
    min-height: 800px !important;
  }
  .m-min-height-pc-800-lg-up {
    min-height: 80000% !important;
  }
  .m-height-vh-800-lg-up {
    height: 800vh !important;
  }
  .m-height-vw-800-lg-up {
    height: 800vw !important;
  }
  .m-height-px-800-lg-up {
    height: 800px !important;
  }
  .m-height-pc-800-lg-up {
    height: 80000% !important;
  }
  .m-max-height-vh-800-lg-up {
    max-height: 800vh !important;
  }
  .m-max-height-vw-800-lg-up {
    max-height: 800vw !important;
  }
  .m-max-height-px-800-lg-up {
    max-height: 800px !important;
  }
  .m-max-height-pc-800-lg-up {
    max-height: 80000% !important;
  }
  .m-min-height-vh-900-lg-up {
    min-height: 900vh !important;
  }
  .m-min-height-vw-900-lg-up {
    min-height: 900vw !important;
  }
  .m-min-height-px-900-lg-up {
    min-height: 900px !important;
  }
  .m-min-height-pc-900-lg-up {
    min-height: 90000% !important;
  }
  .m-height-vh-900-lg-up {
    height: 900vh !important;
  }
  .m-height-vw-900-lg-up {
    height: 900vw !important;
  }
  .m-height-px-900-lg-up {
    height: 900px !important;
  }
  .m-height-pc-900-lg-up {
    height: 90000% !important;
  }
  .m-max-height-vh-900-lg-up {
    max-height: 900vh !important;
  }
  .m-max-height-vw-900-lg-up {
    max-height: 900vw !important;
  }
  .m-max-height-px-900-lg-up {
    max-height: 900px !important;
  }
  .m-max-height-pc-900-lg-up {
    max-height: 90000% !important;
  }
  .m-min-height-vh-1000-lg-up {
    min-height: 1000vh !important;
  }
  .m-min-height-vw-1000-lg-up {
    min-height: 1000vw !important;
  }
  .m-min-height-px-1000-lg-up {
    min-height: 1000px !important;
  }
  .m-min-height-pc-1000-lg-up {
    min-height: 100000% !important;
  }
  .m-height-vh-1000-lg-up {
    height: 1000vh !important;
  }
  .m-height-vw-1000-lg-up {
    height: 1000vw !important;
  }
  .m-height-px-1000-lg-up {
    height: 1000px !important;
  }
  .m-height-pc-1000-lg-up {
    height: 100000% !important;
  }
  .m-max-height-vh-1000-lg-up {
    max-height: 1000vh !important;
  }
  .m-max-height-vw-1000-lg-up {
    max-height: 1000vw !important;
  }
  .m-max-height-px-1000-lg-up {
    max-height: 1000px !important;
  }
  .m-max-height-pc-1000-lg-up {
    max-height: 100000% !important;
  }
  .m-min-height-vh-1500-lg-up {
    min-height: 1500vh !important;
  }
  .m-min-height-vw-1500-lg-up {
    min-height: 1500vw !important;
  }
  .m-min-height-px-1500-lg-up {
    min-height: 1500px !important;
  }
  .m-min-height-pc-1500-lg-up {
    min-height: 150000% !important;
  }
  .m-height-vh-1500-lg-up {
    height: 1500vh !important;
  }
  .m-height-vw-1500-lg-up {
    height: 1500vw !important;
  }
  .m-height-px-1500-lg-up {
    height: 1500px !important;
  }
  .m-height-pc-1500-lg-up {
    height: 150000% !important;
  }
  .m-max-height-vh-1500-lg-up {
    max-height: 1500vh !important;
  }
  .m-max-height-vw-1500-lg-up {
    max-height: 1500vw !important;
  }
  .m-max-height-px-1500-lg-up {
    max-height: 1500px !important;
  }
  .m-max-height-pc-1500-lg-up {
    max-height: 150000% !important;
  }
  .m-min-height-vh-2000-lg-up {
    min-height: 2000vh !important;
  }
  .m-min-height-vw-2000-lg-up {
    min-height: 2000vw !important;
  }
  .m-min-height-px-2000-lg-up {
    min-height: 2000px !important;
  }
  .m-min-height-pc-2000-lg-up {
    min-height: 200000% !important;
  }
  .m-height-vh-2000-lg-up {
    height: 2000vh !important;
  }
  .m-height-vw-2000-lg-up {
    height: 2000vw !important;
  }
  .m-height-px-2000-lg-up {
    height: 2000px !important;
  }
  .m-height-pc-2000-lg-up {
    height: 200000% !important;
  }
  .m-max-height-vh-2000-lg-up {
    max-height: 2000vh !important;
  }
  .m-max-height-vw-2000-lg-up {
    max-height: 2000vw !important;
  }
  .m-max-height-px-2000-lg-up {
    max-height: 2000px !important;
  }
  .m-max-height-pc-2000-lg-up {
    max-height: 200000% !important;
  }
  .m-visually-hidden--desktop {
    border: 0;
    clip: rect(0 0 0 0);
    font-size: 0;
    height: 1px;
    margin: -1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .m-hidden--desktop {
    display: none !important;
  }
  .m-page-hold-height .l-page__main {
    min-height: 600px;
  }
  .container-fluid, .container-md, .container-lg, .container-xl {
    padding-left: 32px;
    padding-right: 32px;
  }
  .l-pagecontent--cart .l-pagecontent__inner {
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .l-pagecontent__inner {
    padding-bottom: 32px;
    padding-top: 32px;
  }
  .l-pagecontent__inner--new-password, .l-pagecontent__inner--reset-password {
    margin-bottom: 40px;
  }
  .l-pagecontent__confirmation {
    max-width: 788px !important;
  }
  .l-pagecontent__innermini {
    max-width: 640px;
    margin-right: auto;
    margin-left: auto;
  }
  .f-input--width-sm {
    width: 160px;
  }
  .btn.m-large, .dockableContainer .m-large.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-large.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-large.embeddedServiceSidebarButton.uiButton {
    font-size: 16px;
    height: 48px;
    padding: 13px 23px;
  }
  .btn.m-flexible--desktop, .dockableContainer .m-flexible--desktop.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-flexible--desktop.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-flexible--desktop.embeddedServiceSidebarButton.uiButton {
    width: 400px;
  }
  .f-form__row-2-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .f-form__row-2-columns > .f-field,
  .f-form__row-2-columns > .f-form__row {
    width: calc(50% - 12px);
  }
  .f-field__city-area {
    max-width: 234px;
  }
  .f-select.m-visually-hidden--desktop + .select2-container,
  .pr-rd-sort.m-visually-hidden--desktop + .select2-container {
    border: 0;
    clip: rect(0 0 0 0);
    font-size: 0;
    height: 1px;
    margin: -1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .m-select-width--auto-desktop + .select2-container {
    min-width: 173px;
    width: auto !important;
  }
  .datepickers-container {
    left: 0;
  }
  .datepicker {
    right: auto;
    left: auto;
  }
  .f-radio-boxes {
    overflow: visible;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .f-textarea .m-size-md {
    height: 100px;
  }
  .b-iconlink__icon {
    font-size: 18px;
  }
  .b-pagetitle__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    font-weight: 700;
  }
  .b-heading {
    margin-bottom: 24px;
  }
  .chatbot-wrapper {
    bottom: 0;
    height: 500px;
    right: auto;
    position: fixed;
    left: 65px;
    top: auto;
    width: 360px;
  }
  .b-pdpmain__price .b-price__sale {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    font-weight: 500;
  }
  .b-map__canvas::after {
    clear: both;
    content: "";
    display: table;
  }
  .b-map__canvas::before {
    content: "";
    float: right;
    padding-bottom: 76.062992126%;
  }
  .b-map__search-place {
    top: 20px;
    right: 20px;
    left: 20px;
  }
  .b-map__general-error {
    top: 70px;
    right: 20px;
    left: 20px;
  }
  .b-map__actions {
    bottom: 0;
    height: 0;
    padding: 0;
    position: absolute;
  }
  .b-map__action {
    width: auto;
  }
  .b-map__find-my-location, .b-map__confirm-location {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    left: 20px;
  }
  .b-map__holder {
    padding-bottom: 56.1842105263%;
  }
  .pac-container .pac-item {
    padding: 5px 20px;
  }
  .b-accordion--type-1 .b-accordion__button, .b-accordion--type-2 .b-accordion__button {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: 13px 0;
  }
  .b-accordion--type-2 .b-accordion__button {
    font-size: 16px;
    line-height: 22px;
  }
  .b-accordion-pdcomponent {
    max-width: 640px;
    margin: 3px auto 0;
    padding: 60px 0;
  }
  .b-breadcrumbs--plp .b-breadcrumbs__list {
    padding: 12px 0 16px;
  }
  .b-modal.m-width-lg > .b-modal__dialog {
    max-width: 960px;
    min-width: 960px;
  }
  .b-modal.m-width-md > .b-modal__dialog {
    max-width: 760px;
    min-width: 760px;
  }
  .b-modal.m-width-mdlg > .b-modal__dialog {
    max-width: 680px;
    min-width: 680px;
  }
  .b-modal.m-width-mxsdlg > .b-modal__dialog {
    max-width: 516px;
    min-width: 516px;
  }
  .b-modal.m-width-sm > .b-modal__dialog {
    max-width: 480px;
    min-width: 480px;
  }
  .b-modal--type-4 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .b-modal--type-4 .b-modal__content {
    max-height: 100vh;
    border-radius: 0;
  }
  .b-modal--type-4 .b-modal__header {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 5px;
  }
  .b-modal--type-4 .b-modal__body-content {
    padding-right: 40px;
    padding-left: 40px;
  }
  .b-modal--amberUnlinkModal .b-modal__body {
    padding: 24px 20px !important;
  }
  .b-modal--mergeModal .b-modal__dialog {
    max-width: 480px;
    min-width: 480px;
  }
  .b-modal--mergeModal .b-modal__body {
    padding: 16px 20px 24px;
  }
  .b-modal--mergeModal .b-modal__body-header {
    margin-bottom: 24px;
  }
  .b-modal__dialog {
    max-width: 410px;
    min-width: 410px;
  }
  .b-modal__body-description {
    padding: 24px 20px;
  }
  .b-modal__button-set {
    grid-auto-flow: column;
  }
  .b-modal__button-set-cta-last-desktop {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .b-modal--type-1 .b-modal__body--padded {
    padding: 15px 20px 20px;
  }
  .b-modal--type-1 .b-modal__body--padded-lg {
    padding: 24px 20px 32px;
  }
  .b-modal--type-1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .b-modal--type-1 .b-modal__header {
    position: relative;
  }
  .b-modal--type-1 .b-modal__content {
    overflow: hidden;
    max-height: 100%;
  }
  .b-modal--type-1 .b-modal__content,
  .b-modal--type-1 .b-modal__header {
    border-radius: 0;
  }
  .b-modal--type-1 .b-modal__body {
    padding: 0 20px;
  }
  .b-modal--type-1 .b-modal__body--form {
    max-width: 400px;
  }
  .b-modal--type-1.side-sheet .b-modal__header {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    padding: 0 0 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .b-modal--type-1.side-sheet .b-modal__body {
    padding: 0;
  }
  .b-modal--type-1.side-sheet .b-modal__close {
    height: 40px;
    width: 40px;
    left: 48px;
    top: 48px;
  }
  .b-modal--type-1.side-sheet .b-modal__body-title {
    padding: 0 0 16px;
  }
  .b-modal--type-1.side-sheet .b-modal__dialog {
    background: #fff;
    min-height: 100%;
    margin: 0 auto 0 0;
    max-width: 50% !important;
    overflow: hidden !important;
    padding: 88px;
  }
  .b-modal--type-1.side-sheet.fade .b-modal__dialog {
    -webkit-animation: slideRight 0.5s ease;
            animation: slideRight 0.5s ease;
  }
  @-webkit-keyframes slideRight {
    from {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  @keyframes slideRight {
    from {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
  }
  .b-helpinfo__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 19px 17px;
  }
  .b-helpinfo__details {
    margin-top: 0;
    padding-right: 5px;
    width: 45%;
  }
  .b-carousel--arrows-size-lg .b-carousel__arrow {
    font-size: 48px;
  }
  .b-carousel--arrows-size-lg .b-carousel__arrow--next {
    left: 8px;
  }
  .b-carousel--arrows-size-lg .b-carousel__arrow--prev {
    right: 8px;
  }
  .b-carousel--product .slick-list {
    margin: 0 -18px;
  }
  .b-carousel--product .b-carousel__element:not(.slick-initialized) {
    margin: 0 -18px;
  }
  .b-carousel--product .b-carousel__element:not(.slick-initialized) .b-carousel__slide {
    margin: 0;
    width: 25%;
    padding: 0 18px;
  }
  .b-carousel--product .b-carousel__slide {
    margin: 0 18px;
  }
  .b-catsrec {
    margin-bottom: 10px;
  }
  .b-catsrec__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .b-catsrec__header {
    margin-bottom: 24px;
  }
  .b-catsrec__carousel-el {
    padding-bottom: 24px;
  }
  .b-catsrec__carousel-el .slick-list {
    margin: 0 -12px;
  }
  .b-catsrec__carousel-el:not(.slick-initialized) .b-catsrec__item {
    width: 180px;
    min-width: 180px;
  }
  .b-catsrec__item {
    margin: 0 12px;
  }
  .b-catsreccat__info {
    padding-top: 16px;
  }
  .b-catsreccat__name {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .b-modal--pdp__sizeChart .b-modal__dialog {
    max-width: 480px;
  }
  .b-ccstorelist {
    max-height: 450px;
    overflow-y: auto;
    margin-bottom: 32px;
  }
  .b-ccstorelist .b-ccstore:first-of-type {
    margin-top: 0;
  }
  .b-ccstore {
    border: 1px solid #d5d5d5;
  }
  .b-checkbox-panel {
    padding: 15px 20px;
  }
  .b-checkbox-panel__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
  .b-progress-bar {
    width: 500px;
    max-width: 500px;
  }
  .b-login,
  .b-reset-password,
  .b-new-password,
  .b-password-changed {
    max-width: 400px;
  }
  .b-reset-password-page,
  .b-new-password {
    padding: 0 24px;
  }
  .b-reset-password-page .b-heading__text,
  .b-new-password .b-heading__text {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  .b-new-password .btn-save {
    margin-bottom: 16px;
  }
  .b-password-changed {
    padding: 32px 0;
  }
  .b-password-changed__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  .b-modal--login-form-modal .b-modal__close,
  .b-modal--passwordReset-form-modal .b-modal__close {
    left: 10px;
  }
  .b-modal--login-form-modal .b-modal__dialog,
  .b-modal--passwordReset-form-modal .b-modal__dialog {
    max-width: 768px;
  }
  .b-modal--login-form-modal .b-modal__body-title,
  .b-modal--passwordReset-form-modal .b-modal__body-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    padding: 0;
    text-align: center;
  }
  .b-modal--login-form-modal .b-modal__body,
  .b-modal--passwordReset-form-modal .b-modal__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .b-modal--login-form-modal .b-modal__body--form,
  .b-modal--passwordReset-form-modal .b-modal__body--form {
    margin: 40px 32px 40px 40px;
    max-width: 100%;
    padding: 0;
  }
  .b-modal--login-form-modal .b-modal__body--form::-webkit-scrollbar,
  .b-modal--passwordReset-form-modal .b-modal__body--form::-webkit-scrollbar {
    display: none;
  }
  .b-modal--login-form-modal .b-modal__body--image,
  .b-modal--passwordReset-form-modal .b-modal__body--image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .b-modal--login-form-modal .m-text--icon,
  .b-modal--passwordReset-form-modal .m-text--icon {
    padding: 8px;
  }
  .b-login__create-account--modal {
    padding: 12px 0 0;
  }
  .b-login__create-account-button {
    margin: 24px 0 0;
  }
  .b-checkout-login {
    margin: 64px 0;
  }
  .b-checkout-login__heading {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    display: block;
  }
  .b-checkout-login__row {
    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;
    gap: 88px;
  }
  .b-checkout-login__row .f-form__row {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .b-checkout-login__row .f-form__row-btn {
    width: auto;
  }
  .b-checkout-login__row .f-form__row-btn .btn, .b-checkout-login__row .f-form__row-btn .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-checkout-login__row .f-form__row-btn .embeddedServiceSidebarButton.uiButton--default,
  .b-checkout-login__row .f-form__row-btn .dockableContainer .embeddedServiceSidebarButton.uiButton,
  .dockableContainer .b-checkout-login__row .f-form__row-btn .embeddedServiceSidebarButton.uiButton, .b-checkout-login__row .f-form__row-btn .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-checkout-login__row .f-form__row-btn .embeddedServiceSidebarButton.uiButton--inverse {
    width: 136px;
    white-space: nowrap;
  }
  .b-checkout-login__row .f-form__row-btn .b-ctalink {
    margin-bottom: 0;
  }
  .b-checkout-login__col {
    max-width: 352px;
  }
  .b-checkout-login__text {
    font-size: 16px;
    line-height: 24px;
    font-family: "Tajawal", sans-serif;
  }
  .b-checkout-login__content .btn, .b-checkout-login__content .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-checkout-login__content .embeddedServiceSidebarButton.uiButton--default,
  .b-checkout-login__content .dockableContainer .embeddedServiceSidebarButton.uiButton,
  .dockableContainer .b-checkout-login__content .embeddedServiceSidebarButton.uiButton, .b-checkout-login__content .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-checkout-login__content .embeddedServiceSidebarButton.uiButton--inverse {
    height: 40px;
  }
  .b-checkout-login__radio-area {
    display: none;
  }
  .b-reset-form-btn {
    margin-bottom: 16px;
  }
  .b-register {
    max-width: 480px;
    padding: 32px 0 40px;
  }
  .b-register-form {
    margin-top: 16px;
  }
  .b-register__footer {
    margin: 24px 0 32px;
  }
  .b-socialregister .b-pagetitle__title {
    margin-bottom: 16px;
  }
  .b-socialregister__button {
    margin: 8px 0 32px;
  }
  .b-attribute {
    padding-bottom: 16px;
  }
  .b-attribute--size, .b-attribute--color {
    padding-bottom: 8px;
  }
  .b-attribute--qty .b-attribute__values .b-availability {
    display: block;
    margin-right: 16px;
  }
  .b-attribute--qty .b-attribute__heading .b-availability {
    display: none;
  }
  .b-attribute__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .b-attribute__heading {
    display: block;
    margin-bottom: 0;
    min-width: 160px;
    padding-left: 10px;
    width: 160px;
  }
  .b-attribute__color {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24px;
        -ms-flex: 0 0 24px;
            flex: 0 0 24px;
    height: 24px;
    width: 24px;
  }
  .b-attribute__color.b-attribute-values__item {
    margin-bottom: 8px;
  }
  .b-attribute__qty, .b-attribute__qty-select {
    max-width: 240px;
    min-width: 200px;
  }
  .b-attribute-values {
    margin: 0;
    padding-right: 0;
  }
  .b-attribute-values__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    overflow: visible;
    padding-bottom: 0;
  }
  .b-attribute-values__list::after {
    display: none;
  }
  .b-mnp-and-me {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 24px;
  }
  .b-mnp-and-me__body {
    margin-left: 24px;
  }
  .b-mnp-and-me__title {
    padding: 0 0 8px;
  }
  .b-mnp-and-me__images {
    max-width: 300px;
  }
  .b-mnp-and-me__button {
    width: unset;
  }
  .b-header {
    border-bottom: none;
    position: relative;
    z-index: 16;
  }
  .b-header--checkout {
    border-bottom: 1px solid #e6e6e6;
  }
  .b-header--checkout .b-header__main {
    padding-top: 21px;
    padding-bottom: 21px;
  }
  .b-header--checkout .b-header-secure-text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    margin-left: 4px;
  }
  .b-header__wrapper {
    z-index: 16;
  }
  .b-header__main {
    padding-bottom: 21px;
    padding-top: 21px;
  }
  .b-header__localemenu, .b-header__usermenu {
    width: 33.3333333333%;
  }
  .b-header__usermenu {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 0;
  }
  .b-header__usermenu-item {
    margin-right: 32px;
  }
  .b-header__logo {
    margin: 0 auto;
  }
  .b-header-logo {
    height: 42px;
  }
  .b-header-logo__image {
    height: 100%;
    max-height: 42px;
  }
  .b-topbanner {
    z-index: 17;
  }
  .b-country-selector {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .b-suggestions {
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
    padding-bottom: 9px;
  }
  .b-suggestions__type {
    margin-top: 0;
  }
  .b-suggestions__header-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .b-suggestions__header-showall {
    font-size: 14px;
  }
  .b-header__megamenu {
    background-color: #f8f8f8;
  }
  .b-megamenu__dropdownmenu {
    display: block;
    width: auto;
  }
  .b-megamenu__dropdown .b-megamenu__dropdown-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    position: relative;
  }
  .b-megamenu__dropdown .b-nav__item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-basis: calc(20% - 15px);
        -ms-flex-preferred-size: calc(20% - 15px);
            flex-basis: calc(20% - 15px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
  .b-megamenu__dropdown .b-nav__item:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2 {
    width: 100%;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2:not(:first-child):not(:last-child) {
    margin-right: 15px;
    margin-left: 15px;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2:first-child {
    margin-left: 15px;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2:last-child:not(:only-child) {
    margin-right: 15px;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2 .b-nav__item.b-nav__level--2 {
    margin: 0;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2 .b-nav__item.b-nav__level--2:not(:first-of-type) {
    margin-top: 22px;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2 .b-nav__item.b-nav__level--2.b-nav__item-link-custom {
    margin-top: 0;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--2 .b-nav__item-link-custom .b-nav__item-link {
    margin-bottom: 0;
  }
  .b-megamenu__dropdown .b-nav__item.b-nav__level--3 + .b-nav__item.b-nav__level--3 .b-nav__level--3.b-nav__item-link-custom .b-nav__item-link {
    margin-top: 8px;
  }
  .b-megamenu__dropdown .b-nav__item-link {
    padding-right: 0;
    padding-left: 0;
  }
  .b-megamenu__dropdown .b-nav__item-link.b-nav__level--2 {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 100%;
  }
  .b-megamenu__dropdown .b-nav__item-link.b-nav__level--3, .b-megamenu__dropdown .b-nav__item-link.b-nav__level--4 {
    font-size: 14px;
    line-height: 32px;
    text-transform: none;
  }
  .non-touch .b-megamenu__dropdown .b-nav__item-link.b-nav__level--3:hover, .non-touch .b-megamenu__dropdown .b-nav__item-link.b-nav__level--4:hover {
    -webkit-box-shadow: inset 0 -1px 0 #c3c3c3;
            box-shadow: inset 0 -1px 0 #c3c3c3;
  }
  .b-megamenu__dropdown .b-dropdown-json .b-nav__item-link-custom .b-nav__item-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 0;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .b-megamenu__dropdown .b-dropdown-json .b-nav__item-link-custom .b-nav__item-link::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\EA15";
    display: inline-block;
    font-family: "iconfont" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal !important;
    vertical-align: middle;
  }
  .b-megamenu__dropdown .b-dropdown-json .b-nav__item-link-custom .b-nav__item-link::after {
    -webkit-transform: scale(-1);
        -ms-transform: scale(-1);
            transform: scale(-1);
  }
  .b-megamenu__dropdown .b-megamenu__dropdownmenu.b-megamenu__category-level-2 {
    display: block;
    position: relative;
  }
  .b-megamenu__dropdown .b-megamenu__dropdownmenu.b-megamenu__category-level-2 .b-megamenu__dropdown-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .b-dropdown-json {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .b-dropdown-json .b-nav__item.b-nav__level--3 {
    width: 100%;
  }
  .b-nav__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 38px;
    width: auto;
  }
  .b-nav__item:hover, .b-nav__item.m-active {
    -webkit-box-shadow: inset 0 -2px 0 #111;
            box-shadow: inset 0 -2px 0 #111;
  }
  .b-nav__item-right-icon {
    display: none;
  }
  .b-nav__item-wrapper .b-nav__item-right-icons {
    display: none;
  }
  .b-megamenu-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 64px 0 40px;
  }
  .b-footer__subscription-input-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0;
  }
  .b-footer__subscription-input {
    margin-bottom: 0;
    width: 60%;
  }
  .b-footer__content {
    padding-top: 32px;
  }
  .b-footer__content-follow-us {
    margin-top: 36px;
    -webkit-box-ordinal-group: initial;
    -webkit-order: initial;
        -ms-flex-order: initial;
            order: initial;
  }
  .b-footer__content-follow-us .b-footer__content-items-title {
    display: block;
  }
  .b-footer__content-follow-us .b-footer__content-items-title {
    display: block;
  }
  .b-footer__content-services {
    margin-top: 36px;
  }
  .b-footer__content-social-items > li:not(:last-child) .b-footer__content-social-item {
    margin-left: 15px;
  }
  .b-footer__bottom {
    border-top: 1px solid #e6e6e6;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 16px;
  }
  .b-footer__bottom > .content-asset {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .b-footer__bottom-item:not(:last-child) {
    margin-bottom: 0;
  }
  .b-footer__motto {
    -webkit-box-ordinal-group: initial;
    -webkit-order: initial;
        -ms-flex-order: initial;
            order: initial;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .b-footer__logo {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: -5px;
  }
  .b-footer-menu {
    padding: 40px 0 48px;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .b-footer-links:not(.b-footer-links--5col) {
    display: grid;
  }
  .b-footer-links {
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin: 40px 0 -16px;
  }
  .b-footer-links__block.m-collapsed .b-footer-links__items {
    display: block;
  }
  .b-footer-links__title {
    font-size: larger;
    cursor: default;
    margin-bottom: 20px;
    padding-bottom: 16px;
  }
  .b-footer-links__items {
    display: block;
    margin: 0;
  }
  .b-footer-links__item:last-child {
    margin-bottom: 24px;
  }
  .b-producttile__image-link {
    height: 252px;
  }
  .b-producttile__name {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
  }
  .b-producttile__pricing {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .b-producttile__pricing .discount-percentage {
    margin-right: 6px;
  }
  .b-productrec {
    margin: 0;
    padding: 0;
  }
  .b-productrec--wishlist {
    margin-bottom: 32px;
  }
  .b-productrec__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .b-productrec__header {
    margin-bottom: 24px;
  }
  .b-productrec__carousel-el {
    padding-bottom: 24px;
  }
  .b-quickview .b-pdpmain__help {
    display: none;
  }
  .b-quickview .b-pdp__main {
    padding-right: 40px;
  }
  .b-quickview .b-pdpmain__name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .b-quickview .b-pdpmain__rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
  }
  .b-modal--quickview > .b-modal__dialog > .b-modal__body {
    padding: 0 0 8px 20px;
  }
  .b-viewpdp {
    margin-top: 32px;
  }
  .b-wishlist-tile__add-to-cart-row .b-wishlist-tile__add-to-cart-row-item:not(:only-child) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .b-wishlist-tile__add-to-cart-row .b-wishlist-tile__add-to-cart-row-item.b-move-to-registry-wrapper {
    margin-left: 8px;
  }
  .b-wishlist-tile__pricing {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .b-wishlist-tile__pricing .discount-percentage {
    margin-right: 6px;
  }
  .btn.m-small.b-wishlist-tile__add-to-cart, .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton, .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--inverse, .btn.m-small.b-wishlist-tile__add-to-Registry, .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton, .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--inverse {
    font-size: 12px;
    line-height: 18px;
  }
  html[dir=rtl] .btn.m-small.b-wishlist-tile__add-to-cart, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--default, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--default,
  html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton,
  .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-cart.embeddedServiceSidebarButton.uiButton--inverse, html[dir=rtl] .btn.m-small.b-wishlist-tile__add-to-Registry, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--default, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--default,
  html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton,
  .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton, html[dir=rtl] .dockableContainer .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer html[dir=rtl] .m-small.b-wishlist-tile__add-to-Registry.embeddedServiceSidebarButton.uiButton--inverse {
    padding: 10px;
    height: 48px;
    line-height: normal;
  }
  .experience-commerce_layouts-edgeToEdge1r1c {
    margin: 0 -50vw;
    position: relative;
    right: 50%;
    left: 50%;
    width: 100vw;
  }
  .basic-card[data-type=app_banner] {
    padding: 30px;
  }
  .basic-card[data-type=contentBlock], .basic-card[data-type=contentBlockCTA] {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .basic-card__toptitle {
    letter-spacing: 1px;
  }
  .basic-card__item {
    margin-right: 24px;
  }
  .basic-card__button-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .basic-card__button {
    margin-left: 16px;
    margin-bottom: 0;
  }
  .basic-card__button:last-child {
    margin: 0;
  }
  .icon-card__icon {
    margin-bottom: 24px;
  }
  .icon-card__title {
    margin: 24px 0 8px;
  }
  .promo__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .promo__side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .promo__side--col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .promo__side--saving {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .promo__side--bordered.promo__side {
    padding: 32px;
  }
  .promo__content {
    padding-right: 40px;
    padding-left: 40px;
  }
  .promo__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .promo__container.promo--reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .promo__videoimage-container--inner-sml {
    padding-right: 40px;
    padding-left: 40px;
  }
  .promo__description--1 {
    font-size: 16px;
    line-height: 22px;
  }
  .promo__link-item {
    margin-right: 12px;
    margin-left: 12px;
  }
  .promo__videoimage-container--inner-sml {
    margin-top: 20px;
  }
  .promo__subtitle {
    margin-top: 20px;
  }
  .promo__description--3 {
    margin-top: 30px;
  }
  .promoComponentId1 .promo__side--bordered.promo__side {
    padding: 8px;
  }
  .promoComponentId1 .promo__subtitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }
  .promoComponentId1.promo--reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .promoComponentId1.promo--reversed .promo__main {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .promoComponentId1.promo--reversed .promo__subtitle {
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
  }
  .promoComponentId1.promo--reversed .promo__description--1 {
    font-size: 16px;
    line-height: 24px;
    max-width: 240px;
    margin: 0 auto;
  }
  .promoComponentId1.promo--reversed .promo__side--bordered {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .promoComponentId1.promo--reversed .promo__side--bordered.promo__side {
    padding: 16px;
  }
  .promoComponentId1 .promo__videoimage-container--outer .promo__image--outer {
    padding: 8px;
  }
  .promoComponentId1 .promo__link-item-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .promoComponentId2 .promo__content {
    width: 370px;
  }
  .promoComponentId2 .promo__description--1 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
  }
  .promoComponentId2 .promo__description--3 {
    margin-top: 30px;
  }
  .promoComponentId2 .promo__button-wrapper {
    margin-top: 48px;
  }
  .promoComponentId2 .promo__button {
    width: auto;
    margin-left: 16px;
  }
  .promoComponentId2 .promo__button:last-child {
    margin: 0;
  }
  .promoComponentId3 .promo__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
  .promoComponentId3 .promo__button-wrapper {
    max-width: 280px;
    margin: 24px auto;
  }
  .promoComponentId3 .promo__button:last-child {
    margin: 0;
  }
  .promoComponentId3:not(.promo--reversed) .promo__side--bordered {
    padding-right: 0;
  }
  .promoComponentId3.promo--reversed .promo__side--bordered {
    padding-left: 0;
  }
  .promoComponentId6 .promo__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  .promoComponentId7 .promo__side--bordered {
    padding: 0;
  }
  .promoComponentId7 .promo__side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 31.25%;
        -ms-flex: 0 0 31.25%;
            flex: 0 0 31.25%;
    max-width: 31.25%;
  }
  .promoComponentId7 .promo__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 46.875%;
        -ms-flex: 0 0 46.875%;
            flex: 0 0 46.875%;
    max-width: 46.875%;
  }
  .promoComponentId7 .promo__side--bordered {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 21.875%;
        -ms-flex: 0 0 21.875%;
            flex: 0 0 21.875%;
    max-width: 21.875%;
  }
  .promoComponentId9 .promo__description {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin: 16px 0 40px;
    font-weight: 400;
  }
  .promoComponentId9 .promo__link-item {
    margin: 16px 0 0;
  }
  .promoComponentId9 .promo__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
        -ms-flex: 0 0 62.5%;
            flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .promoComponentId9 .promo__side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
        -ms-flex: 0 0 37.5%;
            flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .promoComponentId11.promo--thin .promo__description {
    font-size: 16px;
    line-height: 22px;
  }
  .promoComponentId11 .promo__title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
  }
  .promoComponentId11 .promo__content {
    max-width: 480px;
  }
  .promoComponentId12 .promo__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    font-weight: 400;
  }
  .promoComponentId12 .promo__subtitle {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    font-weight: 500;
    margin-top: -40px;
  }
  .promoComponentId12 .promo__description--1 {
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
  }
  .non-touch .promoComponentId12 .promo__description--1:hover {
    text-decoration: none;
  }
  .promoComponentId12 .promo__description--2 {
    font-size: 36px;
    line-height: 1;
  }
  .promoComponentId12 .promo__link-item-list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .promoComponentId12 .promo__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .promoComponentId12 .promo__content {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-auto-flow: column;
    gap: 40px;
    text-align: right;
  }
  .promoComponentId12 .promo__title,
  .promoComponentId12 .promo__description,
  .promoComponentId12 .promo__link-item-list {
    margin-top: 0;
  }
  .promoComponentId12 .promo__title,
  .promoComponentId12 .promo__subtitle,
  .promoComponentId12 .promo__description--1 {
    text-align: right;
  }
  .promoComponentId12 .promo__description--2,
  .promoComponentId12 .promo__description--3 {
    text-align: left;
  }
  .promoComponentId12 .promo__description--1 {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
  .promoComponentId13 .promo__main {
    padding: 0;
  }
  .promoComponentId13 .promo__link {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .promoComponentId13 .promo__button-wrapper {
    max-width: 300px;
    margin: 0 auto;
  }
  .promoComponentId13 .promo__button {
    margin-left: 16px;
  }
  .promoComponentId13 .promo__button:nth-child(2n) {
    margin-left: 0;
  }
  .promoComponentId14 .promo__side {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333333%;
        -ms-flex: 0 0 45.83333333%;
            flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .promoComponentId14 .promo__main {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16666667%;
        -ms-flex: 0 0 54.16666667%;
            flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .promoComponentId14 .promo__main {
    padding-right: 24px;
    padding-left: 0;
  }
  .promoComponentId14 .promo__title {
    font-size: 24px;
    line-height: 1;
  }
  .promoComponentId14 .promo__description--1 {
    margin-bottom: 24px;
  }
  .promoComponentId14 .subscription-form--checkbox-wrapper {
    padding-top: 24px;
  }
  .promoComponentId14 .subscription-form--btn {
    width: 152px;
  }
  .promoComponentId15 .promo__side {
    padding: 32px 103px 32px 32px;
  }
  .promoComponentId15 .promo__content {
    max-width: 460px;
  }
  .promoComponentId15 .promo__title {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 500;
  }
  .promoComponentId15 .promo__description--1 {
    margin-top: 24px;
  }
  .promoComponentId16 .promo__content {
    padding: 0;
  }
  .promoComponentId16 .promo__description--1 {
    margin-top: 24px;
  }
  .promoComponentId16 .promo__description--3 {
    margin-top: 48px;
    display: block;
  }
  .promoComponentId16 .promo__button-wrapper {
    margin-top: 48px;
  }
  .promoComponentId16 .promo__button {
    width: auto;
    margin-left: 8px;
  }
  .promoComponentId16 .promo__button:last-child {
    margin: 0;
  }
  .promoComponentId17 .promo__content {
    padding: 0;
    width: 480px;
  }
  .promoComponentId17 .promo__image--outer {
    padding: 26px 36px 30px 0;
  }
  .promoComponentId17 .promo__title {
    display: none;
  }
  .promoComponentId17 .promo__description--1 {
    margin-top: 16px;
  }
  .saving__item {
    padding: 24px;
  }
  .saving__offer {
    width: 120px;
  }
  .saving__offer-value {
    font-size: 16px;
    line-height: 24px;
  }
  .saving__offer-value span {
    font-size: 48px;
    line-height: 64px;
  }
  .saving__description {
    padding-right: 24px;
  }
  .onesaving__items {
    padding: 0 40px;
  }
  .onesaving__offer {
    font-weight: 500;
  }
  .onesaving__description {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 992px) {
  .m-margin-auto-lg {
    margin-top: auto !important;
    margin-left: auto !important;
    margin-bottom: auto !important;
    margin-right: auto !important;
  }
  .m-margin-0-lg {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
  }
  .m-margin-1-lg {
    margin-top: 1px !important;
    margin-left: 1px !important;
    margin-bottom: 1px !important;
    margin-right: 1px !important;
  }
  .m-margin-2-lg {
    margin-top: 2px !important;
    margin-left: 2px !important;
    margin-bottom: 2px !important;
    margin-right: 2px !important;
  }
  .m-margin-3-lg {
    margin-top: 3px !important;
    margin-left: 3px !important;
    margin-bottom: 3px !important;
    margin-right: 3px !important;
  }
  .m-margin-4-lg {
    margin-top: 4px !important;
    margin-left: 4px !important;
    margin-bottom: 4px !important;
    margin-right: 4px !important;
  }
  .m-margin-5-lg {
    margin-top: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
  }
  .m-margin-6-lg {
    margin-top: 6px !important;
    margin-left: 6px !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
  }
  .m-margin-7-lg {
    margin-top: 7px !important;
    margin-left: 7px !important;
    margin-bottom: 7px !important;
    margin-right: 7px !important;
  }
  .m-margin-8-lg {
    margin-top: 8px !important;
    margin-left: 8px !important;
    margin-bottom: 8px !important;
    margin-right: 8px !important;
  }
  .m-margin-9-lg {
    margin-top: 9px !important;
    margin-left: 9px !important;
    margin-bottom: 9px !important;
    margin-right: 9px !important;
  }
  .m-margin-10-lg {
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
  }
  .m-margin-15-lg {
    margin-top: 15px !important;
    margin-left: 15px !important;
    margin-bottom: 15px !important;
    margin-right: 15px !important;
  }
  .m-margin-20-lg {
    margin-top: 20px !important;
    margin-left: 20px !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;
  }
  .m-margin-25-lg {
    margin-top: 25px !important;
    margin-left: 25px !important;
    margin-bottom: 25px !important;
    margin-right: 25px !important;
  }
  .m-margin-30-lg {
    margin-top: 30px !important;
    margin-left: 30px !important;
    margin-bottom: 30px !important;
    margin-right: 30px !important;
  }
  .m-margin-35-lg {
    margin-top: 35px !important;
    margin-left: 35px !important;
    margin-bottom: 35px !important;
    margin-right: 35px !important;
  }
  .m-margin-40-lg {
    margin-top: 40px !important;
    margin-left: 40px !important;
    margin-bottom: 40px !important;
    margin-right: 40px !important;
  }
  .m-margin-45-lg {
    margin-top: 45px !important;
    margin-left: 45px !important;
    margin-bottom: 45px !important;
    margin-right: 45px !important;
  }
  .m-margin-50-lg {
    margin-top: 50px !important;
    margin-left: 50px !important;
    margin-bottom: 50px !important;
    margin-right: 50px !important;
  }
  .m-margin-55-lg {
    margin-top: 55px !important;
    margin-left: 55px !important;
    margin-bottom: 55px !important;
    margin-right: 55px !important;
  }
  .m-margin-60-lg {
    margin-top: 60px !important;
    margin-left: 60px !important;
    margin-bottom: 60px !important;
    margin-right: 60px !important;
  }
  .m-margin-65-lg {
    margin-top: 65px !important;
    margin-left: 65px !important;
    margin-bottom: 65px !important;
    margin-right: 65px !important;
  }
  .m-margin-70-lg {
    margin-top: 70px !important;
    margin-left: 70px !important;
    margin-bottom: 70px !important;
    margin-right: 70px !important;
  }
  .m-margin-75-lg {
    margin-top: 75px !important;
    margin-left: 75px !important;
    margin-bottom: 75px !important;
    margin-right: 75px !important;
  }
  .m-margin-80-lg {
    margin-top: 80px !important;
    margin-left: 80px !important;
    margin-bottom: 80px !important;
    margin-right: 80px !important;
  }
  .m-margin-85-lg {
    margin-top: 85px !important;
    margin-left: 85px !important;
    margin-bottom: 85px !important;
    margin-right: 85px !important;
  }
  .m-margin-90-lg {
    margin-top: 90px !important;
    margin-left: 90px !important;
    margin-bottom: 90px !important;
    margin-right: 90px !important;
  }
  .m-margin-95-lg {
    margin-top: 95px !important;
    margin-left: 95px !important;
    margin-bottom: 95px !important;
    margin-right: 95px !important;
  }
  .m-margin-100-lg {
    margin-top: 100px !important;
    margin-left: 100px !important;
    margin-bottom: 100px !important;
    margin-right: 100px !important;
  }
  .m-margin-h-auto-lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-margin-h-0-lg {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-margin-h-1-lg {
    margin-right: 1px !important;
    margin-left: 1px !important;
  }
  .m-margin-h-2-lg {
    margin-right: 2px !important;
    margin-left: 2px !important;
  }
  .m-margin-h-3-lg {
    margin-right: 3px !important;
    margin-left: 3px !important;
  }
  .m-margin-h-4-lg {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  .m-margin-h-5-lg {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .m-margin-h-6-lg {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }
  .m-margin-h-7-lg {
    margin-right: 7px !important;
    margin-left: 7px !important;
  }
  .m-margin-h-8-lg {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  .m-margin-h-9-lg {
    margin-right: 9px !important;
    margin-left: 9px !important;
  }
  .m-margin-h-10-lg {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .m-margin-h-15-lg {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }
  .m-margin-h-20-lg {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .m-margin-h-25-lg {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }
  .m-margin-h-30-lg {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }
  .m-margin-h-35-lg {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }
  .m-margin-h-40-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .m-margin-h-45-lg {
    margin-right: 45px !important;
    margin-left: 45px !important;
  }
  .m-margin-h-50-lg {
    margin-right: 50px !important;
    margin-left: 50px !important;
  }
  .m-margin-h-55-lg {
    margin-right: 55px !important;
    margin-left: 55px !important;
  }
  .m-margin-h-60-lg {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .m-margin-h-65-lg {
    margin-right: 65px !important;
    margin-left: 65px !important;
  }
  .m-margin-h-70-lg {
    margin-right: 70px !important;
    margin-left: 70px !important;
  }
  .m-margin-h-75-lg {
    margin-right: 75px !important;
    margin-left: 75px !important;
  }
  .m-margin-h-80-lg {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .m-margin-h-85-lg {
    margin-right: 85px !important;
    margin-left: 85px !important;
  }
  .m-margin-h-90-lg {
    margin-right: 90px !important;
    margin-left: 90px !important;
  }
  .m-margin-h-95-lg {
    margin-right: 95px !important;
    margin-left: 95px !important;
  }
  .m-margin-h-100-lg {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .m-margin-v-auto-lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-margin-v-0-lg {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-margin-v-1-lg {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
  .m-margin-v-2-lg {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }
  .m-margin-v-3-lg {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  .m-margin-v-4-lg {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .m-margin-v-5-lg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .m-margin-v-6-lg {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }
  .m-margin-v-7-lg {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
  .m-margin-v-8-lg {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .m-margin-v-9-lg {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
  .m-margin-v-10-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .m-margin-v-15-lg {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  .m-margin-v-20-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .m-margin-v-25-lg {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }
  .m-margin-v-30-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .m-margin-v-35-lg {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }
  .m-margin-v-40-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .m-margin-v-45-lg {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }
  .m-margin-v-50-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  .m-margin-v-55-lg {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }
  .m-margin-v-60-lg {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .m-margin-v-65-lg {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }
  .m-margin-v-70-lg {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }
  .m-margin-v-75-lg {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }
  .m-margin-v-80-lg {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .m-margin-v-85-lg {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }
  .m-margin-v-90-lg {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }
  .m-margin-v-95-lg {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }
  .m-margin-v-100-lg {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .m-margin-t-auto-lg {
    margin-top: auto !important;
  }
  .m-margin-t-0-lg {
    margin-top: 0 !important;
  }
  .m-margin-t-1-lg {
    margin-top: 1px !important;
  }
  .m-margin-t-2-lg {
    margin-top: 2px !important;
  }
  .m-margin-t-3-lg {
    margin-top: 3px !important;
  }
  .m-margin-t-4-lg {
    margin-top: 4px !important;
  }
  .m-margin-t-5-lg {
    margin-top: 5px !important;
  }
  .m-margin-t-6-lg {
    margin-top: 6px !important;
  }
  .m-margin-t-7-lg {
    margin-top: 7px !important;
  }
  .m-margin-t-8-lg {
    margin-top: 8px !important;
  }
  .m-margin-t-9-lg {
    margin-top: 9px !important;
  }
  .m-margin-t-10-lg {
    margin-top: 10px !important;
  }
  .m-margin-t-15-lg {
    margin-top: 15px !important;
  }
  .m-margin-t-20-lg {
    margin-top: 20px !important;
  }
  .m-margin-t-25-lg {
    margin-top: 25px !important;
  }
  .m-margin-t-30-lg {
    margin-top: 30px !important;
  }
  .m-margin-t-35-lg {
    margin-top: 35px !important;
  }
  .m-margin-t-40-lg {
    margin-top: 40px !important;
  }
  .m-margin-t-45-lg {
    margin-top: 45px !important;
  }
  .m-margin-t-50-lg {
    margin-top: 50px !important;
  }
  .m-margin-t-55-lg {
    margin-top: 55px !important;
  }
  .m-margin-t-60-lg {
    margin-top: 60px !important;
  }
  .m-margin-t-65-lg {
    margin-top: 65px !important;
  }
  .m-margin-t-70-lg {
    margin-top: 70px !important;
  }
  .m-margin-t-75-lg {
    margin-top: 75px !important;
  }
  .m-margin-t-80-lg {
    margin-top: 80px !important;
  }
  .m-margin-t-85-lg {
    margin-top: 85px !important;
  }
  .m-margin-t-90-lg {
    margin-top: 90px !important;
  }
  .m-margin-t-95-lg {
    margin-top: 95px !important;
  }
  .m-margin-t-100-lg {
    margin-top: 100px !important;
  }
  .m-margin-b-auto-lg {
    margin-bottom: auto !important;
  }
  .m-margin-b-0-lg {
    margin-bottom: 0 !important;
  }
  .m-margin-b-1-lg {
    margin-bottom: 1px !important;
  }
  .m-margin-b-2-lg {
    margin-bottom: 2px !important;
  }
  .m-margin-b-3-lg {
    margin-bottom: 3px !important;
  }
  .m-margin-b-4-lg {
    margin-bottom: 4px !important;
  }
  .m-margin-b-5-lg {
    margin-bottom: 5px !important;
  }
  .m-margin-b-6-lg {
    margin-bottom: 6px !important;
  }
  .m-margin-b-7-lg {
    margin-bottom: 7px !important;
  }
  .m-margin-b-8-lg {
    margin-bottom: 8px !important;
  }
  .m-margin-b-9-lg {
    margin-bottom: 9px !important;
  }
  .m-margin-b-10-lg {
    margin-bottom: 10px !important;
  }
  .m-margin-b-15-lg {
    margin-bottom: 15px !important;
  }
  .m-margin-b-20-lg {
    margin-bottom: 20px !important;
  }
  .m-margin-b-25-lg {
    margin-bottom: 25px !important;
  }
  .m-margin-b-30-lg {
    margin-bottom: 30px !important;
  }
  .m-margin-b-35-lg {
    margin-bottom: 35px !important;
  }
  .m-margin-b-40-lg {
    margin-bottom: 40px !important;
  }
  .m-margin-b-45-lg {
    margin-bottom: 45px !important;
  }
  .m-margin-b-50-lg {
    margin-bottom: 50px !important;
  }
  .m-margin-b-55-lg {
    margin-bottom: 55px !important;
  }
  .m-margin-b-60-lg {
    margin-bottom: 60px !important;
  }
  .m-margin-b-65-lg {
    margin-bottom: 65px !important;
  }
  .m-margin-b-70-lg {
    margin-bottom: 70px !important;
  }
  .m-margin-b-75-lg {
    margin-bottom: 75px !important;
  }
  .m-margin-b-80-lg {
    margin-bottom: 80px !important;
  }
  .m-margin-b-85-lg {
    margin-bottom: 85px !important;
  }
  .m-margin-b-90-lg {
    margin-bottom: 90px !important;
  }
  .m-margin-b-95-lg {
    margin-bottom: 95px !important;
  }
  .m-margin-b-100-lg {
    margin-bottom: 100px !important;
  }
  .m-margin-l-auto-lg {
    margin-right: auto !important;
  }
  .m-margin-l-0-lg {
    margin-right: 0 !important;
  }
  .m-margin-l-1-lg {
    margin-right: 1px !important;
  }
  .m-margin-l-2-lg {
    margin-right: 2px !important;
  }
  .m-margin-l-3-lg {
    margin-right: 3px !important;
  }
  .m-margin-l-4-lg {
    margin-right: 4px !important;
  }
  .m-margin-l-5-lg {
    margin-right: 5px !important;
  }
  .m-margin-l-6-lg {
    margin-right: 6px !important;
  }
  .m-margin-l-7-lg {
    margin-right: 7px !important;
  }
  .m-margin-l-8-lg {
    margin-right: 8px !important;
  }
  .m-margin-l-9-lg {
    margin-right: 9px !important;
  }
  .m-margin-l-10-lg {
    margin-right: 10px !important;
  }
  .m-margin-l-15-lg {
    margin-right: 15px !important;
  }
  .m-margin-l-20-lg {
    margin-right: 20px !important;
  }
  .m-margin-l-25-lg {
    margin-right: 25px !important;
  }
  .m-margin-l-30-lg {
    margin-right: 30px !important;
  }
  .m-margin-l-35-lg {
    margin-right: 35px !important;
  }
  .m-margin-l-40-lg {
    margin-right: 40px !important;
  }
  .m-margin-l-45-lg {
    margin-right: 45px !important;
  }
  .m-margin-l-50-lg {
    margin-right: 50px !important;
  }
  .m-margin-l-55-lg {
    margin-right: 55px !important;
  }
  .m-margin-l-60-lg {
    margin-right: 60px !important;
  }
  .m-margin-l-65-lg {
    margin-right: 65px !important;
  }
  .m-margin-l-70-lg {
    margin-right: 70px !important;
  }
  .m-margin-l-75-lg {
    margin-right: 75px !important;
  }
  .m-margin-l-80-lg {
    margin-right: 80px !important;
  }
  .m-margin-l-85-lg {
    margin-right: 85px !important;
  }
  .m-margin-l-90-lg {
    margin-right: 90px !important;
  }
  .m-margin-l-95-lg {
    margin-right: 95px !important;
  }
  .m-margin-l-100-lg {
    margin-right: 100px !important;
  }
  .m-margin-r-auto-lg {
    margin-left: auto !important;
  }
  .m-margin-r-0-lg {
    margin-left: 0 !important;
  }
  .m-margin-r-1-lg {
    margin-left: 1px !important;
  }
  .m-margin-r-2-lg {
    margin-left: 2px !important;
  }
  .m-margin-r-3-lg {
    margin-left: 3px !important;
  }
  .m-margin-r-4-lg {
    margin-left: 4px !important;
  }
  .m-margin-r-5-lg {
    margin-left: 5px !important;
  }
  .m-margin-r-6-lg {
    margin-left: 6px !important;
  }
  .m-margin-r-7-lg {
    margin-left: 7px !important;
  }
  .m-margin-r-8-lg {
    margin-left: 8px !important;
  }
  .m-margin-r-9-lg {
    margin-left: 9px !important;
  }
  .m-margin-r-10-lg {
    margin-left: 10px !important;
  }
  .m-margin-r-15-lg {
    margin-left: 15px !important;
  }
  .m-margin-r-20-lg {
    margin-left: 20px !important;
  }
  .m-margin-r-25-lg {
    margin-left: 25px !important;
  }
  .m-margin-r-30-lg {
    margin-left: 30px !important;
  }
  .m-margin-r-35-lg {
    margin-left: 35px !important;
  }
  .m-margin-r-40-lg {
    margin-left: 40px !important;
  }
  .m-margin-r-45-lg {
    margin-left: 45px !important;
  }
  .m-margin-r-50-lg {
    margin-left: 50px !important;
  }
  .m-margin-r-55-lg {
    margin-left: 55px !important;
  }
  .m-margin-r-60-lg {
    margin-left: 60px !important;
  }
  .m-margin-r-65-lg {
    margin-left: 65px !important;
  }
  .m-margin-r-70-lg {
    margin-left: 70px !important;
  }
  .m-margin-r-75-lg {
    margin-left: 75px !important;
  }
  .m-margin-r-80-lg {
    margin-left: 80px !important;
  }
  .m-margin-r-85-lg {
    margin-left: 85px !important;
  }
  .m-margin-r-90-lg {
    margin-left: 90px !important;
  }
  .m-margin-r-95-lg {
    margin-left: 95px !important;
  }
  .m-margin-r-100-lg {
    margin-left: 100px !important;
  }
  .m-padding-auto-lg {
    padding-top: auto !important;
    padding-left: auto !important;
    padding-bottom: auto !important;
    padding-right: auto !important;
  }
  .m-padding-0-lg {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
  }
  .m-padding-1-lg {
    padding-top: 1px !important;
    padding-left: 1px !important;
    padding-bottom: 1px !important;
    padding-right: 1px !important;
  }
  .m-padding-2-lg {
    padding-top: 2px !important;
    padding-left: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 2px !important;
  }
  .m-padding-3-lg {
    padding-top: 3px !important;
    padding-left: 3px !important;
    padding-bottom: 3px !important;
    padding-right: 3px !important;
  }
  .m-padding-4-lg {
    padding-top: 4px !important;
    padding-left: 4px !important;
    padding-bottom: 4px !important;
    padding-right: 4px !important;
  }
  .m-padding-5-lg {
    padding-top: 5px !important;
    padding-left: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 5px !important;
  }
  .m-padding-6-lg {
    padding-top: 6px !important;
    padding-left: 6px !important;
    padding-bottom: 6px !important;
    padding-right: 6px !important;
  }
  .m-padding-7-lg {
    padding-top: 7px !important;
    padding-left: 7px !important;
    padding-bottom: 7px !important;
    padding-right: 7px !important;
  }
  .m-padding-8-lg {
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
  }
  .m-padding-9-lg {
    padding-top: 9px !important;
    padding-left: 9px !important;
    padding-bottom: 9px !important;
    padding-right: 9px !important;
  }
  .m-padding-10-lg {
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 10px !important;
  }
  .m-padding-15-lg {
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
  }
  .m-padding-20-lg {
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-bottom: 20px !important;
    padding-right: 20px !important;
  }
  .m-padding-25-lg {
    padding-top: 25px !important;
    padding-left: 25px !important;
    padding-bottom: 25px !important;
    padding-right: 25px !important;
  }
  .m-padding-30-lg {
    padding-top: 30px !important;
    padding-left: 30px !important;
    padding-bottom: 30px !important;
    padding-right: 30px !important;
  }
  .m-padding-35-lg {
    padding-top: 35px !important;
    padding-left: 35px !important;
    padding-bottom: 35px !important;
    padding-right: 35px !important;
  }
  .m-padding-40-lg {
    padding-top: 40px !important;
    padding-left: 40px !important;
    padding-bottom: 40px !important;
    padding-right: 40px !important;
  }
  .m-padding-45-lg {
    padding-top: 45px !important;
    padding-left: 45px !important;
    padding-bottom: 45px !important;
    padding-right: 45px !important;
  }
  .m-padding-50-lg {
    padding-top: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 50px !important;
    padding-right: 50px !important;
  }
  .m-padding-55-lg {
    padding-top: 55px !important;
    padding-left: 55px !important;
    padding-bottom: 55px !important;
    padding-right: 55px !important;
  }
  .m-padding-60-lg {
    padding-top: 60px !important;
    padding-left: 60px !important;
    padding-bottom: 60px !important;
    padding-right: 60px !important;
  }
  .m-padding-65-lg {
    padding-top: 65px !important;
    padding-left: 65px !important;
    padding-bottom: 65px !important;
    padding-right: 65px !important;
  }
  .m-padding-70-lg {
    padding-top: 70px !important;
    padding-left: 70px !important;
    padding-bottom: 70px !important;
    padding-right: 70px !important;
  }
  .m-padding-75-lg {
    padding-top: 75px !important;
    padding-left: 75px !important;
    padding-bottom: 75px !important;
    padding-right: 75px !important;
  }
  .m-padding-80-lg {
    padding-top: 80px !important;
    padding-left: 80px !important;
    padding-bottom: 80px !important;
    padding-right: 80px !important;
  }
  .m-padding-85-lg {
    padding-top: 85px !important;
    padding-left: 85px !important;
    padding-bottom: 85px !important;
    padding-right: 85px !important;
  }
  .m-padding-90-lg {
    padding-top: 90px !important;
    padding-left: 90px !important;
    padding-bottom: 90px !important;
    padding-right: 90px !important;
  }
  .m-padding-95-lg {
    padding-top: 95px !important;
    padding-left: 95px !important;
    padding-bottom: 95px !important;
    padding-right: 95px !important;
  }
  .m-padding-100-lg {
    padding-top: 100px !important;
    padding-left: 100px !important;
    padding-bottom: 100px !important;
    padding-right: 100px !important;
  }
  .m-padding-h-auto-lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .m-padding-h-0-lg {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .m-padding-h-1-lg {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }
  .m-padding-h-2-lg {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }
  .m-padding-h-3-lg {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
  .m-padding-h-4-lg {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  .m-padding-h-5-lg {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .m-padding-h-6-lg {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
  .m-padding-h-7-lg {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
  .m-padding-h-8-lg {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .m-padding-h-9-lg {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }
  .m-padding-h-10-lg {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .m-padding-h-15-lg {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .m-padding-h-20-lg {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .m-padding-h-25-lg {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }
  .m-padding-h-30-lg {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
  .m-padding-h-35-lg {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }
  .m-padding-h-40-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .m-padding-h-45-lg {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .m-padding-h-50-lg {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }
  .m-padding-h-55-lg {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }
  .m-padding-h-60-lg {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .m-padding-h-65-lg {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }
  .m-padding-h-70-lg {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }
  .m-padding-h-75-lg {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }
  .m-padding-h-80-lg {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .m-padding-h-85-lg {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }
  .m-padding-h-90-lg {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }
  .m-padding-h-95-lg {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }
  .m-padding-h-100-lg {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .m-padding-v-auto-lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .m-padding-v-0-lg {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .m-padding-v-1-lg {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
  .m-padding-v-2-lg {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .m-padding-v-3-lg {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .m-padding-v-4-lg {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .m-padding-v-5-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .m-padding-v-6-lg {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .m-padding-v-7-lg {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
  .m-padding-v-8-lg {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .m-padding-v-9-lg {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
  .m-padding-v-10-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .m-padding-v-15-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .m-padding-v-20-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .m-padding-v-25-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .m-padding-v-30-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .m-padding-v-35-lg {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .m-padding-v-40-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .m-padding-v-45-lg {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .m-padding-v-50-lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .m-padding-v-55-lg {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }
  .m-padding-v-60-lg {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .m-padding-v-65-lg {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }
  .m-padding-v-70-lg {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .m-padding-v-75-lg {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }
  .m-padding-v-80-lg {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .m-padding-v-85-lg {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }
  .m-padding-v-90-lg {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
  .m-padding-v-95-lg {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }
  .m-padding-v-100-lg {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .m-padding-t-auto-lg {
    padding-top: auto !important;
  }
  .m-padding-t-0-lg {
    padding-top: 0 !important;
  }
  .m-padding-t-1-lg {
    padding-top: 1px !important;
  }
  .m-padding-t-2-lg {
    padding-top: 2px !important;
  }
  .m-padding-t-3-lg {
    padding-top: 3px !important;
  }
  .m-padding-t-4-lg {
    padding-top: 4px !important;
  }
  .m-padding-t-5-lg {
    padding-top: 5px !important;
  }
  .m-padding-t-6-lg {
    padding-top: 6px !important;
  }
  .m-padding-t-7-lg {
    padding-top: 7px !important;
  }
  .m-padding-t-8-lg {
    padding-top: 8px !important;
  }
  .m-padding-t-9-lg {
    padding-top: 9px !important;
  }
  .m-padding-t-10-lg {
    padding-top: 10px !important;
  }
  .m-padding-t-15-lg {
    padding-top: 15px !important;
  }
  .m-padding-t-20-lg {
    padding-top: 20px !important;
  }
  .m-padding-t-25-lg {
    padding-top: 25px !important;
  }
  .m-padding-t-30-lg {
    padding-top: 30px !important;
  }
  .m-padding-t-35-lg {
    padding-top: 35px !important;
  }
  .m-padding-t-40-lg {
    padding-top: 40px !important;
  }
  .m-padding-t-45-lg {
    padding-top: 45px !important;
  }
  .m-padding-t-50-lg {
    padding-top: 50px !important;
  }
  .m-padding-t-55-lg {
    padding-top: 55px !important;
  }
  .m-padding-t-60-lg {
    padding-top: 60px !important;
  }
  .m-padding-t-65-lg {
    padding-top: 65px !important;
  }
  .m-padding-t-70-lg {
    padding-top: 70px !important;
  }
  .m-padding-t-75-lg {
    padding-top: 75px !important;
  }
  .m-padding-t-80-lg {
    padding-top: 80px !important;
  }
  .m-padding-t-85-lg {
    padding-top: 85px !important;
  }
  .m-padding-t-90-lg {
    padding-top: 90px !important;
  }
  .m-padding-t-95-lg {
    padding-top: 95px !important;
  }
  .m-padding-t-100-lg {
    padding-top: 100px !important;
  }
  .m-padding-b-auto-lg {
    padding-bottom: auto !important;
  }
  .m-padding-b-0-lg {
    padding-bottom: 0 !important;
  }
  .m-padding-b-1-lg {
    padding-bottom: 1px !important;
  }
  .m-padding-b-2-lg {
    padding-bottom: 2px !important;
  }
  .m-padding-b-3-lg {
    padding-bottom: 3px !important;
  }
  .m-padding-b-4-lg {
    padding-bottom: 4px !important;
  }
  .m-padding-b-5-lg {
    padding-bottom: 5px !important;
  }
  .m-padding-b-6-lg {
    padding-bottom: 6px !important;
  }
  .m-padding-b-7-lg {
    padding-bottom: 7px !important;
  }
  .m-padding-b-8-lg {
    padding-bottom: 8px !important;
  }
  .m-padding-b-9-lg {
    padding-bottom: 9px !important;
  }
  .m-padding-b-10-lg {
    padding-bottom: 10px !important;
  }
  .m-padding-b-15-lg {
    padding-bottom: 15px !important;
  }
  .m-padding-b-20-lg {
    padding-bottom: 20px !important;
  }
  .m-padding-b-25-lg {
    padding-bottom: 25px !important;
  }
  .m-padding-b-30-lg {
    padding-bottom: 30px !important;
  }
  .m-padding-b-35-lg {
    padding-bottom: 35px !important;
  }
  .m-padding-b-40-lg {
    padding-bottom: 40px !important;
  }
  .m-padding-b-45-lg {
    padding-bottom: 45px !important;
  }
  .m-padding-b-50-lg {
    padding-bottom: 50px !important;
  }
  .m-padding-b-55-lg {
    padding-bottom: 55px !important;
  }
  .m-padding-b-60-lg {
    padding-bottom: 60px !important;
  }
  .m-padding-b-65-lg {
    padding-bottom: 65px !important;
  }
  .m-padding-b-70-lg {
    padding-bottom: 70px !important;
  }
  .m-padding-b-75-lg {
    padding-bottom: 75px !important;
  }
  .m-padding-b-80-lg {
    padding-bottom: 80px !important;
  }
  .m-padding-b-85-lg {
    padding-bottom: 85px !important;
  }
  .m-padding-b-90-lg {
    padding-bottom: 90px !important;
  }
  .m-padding-b-95-lg {
    padding-bottom: 95px !important;
  }
  .m-padding-b-100-lg {
    padding-bottom: 100px !important;
  }
  .m-padding-l-auto-lg {
    padding-right: auto !important;
  }
  .m-padding-l-0-lg {
    padding-right: 0 !important;
  }
  .m-padding-l-1-lg {
    padding-right: 1px !important;
  }
  .m-padding-l-2-lg {
    padding-right: 2px !important;
  }
  .m-padding-l-3-lg {
    padding-right: 3px !important;
  }
  .m-padding-l-4-lg {
    padding-right: 4px !important;
  }
  .m-padding-l-5-lg {
    padding-right: 5px !important;
  }
  .m-padding-l-6-lg {
    padding-right: 6px !important;
  }
  .m-padding-l-7-lg {
    padding-right: 7px !important;
  }
  .m-padding-l-8-lg {
    padding-right: 8px !important;
  }
  .m-padding-l-9-lg {
    padding-right: 9px !important;
  }
  .m-padding-l-10-lg {
    padding-right: 10px !important;
  }
  .m-padding-l-15-lg {
    padding-right: 15px !important;
  }
  .m-padding-l-20-lg {
    padding-right: 20px !important;
  }
  .m-padding-l-25-lg {
    padding-right: 25px !important;
  }
  .m-padding-l-30-lg {
    padding-right: 30px !important;
  }
  .m-padding-l-35-lg {
    padding-right: 35px !important;
  }
  .m-padding-l-40-lg {
    padding-right: 40px !important;
  }
  .m-padding-l-45-lg {
    padding-right: 45px !important;
  }
  .m-padding-l-50-lg {
    padding-right: 50px !important;
  }
  .m-padding-l-55-lg {
    padding-right: 55px !important;
  }
  .m-padding-l-60-lg {
    padding-right: 60px !important;
  }
  .m-padding-l-65-lg {
    padding-right: 65px !important;
  }
  .m-padding-l-70-lg {
    padding-right: 70px !important;
  }
  .m-padding-l-75-lg {
    padding-right: 75px !important;
  }
  .m-padding-l-80-lg {
    padding-right: 80px !important;
  }
  .m-padding-l-85-lg {
    padding-right: 85px !important;
  }
  .m-padding-l-90-lg {
    padding-right: 90px !important;
  }
  .m-padding-l-95-lg {
    padding-right: 95px !important;
  }
  .m-padding-l-100-lg {
    padding-right: 100px !important;
  }
  .m-padding-r-auto-lg {
    padding-left: auto !important;
  }
  .m-padding-r-0-lg {
    padding-left: 0 !important;
  }
  .m-padding-r-1-lg {
    padding-left: 1px !important;
  }
  .m-padding-r-2-lg {
    padding-left: 2px !important;
  }
  .m-padding-r-3-lg {
    padding-left: 3px !important;
  }
  .m-padding-r-4-lg {
    padding-left: 4px !important;
  }
  .m-padding-r-5-lg {
    padding-left: 5px !important;
  }
  .m-padding-r-6-lg {
    padding-left: 6px !important;
  }
  .m-padding-r-7-lg {
    padding-left: 7px !important;
  }
  .m-padding-r-8-lg {
    padding-left: 8px !important;
  }
  .m-padding-r-9-lg {
    padding-left: 9px !important;
  }
  .m-padding-r-10-lg {
    padding-left: 10px !important;
  }
  .m-padding-r-15-lg {
    padding-left: 15px !important;
  }
  .m-padding-r-20-lg {
    padding-left: 20px !important;
  }
  .m-padding-r-25-lg {
    padding-left: 25px !important;
  }
  .m-padding-r-30-lg {
    padding-left: 30px !important;
  }
  .m-padding-r-35-lg {
    padding-left: 35px !important;
  }
  .m-padding-r-40-lg {
    padding-left: 40px !important;
  }
  .m-padding-r-45-lg {
    padding-left: 45px !important;
  }
  .m-padding-r-50-lg {
    padding-left: 50px !important;
  }
  .m-padding-r-55-lg {
    padding-left: 55px !important;
  }
  .m-padding-r-60-lg {
    padding-left: 60px !important;
  }
  .m-padding-r-65-lg {
    padding-left: 65px !important;
  }
  .m-padding-r-70-lg {
    padding-left: 70px !important;
  }
  .m-padding-r-75-lg {
    padding-left: 75px !important;
  }
  .m-padding-r-80-lg {
    padding-left: 80px !important;
  }
  .m-padding-r-85-lg {
    padding-left: 85px !important;
  }
  .m-padding-r-90-lg {
    padding-left: 90px !important;
  }
  .m-padding-r-95-lg {
    padding-left: 95px !important;
  }
  .m-padding-r-100-lg {
    padding-left: 100px !important;
  }
  .m-width-auto-lg {
    width: auto !important;
  }
  .m-width-0-lg {
    width: 0 !important;
  }
  .m-width-50-lg {
    width: 50px !important;
  }
  .m-width-100-lg {
    width: 100px !important;
  }
  .m-width-150-lg {
    width: 150px !important;
  }
  .m-width-200-lg {
    width: 200px !important;
  }
  .m-width-250-lg {
    width: 250px !important;
  }
  .m-width-300-lg {
    width: 300px !important;
  }
  .m-width-350-lg {
    width: 350px !important;
  }
  .m-width-400-lg {
    width: 400px !important;
  }
  .m-width-450-lg {
    width: 450px !important;
  }
  .m-width-500-lg {
    width: 500px !important;
  }
  .m-width-550-lg {
    width: 550px !important;
  }
  .m-width-600-lg {
    width: 600px !important;
  }
  .m-width-650-lg {
    width: 650px !important;
  }
  .m-width-700-lg {
    width: 700px !important;
  }
  .m-width-750-lg {
    width: 750px !important;
  }
  .m-width-800-lg {
    width: 800px !important;
  }
  .m-width-850-lg {
    width: 850px !important;
  }
  .m-width-900-lg {
    width: 900px !important;
  }
  .m-width-950-lg {
    width: 950px !important;
  }
  .m-width-1000-lg {
    width: 1000px !important;
  }
  .m-width-perc-0-lg {
    width: 0 !important;
  }
  .m-width-perc-5-lg {
    width: 5% !important;
  }
  .m-width-perc-10-lg {
    width: 10% !important;
  }
  .m-width-perc-15-lg {
    width: 15% !important;
  }
  .m-width-perc-20-lg {
    width: 20% !important;
  }
  .m-width-perc-25-lg {
    width: 25% !important;
  }
  .m-width-perc-30-lg {
    width: 30% !important;
  }
  .m-width-perc-35-lg {
    width: 35% !important;
  }
  .m-width-perc-40-lg {
    width: 40% !important;
  }
  .m-width-perc-45-lg {
    width: 45% !important;
  }
  .m-width-perc-50-lg {
    width: 50% !important;
  }
  .m-width-perc-55-lg {
    width: 55% !important;
  }
  .m-width-perc-60-lg {
    width: 60% !important;
  }
  .m-width-perc-65-lg {
    width: 65% !important;
  }
  .m-width-perc-70-lg {
    width: 70% !important;
  }
  .m-width-perc-75-lg {
    width: 75% !important;
  }
  .m-width-perc-80-lg {
    width: 80% !important;
  }
  .m-width-perc-85-lg {
    width: 85% !important;
  }
  .m-width-perc-90-lg {
    width: 90% !important;
  }
  .m-width-perc-95-lg {
    width: 95% !important;
  }
  .m-width-perc-100-lg {
    width: 100% !important;
  }
  .m-order-0-lg {
    -webkit-box-ordinal-group: 1 !important;
    -webkit-order: 0 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
  .m-order-1-lg {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
  .m-order-2-lg {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
  .m-order-3-lg {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
  .m-order-4-lg {
    -webkit-box-ordinal-group: 5 !important;
    -webkit-order: 4 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
  .m-order-5-lg {
    -webkit-box-ordinal-group: 6 !important;
    -webkit-order: 5 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
  .m-order-6-lg {
    -webkit-box-ordinal-group: 7 !important;
    -webkit-order: 6 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
  .m-order-7-lg {
    -webkit-box-ordinal-group: 8 !important;
    -webkit-order: 7 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
  .m-order-8-lg {
    -webkit-box-ordinal-group: 9 !important;
    -webkit-order: 8 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
  .m-order-9-lg {
    -webkit-box-ordinal-group: 10 !important;
    -webkit-order: 9 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
  .m-order-10-lg {
    -webkit-box-ordinal-group: 11 !important;
    -webkit-order: 10 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
  .m-text--h1-lg {
    font-size: 52px !important;
    line-height: 64px !important;
    font-weight: 500 !important;
  }
  .m-text--h1-sm {
    font-size: 52px !important;
    line-height: 52px !important;
  }
  .m-text--h1-sm-lg {
    font-size: 48px !important;
    line-height: 35px !important;
  }
  .m-text--h2-lg {
    font-size: 40px !important;
    line-height: 52px !important;
    font-weight: 700 !important;
  }
  .m-text--h3-lg {
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 500 !important;
  }
  .m-text--h4-lg {
    font-size: 26px !important;
    line-height: 36px !important;
    font-weight: 500 !important;
  }
  .m-text--h5-lg {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
  }
  .m-text--h5-sm-lg {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
  }
  .m-text--h6 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .m-text--h6-lg {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--h6-md-lg {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .m-text--h6-sm-lg {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--p-xl {
    font-size: 84px !important;
    line-height: 84px !important;
  }
  .m-text--p-xl-lg {
    font-size: 84px !important;
    line-height: 60px !important;
  }
  .m-text--p-xl-2 {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  .m-text--p-xl-2-lg {
    font-size: 61px !important;
    line-height: 61px !important;
  }
  .m-text--p-xl-3-lg {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  .m-text--p-lg-lg {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .m-text--p-lg-2-lg {
    font-size: 17px !important;
    line-height: 22px !important;
  }
  .m-text--p-rg-lg {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .m-text--p-rg-2-lg {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .m-text--p-md-lg {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--p-sm {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--p-sm-lg {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .m-text--p-sm-2-lg {
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }
  .m-text--p-xs-lg {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .m-text--p-xs-2-lg {
    font-size: 11px !important;
    line-height: 16px !important;
  }
  .m-text--caption-lg-lg {
    font-size: 24px !important;
    line-height: 36px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--caption-rg-lg {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--caption-sm-lg {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--caption-xs-lg {
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
  }
  .m-text--body-lg {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "Tajawal", sans-serif !important;
  }
  .m-text--btn-lg {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .m-text--btn-small-lg {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--btn-md-lg {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--btn-lg-lg {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .m-text--checkbox-label-lg {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--checkbox-label-text-lg {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .m-text--checkbox-label-text-type2-lg {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .m-text--btn-icon-lg {
    font-size: 16px !important;
    line-height: !important;
  }
  .m-text--list-item-wide-lg {
    font-size: 14px !important;
    line-height: 30px !important;
  }
  .m-text--icon-large-lg {
    font-size: 24px !important;
    line-height: 1 !important;
  }
  .m-text--icon-xlarge-lg {
    font-size: 28px !important;
    line-height: 1 !important;
  }
  .m-text--icon-xxlarge-lg {
    font-size: 36px !important;
    line-height: 1 !important;
  }
  .m-text--icon-xxxlarge-lg {
    font-size: 54px !important;
    line-height: 1 !important;
  }
  .m-text--icon-lg {
    font-size: 20px !important;
    line-height: 1 !important;
  }
  .m-text--icon-medium-lg {
    font-size: 16px !important;
    line-height: 1 !important;
  }
  .m-text--icon-small-lg {
    font-size: 13px !important;
    line-height: 1 !important;
  }
  .m-text--pd-custom-heading {
    font-size: 30px !important;
    line-height: 45px !important;
  }
  .m-text--pd-custom-heading-lg {
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: 3.6px !important;
  }
  .m-text--pd-caption-lg {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
  }
  .m-text--pd-markup-lg-lg {
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .m-text--link-lg {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--refinement-lg {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
  }
  .m-text--refinement-filter-lg {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
  }
  .b-producttile__pricing .b-price__standard {
    font-size: 14px;
    line-height: 20px;
  }
  .b-alert__text {
    font-size: 16px;
    line-height: 22px;
  }
  .b-alert__caption {
    font-size: 14px;
    line-height: 20px;
  }
  .b-carousel__index-text {
    font-size: 14px;
    line-height: 20px;
  }
  .b-ccstore__content {
    font-size: 14px;
    line-height: 20px;
  }
  .b-progress-bar__name {
    font-size: 14px;
    line-height: 20px;
  }
  .b-contactus__help-title {
    font-size: 16px;
    line-height: 22px;
  }
  .b-contactus__help-text {
    font-size: 14px;
    line-height: 20px;
  }
  .b-child-management .b-alert__text {
    font-size: 14px;
    line-height: 20px;
  }
  .b-attribute__label {
    font-size: 16px;
    line-height: 22px;
  }
  .b-mnp-and-me__subititle {
    font-size: 14px;
    line-height: 20px;
  }
  .b-miniproduct--type-2 .b-miniproduct__name, .b-miniproduct--type-3 .b-miniproduct__name {
    font-size: 16px;
    line-height: 22px;
  }
  .b-footer__subscription-sub-header {
    font-size: 14px;
    line-height: 20px;
  }
  .b-footer__copyright {
    font-size: 14px;
    line-height: 20px;
  }
  .b-footer-links__item {
    font-size: 14px;
    line-height: 20px;
  }
  .b-wishlist-tile .b-price__sale .b-price__value {
    font-size: 16px;
    line-height: 22px;
  }
  .app-popup__title {
    font-size: 16px;
    line-height: 22px;
  }
  .b-coupons__valid-date, .b-coupons__terms-and-conditions {
    font-size: 14px;
    line-height: 20px;
  }
  .basic-card__toptitle {
    font-size: 14px;
    line-height: 20px;
  }
  .icon-card__title {
    font-size: 16px;
    line-height: 22px;
  }
  .promoComponentId1 .promo__title {
    font-size: 16px;
    line-height: 22px;
  }
  .promoComponentId4 .promo__description--1 {
    font-size: 14px;
    line-height: 20px;
  }
  .promoComponentId6 .promo__description {
    font-size: 14px;
    line-height: 20px;
  }
  .saving__description-text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 992px) {
  .m-text--h1-sm-md {
    font-size: 52px !important;
    line-height: 52px !important;
  }
  .m-text--h6-md {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .m-text--p-xl-md {
    font-size: 84px !important;
    line-height: 84px !important;
  }
  .m-text--p-xl-2-md {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  .m-text--p-sm-md {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--pd-custom-heading-md {
    font-size: 30px !important;
    line-height: 45px !important;
  }
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
  .m-text--h1-sm-lg {
    font-size: 52px !important;
    line-height: 52px !important;
  }
  .m-text--h6-lg {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  .m-text--p-xl-lg {
    font-size: 84px !important;
    line-height: 84px !important;
  }
  .m-text--p-xl-2-lg {
    font-size: 80px !important;
    line-height: 80px !important;
  }
  .m-text--p-sm-lg {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  .m-text--pd-custom-heading-lg {
    font-size: 30px !important;
    line-height: 45px !important;
  }
  .b-footer-links {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 992px) and (min-width: 768px) {
  .m-text--pd-caption-lg {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
@media only screen and (max-width: 575.98px) and (min-width: 992px) {
  .b-notification-add-to-cart-success .b-notification__text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .b-megamenu__dropdown .b-megamenu__dropdownmenu.b-megamenu__category-level-1 {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1240px;
  }
  .col-xl {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333333%;
        -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66666667%;
        -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333333%;
        -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66666667%;
        -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333333%;
        -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66666667%;
        -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333333%;
        -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66666667%;
        -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xl-0 {
    margin-right: 0;
  }
  .offset-xl-1 {
    margin-right: 8.33333333%;
  }
  .offset-xl-2 {
    margin-right: 16.66666667%;
  }
  .offset-xl-3 {
    margin-right: 25%;
  }
  .offset-xl-4 {
    margin-right: 33.33333333%;
  }
  .offset-xl-5 {
    margin-right: 41.66666667%;
  }
  .offset-xl-6 {
    margin-right: 50%;
  }
  .offset-xl-7 {
    margin-right: 58.33333333%;
  }
  .offset-xl-8 {
    margin-right: 66.66666667%;
  }
  .offset-xl-9 {
    margin-right: 75%;
  }
  .offset-xl-10 {
    margin-right: 83.33333333%;
  }
  .offset-xl-11 {
    margin-right: 91.66666667%;
  }
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .dropdown-menu-xl-left {
    left: auto;
    right: 0;
  }
  .dropdown-menu-xl-right {
    left: 0;
    right: auto;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
            flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
            flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
            align-content: flex-start !important;
  }
  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
            align-content: flex-end !important;
  }
  .align-content-xl-center {
    -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
            align-content: center !important;
  }
  .align-content-xl-between {
    -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
            align-content: space-between !important;
  }
  .align-content-xl-around {
    -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
            align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
            align-content: stretch !important;
  }
  .align-self-xl-auto {
    -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
            align-self: auto !important;
  }
  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
  .align-self-xl-center {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important;
  }
  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
            align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
            align-self: stretch !important;
  }
  .float-xl-left {
    float: right !important;
  }
  .float-xl-right {
    float: left !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .text-xl-left {
    text-align: right !important;
  }
  .text-xl-right {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .b-tabs.b-tabs--primary .b-tab {
    margin: 0 19px;
  }
  .b-helpinfo__details {
    width: 50%;
  }
  .b-mainsearch .b-search__input {
    width: 280px;
  }
  .b-suggestions-wrapper {
    padding-top: 4px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 312px;
    z-index: 16;
  }
  .b-megamenu-banner .btn, .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton--default, .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton--default,
  .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton,
  .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton, .b-megamenu-banner .dockableContainer .embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .b-megamenu-banner .embeddedServiceSidebarButton.uiButton--inverse {
    width: 282px;
  }
  .b-producttile__image-link {
    height: 342px;
  }
  .edgetoedge-1r-1c__container {
    padding: 48px 20px;
  }
  .section--narrow {
    margin-right: 104px;
    margin-left: 104px;
    width: calc(100% - 208px);
  }
  .promo__container.promo--narrow {
    margin-right: 104px;
    margin-left: 104px;
    width: calc(100% - 208px);
  }
  .promo__videoimage-container--inner-sml {
    padding-right: 0;
    padding-left: 0;
  }
  .promoComponentId3 .promo__content {
    padding-right: 60px;
    padding-left: 60px;
  }
  .promoComponentId3 .promo__description--1 {
    margin-top: 24px;
  }
  .promoComponentId3 .promo__link-item-list {
    margin-top: 24px;
  }
  .promoComponentId4 .promo__subtitle,
  .promoComponentId4 .promo__description--1 {
    margin-top: 16px;
  }
  .promoComponentId4 .promo__link-item-list {
    margin-top: 40px;
  }
  .promoComponentId7 .promo__content {
    padding-right: 24px;
    padding-left: 24px;
  }
  .promoComponentId7 .promo__subtitle {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    margin-bottom: 80px;
  }
  .promoComponentId7 .promo__description--2 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 8px;
  }
  .promoComponentId7 .promo__link-item:first-child {
    margin-right: 0;
  }
  .promoComponentId9 .promo__content {
    padding-right: 40px;
    padding-left: 40px;
  }
  .promoComponentId9 .promo__link-item-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .promoComponentId14 .promo__content {
    padding-right: 24px;
    padding-left: 0;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
  .b-notification-add-to-cart-success .b-notification__text {
    font-size: 12px;
    line-height: 18px;
  }
  .b-carousel .b-price__content {
    display: block;
  }
  .b-carousel .b-price__content .b-price__sale.on-sale + .b-price__standard {
    margin-right: 0;
  }
  .b-ccstore__address {
    font-size: 11px;
  }
  .b-producttile__pricing .b-price__content {
    display: block;
  }
  .b-producttile__pricing .b-price__sale.on-sale {
    display: inline-block;
    margin-left: 6px;
  }
  .b-producttile__pricing .b-price__sale.on-sale + .b-price__standard {
    margin-right: 0;
  }
  .b-producttile__pricing .b-price__sale.on-sale + .b-price__standard .b-price__standard-el {
    display: inline-block;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
  .m-min-height-vh-10-sm {
    min-height: 10vh !important;
  }
  .m-min-height-vw-10-sm {
    min-height: 10vw !important;
  }
  .m-min-height-px-10-sm {
    min-height: 10px !important;
  }
  .m-min-height-pc-10-sm {
    min-height: 1000% !important;
  }
  .m-height-vh-10-sm {
    height: 10vh !important;
  }
  .m-height-vw-10-sm {
    height: 10vw !important;
  }
  .m-height-px-10-sm {
    height: 10px !important;
  }
  .m-height-pc-10-sm {
    height: 1000% !important;
  }
  .m-max-height-vh-10-sm {
    max-height: 10vh !important;
  }
  .m-max-height-vw-10-sm {
    max-height: 10vw !important;
  }
  .m-max-height-px-10-sm {
    max-height: 10px !important;
  }
  .m-max-height-pc-10-sm {
    max-height: 1000% !important;
  }
  .m-min-height-vh-20-sm {
    min-height: 20vh !important;
  }
  .m-min-height-vw-20-sm {
    min-height: 20vw !important;
  }
  .m-min-height-px-20-sm {
    min-height: 20px !important;
  }
  .m-min-height-pc-20-sm {
    min-height: 2000% !important;
  }
  .m-height-vh-20-sm {
    height: 20vh !important;
  }
  .m-height-vw-20-sm {
    height: 20vw !important;
  }
  .m-height-px-20-sm {
    height: 20px !important;
  }
  .m-height-pc-20-sm {
    height: 2000% !important;
  }
  .m-max-height-vh-20-sm {
    max-height: 20vh !important;
  }
  .m-max-height-vw-20-sm {
    max-height: 20vw !important;
  }
  .m-max-height-px-20-sm {
    max-height: 20px !important;
  }
  .m-max-height-pc-20-sm {
    max-height: 2000% !important;
  }
  .m-min-height-vh-30-sm {
    min-height: 30vh !important;
  }
  .m-min-height-vw-30-sm {
    min-height: 30vw !important;
  }
  .m-min-height-px-30-sm {
    min-height: 30px !important;
  }
  .m-min-height-pc-30-sm {
    min-height: 3000% !important;
  }
  .m-height-vh-30-sm {
    height: 30vh !important;
  }
  .m-height-vw-30-sm {
    height: 30vw !important;
  }
  .m-height-px-30-sm {
    height: 30px !important;
  }
  .m-height-pc-30-sm {
    height: 3000% !important;
  }
  .m-max-height-vh-30-sm {
    max-height: 30vh !important;
  }
  .m-max-height-vw-30-sm {
    max-height: 30vw !important;
  }
  .m-max-height-px-30-sm {
    max-height: 30px !important;
  }
  .m-max-height-pc-30-sm {
    max-height: 3000% !important;
  }
  .m-min-height-vh-40-sm {
    min-height: 40vh !important;
  }
  .m-min-height-vw-40-sm {
    min-height: 40vw !important;
  }
  .m-min-height-px-40-sm {
    min-height: 40px !important;
  }
  .m-min-height-pc-40-sm {
    min-height: 4000% !important;
  }
  .m-height-vh-40-sm {
    height: 40vh !important;
  }
  .m-height-vw-40-sm {
    height: 40vw !important;
  }
  .m-height-px-40-sm {
    height: 40px !important;
  }
  .m-height-pc-40-sm {
    height: 4000% !important;
  }
  .m-max-height-vh-40-sm {
    max-height: 40vh !important;
  }
  .m-max-height-vw-40-sm {
    max-height: 40vw !important;
  }
  .m-max-height-px-40-sm {
    max-height: 40px !important;
  }
  .m-max-height-pc-40-sm {
    max-height: 4000% !important;
  }
  .m-min-height-vh-50-sm {
    min-height: 50vh !important;
  }
  .m-min-height-vw-50-sm {
    min-height: 50vw !important;
  }
  .m-min-height-px-50-sm {
    min-height: 50px !important;
  }
  .m-min-height-pc-50-sm {
    min-height: 5000% !important;
  }
  .m-height-vh-50-sm {
    height: 50vh !important;
  }
  .m-height-vw-50-sm {
    height: 50vw !important;
  }
  .m-height-px-50-sm {
    height: 50px !important;
  }
  .m-height-pc-50-sm {
    height: 5000% !important;
  }
  .m-max-height-vh-50-sm {
    max-height: 50vh !important;
  }
  .m-max-height-vw-50-sm {
    max-height: 50vw !important;
  }
  .m-max-height-px-50-sm {
    max-height: 50px !important;
  }
  .m-max-height-pc-50-sm {
    max-height: 5000% !important;
  }
  .m-min-height-vh-60-sm {
    min-height: 60vh !important;
  }
  .m-min-height-vw-60-sm {
    min-height: 60vw !important;
  }
  .m-min-height-px-60-sm {
    min-height: 60px !important;
  }
  .m-min-height-pc-60-sm {
    min-height: 6000% !important;
  }
  .m-height-vh-60-sm {
    height: 60vh !important;
  }
  .m-height-vw-60-sm {
    height: 60vw !important;
  }
  .m-height-px-60-sm {
    height: 60px !important;
  }
  .m-height-pc-60-sm {
    height: 6000% !important;
  }
  .m-max-height-vh-60-sm {
    max-height: 60vh !important;
  }
  .m-max-height-vw-60-sm {
    max-height: 60vw !important;
  }
  .m-max-height-px-60-sm {
    max-height: 60px !important;
  }
  .m-max-height-pc-60-sm {
    max-height: 6000% !important;
  }
  .m-min-height-vh-70-sm {
    min-height: 70vh !important;
  }
  .m-min-height-vw-70-sm {
    min-height: 70vw !important;
  }
  .m-min-height-px-70-sm {
    min-height: 70px !important;
  }
  .m-min-height-pc-70-sm {
    min-height: 7000% !important;
  }
  .m-height-vh-70-sm {
    height: 70vh !important;
  }
  .m-height-vw-70-sm {
    height: 70vw !important;
  }
  .m-height-px-70-sm {
    height: 70px !important;
  }
  .m-height-pc-70-sm {
    height: 7000% !important;
  }
  .m-max-height-vh-70-sm {
    max-height: 70vh !important;
  }
  .m-max-height-vw-70-sm {
    max-height: 70vw !important;
  }
  .m-max-height-px-70-sm {
    max-height: 70px !important;
  }
  .m-max-height-pc-70-sm {
    max-height: 7000% !important;
  }
  .m-min-height-vh-80-sm {
    min-height: 80vh !important;
  }
  .m-min-height-vw-80-sm {
    min-height: 80vw !important;
  }
  .m-min-height-px-80-sm {
    min-height: 80px !important;
  }
  .m-min-height-pc-80-sm {
    min-height: 8000% !important;
  }
  .m-height-vh-80-sm {
    height: 80vh !important;
  }
  .m-height-vw-80-sm {
    height: 80vw !important;
  }
  .m-height-px-80-sm {
    height: 80px !important;
  }
  .m-height-pc-80-sm {
    height: 8000% !important;
  }
  .m-max-height-vh-80-sm {
    max-height: 80vh !important;
  }
  .m-max-height-vw-80-sm {
    max-height: 80vw !important;
  }
  .m-max-height-px-80-sm {
    max-height: 80px !important;
  }
  .m-max-height-pc-80-sm {
    max-height: 8000% !important;
  }
  .m-min-height-vh-90-sm {
    min-height: 90vh !important;
  }
  .m-min-height-vw-90-sm {
    min-height: 90vw !important;
  }
  .m-min-height-px-90-sm {
    min-height: 90px !important;
  }
  .m-min-height-pc-90-sm {
    min-height: 9000% !important;
  }
  .m-height-vh-90-sm {
    height: 90vh !important;
  }
  .m-height-vw-90-sm {
    height: 90vw !important;
  }
  .m-height-px-90-sm {
    height: 90px !important;
  }
  .m-height-pc-90-sm {
    height: 9000% !important;
  }
  .m-max-height-vh-90-sm {
    max-height: 90vh !important;
  }
  .m-max-height-vw-90-sm {
    max-height: 90vw !important;
  }
  .m-max-height-px-90-sm {
    max-height: 90px !important;
  }
  .m-max-height-pc-90-sm {
    max-height: 9000% !important;
  }
  .m-min-height-vh-100-sm {
    min-height: 100vh !important;
  }
  .m-min-height-vw-100-sm {
    min-height: 100vw !important;
  }
  .m-min-height-px-100-sm {
    min-height: 100px !important;
  }
  .m-min-height-pc-100-sm {
    min-height: 10000% !important;
  }
  .m-height-vh-100-sm {
    height: 100vh !important;
  }
  .m-height-vw-100-sm {
    height: 100vw !important;
  }
  .m-height-px-100-sm {
    height: 100px !important;
  }
  .m-height-pc-100-sm {
    height: 10000% !important;
  }
  .m-max-height-vh-100-sm {
    max-height: 100vh !important;
  }
  .m-max-height-vw-100-sm {
    max-height: 100vw !important;
  }
  .m-max-height-px-100-sm {
    max-height: 100px !important;
  }
  .m-max-height-pc-100-sm {
    max-height: 10000% !important;
  }
  .m-min-height-vh-130-sm {
    min-height: 130vh !important;
  }
  .m-min-height-vw-130-sm {
    min-height: 130vw !important;
  }
  .m-min-height-px-130-sm {
    min-height: 130px !important;
  }
  .m-min-height-pc-130-sm {
    min-height: 13000% !important;
  }
  .m-height-vh-130-sm {
    height: 130vh !important;
  }
  .m-height-vw-130-sm {
    height: 130vw !important;
  }
  .m-height-px-130-sm {
    height: 130px !important;
  }
  .m-height-pc-130-sm {
    height: 13000% !important;
  }
  .m-max-height-vh-130-sm {
    max-height: 130vh !important;
  }
  .m-max-height-vw-130-sm {
    max-height: 130vw !important;
  }
  .m-max-height-px-130-sm {
    max-height: 130px !important;
  }
  .m-max-height-pc-130-sm {
    max-height: 13000% !important;
  }
  .m-min-height-vh-134-sm {
    min-height: 134vh !important;
  }
  .m-min-height-vw-134-sm {
    min-height: 134vw !important;
  }
  .m-min-height-px-134-sm {
    min-height: 134px !important;
  }
  .m-min-height-pc-134-sm {
    min-height: 13400% !important;
  }
  .m-height-vh-134-sm {
    height: 134vh !important;
  }
  .m-height-vw-134-sm {
    height: 134vw !important;
  }
  .m-height-px-134-sm {
    height: 134px !important;
  }
  .m-height-pc-134-sm {
    height: 13400% !important;
  }
  .m-max-height-vh-134-sm {
    max-height: 134vh !important;
  }
  .m-max-height-vw-134-sm {
    max-height: 134vw !important;
  }
  .m-max-height-px-134-sm {
    max-height: 134px !important;
  }
  .m-max-height-pc-134-sm {
    max-height: 13400% !important;
  }
  .m-min-height-vh-150-sm {
    min-height: 150vh !important;
  }
  .m-min-height-vw-150-sm {
    min-height: 150vw !important;
  }
  .m-min-height-px-150-sm {
    min-height: 150px !important;
  }
  .m-min-height-pc-150-sm {
    min-height: 15000% !important;
  }
  .m-height-vh-150-sm {
    height: 150vh !important;
  }
  .m-height-vw-150-sm {
    height: 150vw !important;
  }
  .m-height-px-150-sm {
    height: 150px !important;
  }
  .m-height-pc-150-sm {
    height: 15000% !important;
  }
  .m-max-height-vh-150-sm {
    max-height: 150vh !important;
  }
  .m-max-height-vw-150-sm {
    max-height: 150vw !important;
  }
  .m-max-height-px-150-sm {
    max-height: 150px !important;
  }
  .m-max-height-pc-150-sm {
    max-height: 15000% !important;
  }
  .m-min-height-vh-200-sm {
    min-height: 200vh !important;
  }
  .m-min-height-vw-200-sm {
    min-height: 200vw !important;
  }
  .m-min-height-px-200-sm {
    min-height: 200px !important;
  }
  .m-min-height-pc-200-sm {
    min-height: 20000% !important;
  }
  .m-height-vh-200-sm {
    height: 200vh !important;
  }
  .m-height-vw-200-sm {
    height: 200vw !important;
  }
  .m-height-px-200-sm {
    height: 200px !important;
  }
  .m-height-pc-200-sm {
    height: 20000% !important;
  }
  .m-max-height-vh-200-sm {
    max-height: 200vh !important;
  }
  .m-max-height-vw-200-sm {
    max-height: 200vw !important;
  }
  .m-max-height-px-200-sm {
    max-height: 200px !important;
  }
  .m-max-height-pc-200-sm {
    max-height: 20000% !important;
  }
  .m-min-height-vh-250-sm {
    min-height: 250vh !important;
  }
  .m-min-height-vw-250-sm {
    min-height: 250vw !important;
  }
  .m-min-height-px-250-sm {
    min-height: 250px !important;
  }
  .m-min-height-pc-250-sm {
    min-height: 25000% !important;
  }
  .m-height-vh-250-sm {
    height: 250vh !important;
  }
  .m-height-vw-250-sm {
    height: 250vw !important;
  }
  .m-height-px-250-sm {
    height: 250px !important;
  }
  .m-height-pc-250-sm {
    height: 25000% !important;
  }
  .m-max-height-vh-250-sm {
    max-height: 250vh !important;
  }
  .m-max-height-vw-250-sm {
    max-height: 250vw !important;
  }
  .m-max-height-px-250-sm {
    max-height: 250px !important;
  }
  .m-max-height-pc-250-sm {
    max-height: 25000% !important;
  }
  .m-min-height-vh-285-sm {
    min-height: 285vh !important;
  }
  .m-min-height-vw-285-sm {
    min-height: 285vw !important;
  }
  .m-min-height-px-285-sm {
    min-height: 285px !important;
  }
  .m-min-height-pc-285-sm {
    min-height: 28500% !important;
  }
  .m-height-vh-285-sm {
    height: 285vh !important;
  }
  .m-height-vw-285-sm {
    height: 285vw !important;
  }
  .m-height-px-285-sm {
    height: 285px !important;
  }
  .m-height-pc-285-sm {
    height: 28500% !important;
  }
  .m-max-height-vh-285-sm {
    max-height: 285vh !important;
  }
  .m-max-height-vw-285-sm {
    max-height: 285vw !important;
  }
  .m-max-height-px-285-sm {
    max-height: 285px !important;
  }
  .m-max-height-pc-285-sm {
    max-height: 28500% !important;
  }
  .m-min-height-vh-300-sm {
    min-height: 300vh !important;
  }
  .m-min-height-vw-300-sm {
    min-height: 300vw !important;
  }
  .m-min-height-px-300-sm {
    min-height: 300px !important;
  }
  .m-min-height-pc-300-sm {
    min-height: 30000% !important;
  }
  .m-height-vh-300-sm {
    height: 300vh !important;
  }
  .m-height-vw-300-sm {
    height: 300vw !important;
  }
  .m-height-px-300-sm {
    height: 300px !important;
  }
  .m-height-pc-300-sm {
    height: 30000% !important;
  }
  .m-max-height-vh-300-sm {
    max-height: 300vh !important;
  }
  .m-max-height-vw-300-sm {
    max-height: 300vw !important;
  }
  .m-max-height-px-300-sm {
    max-height: 300px !important;
  }
  .m-max-height-pc-300-sm {
    max-height: 30000% !important;
  }
  .m-min-height-vh-400-sm {
    min-height: 400vh !important;
  }
  .m-min-height-vw-400-sm {
    min-height: 400vw !important;
  }
  .m-min-height-px-400-sm {
    min-height: 400px !important;
  }
  .m-min-height-pc-400-sm {
    min-height: 40000% !important;
  }
  .m-height-vh-400-sm {
    height: 400vh !important;
  }
  .m-height-vw-400-sm {
    height: 400vw !important;
  }
  .m-height-px-400-sm {
    height: 400px !important;
  }
  .m-height-pc-400-sm {
    height: 40000% !important;
  }
  .m-max-height-vh-400-sm {
    max-height: 400vh !important;
  }
  .m-max-height-vw-400-sm {
    max-height: 400vw !important;
  }
  .m-max-height-px-400-sm {
    max-height: 400px !important;
  }
  .m-max-height-pc-400-sm {
    max-height: 40000% !important;
  }
  .m-min-height-vh-450-sm {
    min-height: 450vh !important;
  }
  .m-min-height-vw-450-sm {
    min-height: 450vw !important;
  }
  .m-min-height-px-450-sm {
    min-height: 450px !important;
  }
  .m-min-height-pc-450-sm {
    min-height: 45000% !important;
  }
  .m-height-vh-450-sm {
    height: 450vh !important;
  }
  .m-height-vw-450-sm {
    height: 450vw !important;
  }
  .m-height-px-450-sm {
    height: 450px !important;
  }
  .m-height-pc-450-sm {
    height: 45000% !important;
  }
  .m-max-height-vh-450-sm {
    max-height: 450vh !important;
  }
  .m-max-height-vw-450-sm {
    max-height: 450vw !important;
  }
  .m-max-height-px-450-sm {
    max-height: 450px !important;
  }
  .m-max-height-pc-450-sm {
    max-height: 45000% !important;
  }
  .m-min-height-vh-500-sm {
    min-height: 500vh !important;
  }
  .m-min-height-vw-500-sm {
    min-height: 500vw !important;
  }
  .m-min-height-px-500-sm {
    min-height: 500px !important;
  }
  .m-min-height-pc-500-sm {
    min-height: 50000% !important;
  }
  .m-height-vh-500-sm {
    height: 500vh !important;
  }
  .m-height-vw-500-sm {
    height: 500vw !important;
  }
  .m-height-px-500-sm {
    height: 500px !important;
  }
  .m-height-pc-500-sm {
    height: 50000% !important;
  }
  .m-max-height-vh-500-sm {
    max-height: 500vh !important;
  }
  .m-max-height-vw-500-sm {
    max-height: 500vw !important;
  }
  .m-max-height-px-500-sm {
    max-height: 500px !important;
  }
  .m-max-height-pc-500-sm {
    max-height: 50000% !important;
  }
  .m-min-height-vh-600-sm {
    min-height: 600vh !important;
  }
  .m-min-height-vw-600-sm {
    min-height: 600vw !important;
  }
  .m-min-height-px-600-sm {
    min-height: 600px !important;
  }
  .m-min-height-pc-600-sm {
    min-height: 60000% !important;
  }
  .m-height-vh-600-sm {
    height: 600vh !important;
  }
  .m-height-vw-600-sm {
    height: 600vw !important;
  }
  .m-height-px-600-sm {
    height: 600px !important;
  }
  .m-height-pc-600-sm {
    height: 60000% !important;
  }
  .m-max-height-vh-600-sm {
    max-height: 600vh !important;
  }
  .m-max-height-vw-600-sm {
    max-height: 600vw !important;
  }
  .m-max-height-px-600-sm {
    max-height: 600px !important;
  }
  .m-max-height-pc-600-sm {
    max-height: 60000% !important;
  }
  .m-min-height-vh-700-sm {
    min-height: 700vh !important;
  }
  .m-min-height-vw-700-sm {
    min-height: 700vw !important;
  }
  .m-min-height-px-700-sm {
    min-height: 700px !important;
  }
  .m-min-height-pc-700-sm {
    min-height: 70000% !important;
  }
  .m-height-vh-700-sm {
    height: 700vh !important;
  }
  .m-height-vw-700-sm {
    height: 700vw !important;
  }
  .m-height-px-700-sm {
    height: 700px !important;
  }
  .m-height-pc-700-sm {
    height: 70000% !important;
  }
  .m-max-height-vh-700-sm {
    max-height: 700vh !important;
  }
  .m-max-height-vw-700-sm {
    max-height: 700vw !important;
  }
  .m-max-height-px-700-sm {
    max-height: 700px !important;
  }
  .m-max-height-pc-700-sm {
    max-height: 70000% !important;
  }
  .m-min-height-vh-800-sm {
    min-height: 800vh !important;
  }
  .m-min-height-vw-800-sm {
    min-height: 800vw !important;
  }
  .m-min-height-px-800-sm {
    min-height: 800px !important;
  }
  .m-min-height-pc-800-sm {
    min-height: 80000% !important;
  }
  .m-height-vh-800-sm {
    height: 800vh !important;
  }
  .m-height-vw-800-sm {
    height: 800vw !important;
  }
  .m-height-px-800-sm {
    height: 800px !important;
  }
  .m-height-pc-800-sm {
    height: 80000% !important;
  }
  .m-max-height-vh-800-sm {
    max-height: 800vh !important;
  }
  .m-max-height-vw-800-sm {
    max-height: 800vw !important;
  }
  .m-max-height-px-800-sm {
    max-height: 800px !important;
  }
  .m-max-height-pc-800-sm {
    max-height: 80000% !important;
  }
  .m-min-height-vh-900-sm {
    min-height: 900vh !important;
  }
  .m-min-height-vw-900-sm {
    min-height: 900vw !important;
  }
  .m-min-height-px-900-sm {
    min-height: 900px !important;
  }
  .m-min-height-pc-900-sm {
    min-height: 90000% !important;
  }
  .m-height-vh-900-sm {
    height: 900vh !important;
  }
  .m-height-vw-900-sm {
    height: 900vw !important;
  }
  .m-height-px-900-sm {
    height: 900px !important;
  }
  .m-height-pc-900-sm {
    height: 90000% !important;
  }
  .m-max-height-vh-900-sm {
    max-height: 900vh !important;
  }
  .m-max-height-vw-900-sm {
    max-height: 900vw !important;
  }
  .m-max-height-px-900-sm {
    max-height: 900px !important;
  }
  .m-max-height-pc-900-sm {
    max-height: 90000% !important;
  }
  .m-min-height-vh-1000-sm {
    min-height: 1000vh !important;
  }
  .m-min-height-vw-1000-sm {
    min-height: 1000vw !important;
  }
  .m-min-height-px-1000-sm {
    min-height: 1000px !important;
  }
  .m-min-height-pc-1000-sm {
    min-height: 100000% !important;
  }
  .m-height-vh-1000-sm {
    height: 1000vh !important;
  }
  .m-height-vw-1000-sm {
    height: 1000vw !important;
  }
  .m-height-px-1000-sm {
    height: 1000px !important;
  }
  .m-height-pc-1000-sm {
    height: 100000% !important;
  }
  .m-max-height-vh-1000-sm {
    max-height: 1000vh !important;
  }
  .m-max-height-vw-1000-sm {
    max-height: 1000vw !important;
  }
  .m-max-height-px-1000-sm {
    max-height: 1000px !important;
  }
  .m-max-height-pc-1000-sm {
    max-height: 100000% !important;
  }
  .m-min-height-vh-1500-sm {
    min-height: 1500vh !important;
  }
  .m-min-height-vw-1500-sm {
    min-height: 1500vw !important;
  }
  .m-min-height-px-1500-sm {
    min-height: 1500px !important;
  }
  .m-min-height-pc-1500-sm {
    min-height: 150000% !important;
  }
  .m-height-vh-1500-sm {
    height: 1500vh !important;
  }
  .m-height-vw-1500-sm {
    height: 1500vw !important;
  }
  .m-height-px-1500-sm {
    height: 1500px !important;
  }
  .m-height-pc-1500-sm {
    height: 150000% !important;
  }
  .m-max-height-vh-1500-sm {
    max-height: 1500vh !important;
  }
  .m-max-height-vw-1500-sm {
    max-height: 1500vw !important;
  }
  .m-max-height-px-1500-sm {
    max-height: 1500px !important;
  }
  .m-max-height-pc-1500-sm {
    max-height: 150000% !important;
  }
  .m-min-height-vh-2000-sm {
    min-height: 2000vh !important;
  }
  .m-min-height-vw-2000-sm {
    min-height: 2000vw !important;
  }
  .m-min-height-px-2000-sm {
    min-height: 2000px !important;
  }
  .m-min-height-pc-2000-sm {
    min-height: 200000% !important;
  }
  .m-height-vh-2000-sm {
    height: 2000vh !important;
  }
  .m-height-vw-2000-sm {
    height: 2000vw !important;
  }
  .m-height-px-2000-sm {
    height: 2000px !important;
  }
  .m-height-pc-2000-sm {
    height: 200000% !important;
  }
  .m-max-height-vh-2000-sm {
    max-height: 2000vh !important;
  }
  .m-max-height-vw-2000-sm {
    max-height: 2000vw !important;
  }
  .m-max-height-px-2000-sm {
    max-height: 2000px !important;
  }
  .m-max-height-pc-2000-sm {
    max-height: 200000% !important;
  }
  .m-select-opened.modal-open .b-modal,
  .m-select-opened.modal-open .b-mobile-modal.show {
    overflow: hidden;
  }
  body.modal-open > .select2-container .select2-results__options {
    max-height: 220px;
  }
  [data-checkout-stage=payment] .b-progress-bar__item--payment .b-progress-bar__counter,
  [data-checkout-stage=payment] .b-progress-bar__item--complete .b-progress-bar__counter {
    margin-top: 1px;
  }
  .b-child-management__edit--gender .f-field__control-holder:first-child {
    padding: 16px 26px 0 0;
  }
  html[lang=ar] .datepickers-container .datepicker {
    -webkit-transform: translateX(-30px) !important;
        -ms-transform: translateX(-30px) !important;
            transform: translateX(-30px) !important;
  }
  .b-megamenu-banner__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .popup--desktop {
    display: none !important;
  }
  .popup {
    right: 20px;
  }
  .popup--mobile-top {
    top: 24px;
  }
  .popup--mobile-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .popup--mobile-bottom {
    bottom: 20px;
  }
  .basic-card--full-width--mobile {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
  .b-carousel--cssswipe-mobile .b-carousel__element:not(.slick-initialized) .b-carousel__slide, .b-carousel--grid-mobile .b-carousel__element:not(.slick-initialized) .b-carousel__slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .b-modal--national-address-modal .b-modal__content-inner {
    margin-top: 24px;
  }
  .m-min-height-vh-10-md {
    min-height: 10vh !important;
  }
  .m-min-height-vw-10-md {
    min-height: 10vw !important;
  }
  .m-min-height-px-10-md {
    min-height: 10px !important;
  }
  .m-min-height-pc-10-md {
    min-height: 1000% !important;
  }
  .m-height-vh-10-md {
    height: 10vh !important;
  }
  .m-height-vw-10-md {
    height: 10vw !important;
  }
  .m-height-px-10-md {
    height: 10px !important;
  }
  .m-height-pc-10-md {
    height: 1000% !important;
  }
  .m-max-height-vh-10-md {
    max-height: 10vh !important;
  }
  .m-max-height-vw-10-md {
    max-height: 10vw !important;
  }
  .m-max-height-px-10-md {
    max-height: 10px !important;
  }
  .m-max-height-pc-10-md {
    max-height: 1000% !important;
  }
  .m-min-height-vh-20-md {
    min-height: 20vh !important;
  }
  .m-min-height-vw-20-md {
    min-height: 20vw !important;
  }
  .m-min-height-px-20-md {
    min-height: 20px !important;
  }
  .m-min-height-pc-20-md {
    min-height: 2000% !important;
  }
  .m-height-vh-20-md {
    height: 20vh !important;
  }
  .m-height-vw-20-md {
    height: 20vw !important;
  }
  .m-height-px-20-md {
    height: 20px !important;
  }
  .m-height-pc-20-md {
    height: 2000% !important;
  }
  .m-max-height-vh-20-md {
    max-height: 20vh !important;
  }
  .m-max-height-vw-20-md {
    max-height: 20vw !important;
  }
  .m-max-height-px-20-md {
    max-height: 20px !important;
  }
  .m-max-height-pc-20-md {
    max-height: 2000% !important;
  }
  .m-min-height-vh-30-md {
    min-height: 30vh !important;
  }
  .m-min-height-vw-30-md {
    min-height: 30vw !important;
  }
  .m-min-height-px-30-md {
    min-height: 30px !important;
  }
  .m-min-height-pc-30-md {
    min-height: 3000% !important;
  }
  .m-height-vh-30-md {
    height: 30vh !important;
  }
  .m-height-vw-30-md {
    height: 30vw !important;
  }
  .m-height-px-30-md {
    height: 30px !important;
  }
  .m-height-pc-30-md {
    height: 3000% !important;
  }
  .m-max-height-vh-30-md {
    max-height: 30vh !important;
  }
  .m-max-height-vw-30-md {
    max-height: 30vw !important;
  }
  .m-max-height-px-30-md {
    max-height: 30px !important;
  }
  .m-max-height-pc-30-md {
    max-height: 3000% !important;
  }
  .m-min-height-vh-40-md {
    min-height: 40vh !important;
  }
  .m-min-height-vw-40-md {
    min-height: 40vw !important;
  }
  .m-min-height-px-40-md {
    min-height: 40px !important;
  }
  .m-min-height-pc-40-md {
    min-height: 4000% !important;
  }
  .m-height-vh-40-md {
    height: 40vh !important;
  }
  .m-height-vw-40-md {
    height: 40vw !important;
  }
  .m-height-px-40-md {
    height: 40px !important;
  }
  .m-height-pc-40-md {
    height: 4000% !important;
  }
  .m-max-height-vh-40-md {
    max-height: 40vh !important;
  }
  .m-max-height-vw-40-md {
    max-height: 40vw !important;
  }
  .m-max-height-px-40-md {
    max-height: 40px !important;
  }
  .m-max-height-pc-40-md {
    max-height: 4000% !important;
  }
  .m-min-height-vh-50-md {
    min-height: 50vh !important;
  }
  .m-min-height-vw-50-md {
    min-height: 50vw !important;
  }
  .m-min-height-px-50-md {
    min-height: 50px !important;
  }
  .m-min-height-pc-50-md {
    min-height: 5000% !important;
  }
  .m-height-vh-50-md {
    height: 50vh !important;
  }
  .m-height-vw-50-md {
    height: 50vw !important;
  }
  .m-height-px-50-md {
    height: 50px !important;
  }
  .m-height-pc-50-md {
    height: 5000% !important;
  }
  .m-max-height-vh-50-md {
    max-height: 50vh !important;
  }
  .m-max-height-vw-50-md {
    max-height: 50vw !important;
  }
  .m-max-height-px-50-md {
    max-height: 50px !important;
  }
  .m-max-height-pc-50-md {
    max-height: 5000% !important;
  }
  .m-min-height-vh-60-md {
    min-height: 60vh !important;
  }
  .m-min-height-vw-60-md {
    min-height: 60vw !important;
  }
  .m-min-height-px-60-md {
    min-height: 60px !important;
  }
  .m-min-height-pc-60-md {
    min-height: 6000% !important;
  }
  .m-height-vh-60-md {
    height: 60vh !important;
  }
  .m-height-vw-60-md {
    height: 60vw !important;
  }
  .m-height-px-60-md {
    height: 60px !important;
  }
  .m-height-pc-60-md {
    height: 6000% !important;
  }
  .m-max-height-vh-60-md {
    max-height: 60vh !important;
  }
  .m-max-height-vw-60-md {
    max-height: 60vw !important;
  }
  .m-max-height-px-60-md {
    max-height: 60px !important;
  }
  .m-max-height-pc-60-md {
    max-height: 6000% !important;
  }
  .m-min-height-vh-70-md {
    min-height: 70vh !important;
  }
  .m-min-height-vw-70-md {
    min-height: 70vw !important;
  }
  .m-min-height-px-70-md {
    min-height: 70px !important;
  }
  .m-min-height-pc-70-md {
    min-height: 7000% !important;
  }
  .m-height-vh-70-md {
    height: 70vh !important;
  }
  .m-height-vw-70-md {
    height: 70vw !important;
  }
  .m-height-px-70-md {
    height: 70px !important;
  }
  .m-height-pc-70-md {
    height: 7000% !important;
  }
  .m-max-height-vh-70-md {
    max-height: 70vh !important;
  }
  .m-max-height-vw-70-md {
    max-height: 70vw !important;
  }
  .m-max-height-px-70-md {
    max-height: 70px !important;
  }
  .m-max-height-pc-70-md {
    max-height: 7000% !important;
  }
  .m-min-height-vh-80-md {
    min-height: 80vh !important;
  }
  .m-min-height-vw-80-md {
    min-height: 80vw !important;
  }
  .m-min-height-px-80-md {
    min-height: 80px !important;
  }
  .m-min-height-pc-80-md {
    min-height: 8000% !important;
  }
  .m-height-vh-80-md {
    height: 80vh !important;
  }
  .m-height-vw-80-md {
    height: 80vw !important;
  }
  .m-height-px-80-md {
    height: 80px !important;
  }
  .m-height-pc-80-md {
    height: 8000% !important;
  }
  .m-max-height-vh-80-md {
    max-height: 80vh !important;
  }
  .m-max-height-vw-80-md {
    max-height: 80vw !important;
  }
  .m-max-height-px-80-md {
    max-height: 80px !important;
  }
  .m-max-height-pc-80-md {
    max-height: 8000% !important;
  }
  .m-min-height-vh-90-md {
    min-height: 90vh !important;
  }
  .m-min-height-vw-90-md {
    min-height: 90vw !important;
  }
  .m-min-height-px-90-md {
    min-height: 90px !important;
  }
  .m-min-height-pc-90-md {
    min-height: 9000% !important;
  }
  .m-height-vh-90-md {
    height: 90vh !important;
  }
  .m-height-vw-90-md {
    height: 90vw !important;
  }
  .m-height-px-90-md {
    height: 90px !important;
  }
  .m-height-pc-90-md {
    height: 9000% !important;
  }
  .m-max-height-vh-90-md {
    max-height: 90vh !important;
  }
  .m-max-height-vw-90-md {
    max-height: 90vw !important;
  }
  .m-max-height-px-90-md {
    max-height: 90px !important;
  }
  .m-max-height-pc-90-md {
    max-height: 9000% !important;
  }
  .m-min-height-vh-100-md {
    min-height: 100vh !important;
  }
  .m-min-height-vw-100-md {
    min-height: 100vw !important;
  }
  .m-min-height-px-100-md {
    min-height: 100px !important;
  }
  .m-min-height-pc-100-md {
    min-height: 10000% !important;
  }
  .m-height-vh-100-md {
    height: 100vh !important;
  }
  .m-height-vw-100-md {
    height: 100vw !important;
  }
  .m-height-px-100-md {
    height: 100px !important;
  }
  .m-height-pc-100-md {
    height: 10000% !important;
  }
  .m-max-height-vh-100-md {
    max-height: 100vh !important;
  }
  .m-max-height-vw-100-md {
    max-height: 100vw !important;
  }
  .m-max-height-px-100-md {
    max-height: 100px !important;
  }
  .m-max-height-pc-100-md {
    max-height: 10000% !important;
  }
  .m-min-height-vh-130-md {
    min-height: 130vh !important;
  }
  .m-min-height-vw-130-md {
    min-height: 130vw !important;
  }
  .m-min-height-px-130-md {
    min-height: 130px !important;
  }
  .m-min-height-pc-130-md {
    min-height: 13000% !important;
  }
  .m-height-vh-130-md {
    height: 130vh !important;
  }
  .m-height-vw-130-md {
    height: 130vw !important;
  }
  .m-height-px-130-md {
    height: 130px !important;
  }
  .m-height-pc-130-md {
    height: 13000% !important;
  }
  .m-max-height-vh-130-md {
    max-height: 130vh !important;
  }
  .m-max-height-vw-130-md {
    max-height: 130vw !important;
  }
  .m-max-height-px-130-md {
    max-height: 130px !important;
  }
  .m-max-height-pc-130-md {
    max-height: 13000% !important;
  }
  .m-min-height-vh-134-md {
    min-height: 134vh !important;
  }
  .m-min-height-vw-134-md {
    min-height: 134vw !important;
  }
  .m-min-height-px-134-md {
    min-height: 134px !important;
  }
  .m-min-height-pc-134-md {
    min-height: 13400% !important;
  }
  .m-height-vh-134-md {
    height: 134vh !important;
  }
  .m-height-vw-134-md {
    height: 134vw !important;
  }
  .m-height-px-134-md {
    height: 134px !important;
  }
  .m-height-pc-134-md {
    height: 13400% !important;
  }
  .m-max-height-vh-134-md {
    max-height: 134vh !important;
  }
  .m-max-height-vw-134-md {
    max-height: 134vw !important;
  }
  .m-max-height-px-134-md {
    max-height: 134px !important;
  }
  .m-max-height-pc-134-md {
    max-height: 13400% !important;
  }
  .m-min-height-vh-150-md {
    min-height: 150vh !important;
  }
  .m-min-height-vw-150-md {
    min-height: 150vw !important;
  }
  .m-min-height-px-150-md {
    min-height: 150px !important;
  }
  .m-min-height-pc-150-md {
    min-height: 15000% !important;
  }
  .m-height-vh-150-md {
    height: 150vh !important;
  }
  .m-height-vw-150-md {
    height: 150vw !important;
  }
  .m-height-px-150-md {
    height: 150px !important;
  }
  .m-height-pc-150-md {
    height: 15000% !important;
  }
  .m-max-height-vh-150-md {
    max-height: 150vh !important;
  }
  .m-max-height-vw-150-md {
    max-height: 150vw !important;
  }
  .m-max-height-px-150-md {
    max-height: 150px !important;
  }
  .m-max-height-pc-150-md {
    max-height: 15000% !important;
  }
  .m-min-height-vh-200-md {
    min-height: 200vh !important;
  }
  .m-min-height-vw-200-md {
    min-height: 200vw !important;
  }
  .m-min-height-px-200-md {
    min-height: 200px !important;
  }
  .m-min-height-pc-200-md {
    min-height: 20000% !important;
  }
  .m-height-vh-200-md {
    height: 200vh !important;
  }
  .m-height-vw-200-md {
    height: 200vw !important;
  }
  .m-height-px-200-md {
    height: 200px !important;
  }
  .m-height-pc-200-md {
    height: 20000% !important;
  }
  .m-max-height-vh-200-md {
    max-height: 200vh !important;
  }
  .m-max-height-vw-200-md {
    max-height: 200vw !important;
  }
  .m-max-height-px-200-md {
    max-height: 200px !important;
  }
  .m-max-height-pc-200-md {
    max-height: 20000% !important;
  }
  .m-min-height-vh-250-md {
    min-height: 250vh !important;
  }
  .m-min-height-vw-250-md {
    min-height: 250vw !important;
  }
  .m-min-height-px-250-md {
    min-height: 250px !important;
  }
  .m-min-height-pc-250-md {
    min-height: 25000% !important;
  }
  .m-height-vh-250-md {
    height: 250vh !important;
  }
  .m-height-vw-250-md {
    height: 250vw !important;
  }
  .m-height-px-250-md {
    height: 250px !important;
  }
  .m-height-pc-250-md {
    height: 25000% !important;
  }
  .m-max-height-vh-250-md {
    max-height: 250vh !important;
  }
  .m-max-height-vw-250-md {
    max-height: 250vw !important;
  }
  .m-max-height-px-250-md {
    max-height: 250px !important;
  }
  .m-max-height-pc-250-md {
    max-height: 25000% !important;
  }
  .m-min-height-vh-285-md {
    min-height: 285vh !important;
  }
  .m-min-height-vw-285-md {
    min-height: 285vw !important;
  }
  .m-min-height-px-285-md {
    min-height: 285px !important;
  }
  .m-min-height-pc-285-md {
    min-height: 28500% !important;
  }
  .m-height-vh-285-md {
    height: 285vh !important;
  }
  .m-height-vw-285-md {
    height: 285vw !important;
  }
  .m-height-px-285-md {
    height: 285px !important;
  }
  .m-height-pc-285-md {
    height: 28500% !important;
  }
  .m-max-height-vh-285-md {
    max-height: 285vh !important;
  }
  .m-max-height-vw-285-md {
    max-height: 285vw !important;
  }
  .m-max-height-px-285-md {
    max-height: 285px !important;
  }
  .m-max-height-pc-285-md {
    max-height: 28500% !important;
  }
  .m-min-height-vh-300-md {
    min-height: 300vh !important;
  }
  .m-min-height-vw-300-md {
    min-height: 300vw !important;
  }
  .m-min-height-px-300-md {
    min-height: 300px !important;
  }
  .m-min-height-pc-300-md {
    min-height: 30000% !important;
  }
  .m-height-vh-300-md {
    height: 300vh !important;
  }
  .m-height-vw-300-md {
    height: 300vw !important;
  }
  .m-height-px-300-md {
    height: 300px !important;
  }
  .m-height-pc-300-md {
    height: 30000% !important;
  }
  .m-max-height-vh-300-md {
    max-height: 300vh !important;
  }
  .m-max-height-vw-300-md {
    max-height: 300vw !important;
  }
  .m-max-height-px-300-md {
    max-height: 300px !important;
  }
  .m-max-height-pc-300-md {
    max-height: 30000% !important;
  }
  .m-min-height-vh-400-md {
    min-height: 400vh !important;
  }
  .m-min-height-vw-400-md {
    min-height: 400vw !important;
  }
  .m-min-height-px-400-md {
    min-height: 400px !important;
  }
  .m-min-height-pc-400-md {
    min-height: 40000% !important;
  }
  .m-height-vh-400-md {
    height: 400vh !important;
  }
  .m-height-vw-400-md {
    height: 400vw !important;
  }
  .m-height-px-400-md {
    height: 400px !important;
  }
  .m-height-pc-400-md {
    height: 40000% !important;
  }
  .m-max-height-vh-400-md {
    max-height: 400vh !important;
  }
  .m-max-height-vw-400-md {
    max-height: 400vw !important;
  }
  .m-max-height-px-400-md {
    max-height: 400px !important;
  }
  .m-max-height-pc-400-md {
    max-height: 40000% !important;
  }
  .m-min-height-vh-450-md {
    min-height: 450vh !important;
  }
  .m-min-height-vw-450-md {
    min-height: 450vw !important;
  }
  .m-min-height-px-450-md {
    min-height: 450px !important;
  }
  .m-min-height-pc-450-md {
    min-height: 45000% !important;
  }
  .m-height-vh-450-md {
    height: 450vh !important;
  }
  .m-height-vw-450-md {
    height: 450vw !important;
  }
  .m-height-px-450-md {
    height: 450px !important;
  }
  .m-height-pc-450-md {
    height: 45000% !important;
  }
  .m-max-height-vh-450-md {
    max-height: 450vh !important;
  }
  .m-max-height-vw-450-md {
    max-height: 450vw !important;
  }
  .m-max-height-px-450-md {
    max-height: 450px !important;
  }
  .m-max-height-pc-450-md {
    max-height: 45000% !important;
  }
  .m-min-height-vh-500-md {
    min-height: 500vh !important;
  }
  .m-min-height-vw-500-md {
    min-height: 500vw !important;
  }
  .m-min-height-px-500-md {
    min-height: 500px !important;
  }
  .m-min-height-pc-500-md {
    min-height: 50000% !important;
  }
  .m-height-vh-500-md {
    height: 500vh !important;
  }
  .m-height-vw-500-md {
    height: 500vw !important;
  }
  .m-height-px-500-md {
    height: 500px !important;
  }
  .m-height-pc-500-md {
    height: 50000% !important;
  }
  .m-max-height-vh-500-md {
    max-height: 500vh !important;
  }
  .m-max-height-vw-500-md {
    max-height: 500vw !important;
  }
  .m-max-height-px-500-md {
    max-height: 500px !important;
  }
  .m-max-height-pc-500-md {
    max-height: 50000% !important;
  }
  .m-min-height-vh-600-md {
    min-height: 600vh !important;
  }
  .m-min-height-vw-600-md {
    min-height: 600vw !important;
  }
  .m-min-height-px-600-md {
    min-height: 600px !important;
  }
  .m-min-height-pc-600-md {
    min-height: 60000% !important;
  }
  .m-height-vh-600-md {
    height: 600vh !important;
  }
  .m-height-vw-600-md {
    height: 600vw !important;
  }
  .m-height-px-600-md {
    height: 600px !important;
  }
  .m-height-pc-600-md {
    height: 60000% !important;
  }
  .m-max-height-vh-600-md {
    max-height: 600vh !important;
  }
  .m-max-height-vw-600-md {
    max-height: 600vw !important;
  }
  .m-max-height-px-600-md {
    max-height: 600px !important;
  }
  .m-max-height-pc-600-md {
    max-height: 60000% !important;
  }
  .m-min-height-vh-700-md {
    min-height: 700vh !important;
  }
  .m-min-height-vw-700-md {
    min-height: 700vw !important;
  }
  .m-min-height-px-700-md {
    min-height: 700px !important;
  }
  .m-min-height-pc-700-md {
    min-height: 70000% !important;
  }
  .m-height-vh-700-md {
    height: 700vh !important;
  }
  .m-height-vw-700-md {
    height: 700vw !important;
  }
  .m-height-px-700-md {
    height: 700px !important;
  }
  .m-height-pc-700-md {
    height: 70000% !important;
  }
  .m-max-height-vh-700-md {
    max-height: 700vh !important;
  }
  .m-max-height-vw-700-md {
    max-height: 700vw !important;
  }
  .m-max-height-px-700-md {
    max-height: 700px !important;
  }
  .m-max-height-pc-700-md {
    max-height: 70000% !important;
  }
  .m-min-height-vh-800-md {
    min-height: 800vh !important;
  }
  .m-min-height-vw-800-md {
    min-height: 800vw !important;
  }
  .m-min-height-px-800-md {
    min-height: 800px !important;
  }
  .m-min-height-pc-800-md {
    min-height: 80000% !important;
  }
  .m-height-vh-800-md {
    height: 800vh !important;
  }
  .m-height-vw-800-md {
    height: 800vw !important;
  }
  .m-height-px-800-md {
    height: 800px !important;
  }
  .m-height-pc-800-md {
    height: 80000% !important;
  }
  .m-max-height-vh-800-md {
    max-height: 800vh !important;
  }
  .m-max-height-vw-800-md {
    max-height: 800vw !important;
  }
  .m-max-height-px-800-md {
    max-height: 800px !important;
  }
  .m-max-height-pc-800-md {
    max-height: 80000% !important;
  }
  .m-min-height-vh-900-md {
    min-height: 900vh !important;
  }
  .m-min-height-vw-900-md {
    min-height: 900vw !important;
  }
  .m-min-height-px-900-md {
    min-height: 900px !important;
  }
  .m-min-height-pc-900-md {
    min-height: 90000% !important;
  }
  .m-height-vh-900-md {
    height: 900vh !important;
  }
  .m-height-vw-900-md {
    height: 900vw !important;
  }
  .m-height-px-900-md {
    height: 900px !important;
  }
  .m-height-pc-900-md {
    height: 90000% !important;
  }
  .m-max-height-vh-900-md {
    max-height: 900vh !important;
  }
  .m-max-height-vw-900-md {
    max-height: 900vw !important;
  }
  .m-max-height-px-900-md {
    max-height: 900px !important;
  }
  .m-max-height-pc-900-md {
    max-height: 90000% !important;
  }
  .m-min-height-vh-1000-md {
    min-height: 1000vh !important;
  }
  .m-min-height-vw-1000-md {
    min-height: 1000vw !important;
  }
  .m-min-height-px-1000-md {
    min-height: 1000px !important;
  }
  .m-min-height-pc-1000-md {
    min-height: 100000% !important;
  }
  .m-height-vh-1000-md {
    height: 1000vh !important;
  }
  .m-height-vw-1000-md {
    height: 1000vw !important;
  }
  .m-height-px-1000-md {
    height: 1000px !important;
  }
  .m-height-pc-1000-md {
    height: 100000% !important;
  }
  .m-max-height-vh-1000-md {
    max-height: 1000vh !important;
  }
  .m-max-height-vw-1000-md {
    max-height: 1000vw !important;
  }
  .m-max-height-px-1000-md {
    max-height: 1000px !important;
  }
  .m-max-height-pc-1000-md {
    max-height: 100000% !important;
  }
  .m-min-height-vh-1500-md {
    min-height: 1500vh !important;
  }
  .m-min-height-vw-1500-md {
    min-height: 1500vw !important;
  }
  .m-min-height-px-1500-md {
    min-height: 1500px !important;
  }
  .m-min-height-pc-1500-md {
    min-height: 150000% !important;
  }
  .m-height-vh-1500-md {
    height: 1500vh !important;
  }
  .m-height-vw-1500-md {
    height: 1500vw !important;
  }
  .m-height-px-1500-md {
    height: 1500px !important;
  }
  .m-height-pc-1500-md {
    height: 150000% !important;
  }
  .m-max-height-vh-1500-md {
    max-height: 1500vh !important;
  }
  .m-max-height-vw-1500-md {
    max-height: 1500vw !important;
  }
  .m-max-height-px-1500-md {
    max-height: 1500px !important;
  }
  .m-max-height-pc-1500-md {
    max-height: 150000% !important;
  }
  .m-min-height-vh-2000-md {
    min-height: 2000vh !important;
  }
  .m-min-height-vw-2000-md {
    min-height: 2000vw !important;
  }
  .m-min-height-px-2000-md {
    min-height: 2000px !important;
  }
  .m-min-height-pc-2000-md {
    min-height: 200000% !important;
  }
  .m-height-vh-2000-md {
    height: 2000vh !important;
  }
  .m-height-vw-2000-md {
    height: 2000vw !important;
  }
  .m-height-px-2000-md {
    height: 2000px !important;
  }
  .m-height-pc-2000-md {
    height: 200000% !important;
  }
  .m-max-height-vh-2000-md {
    max-height: 2000vh !important;
  }
  .m-max-height-vw-2000-md {
    max-height: 2000vw !important;
  }
  .m-max-height-px-2000-md {
    max-height: 2000px !important;
  }
  .m-max-height-pc-2000-md {
    max-height: 200000% !important;
  }
  .m-hidden--mobile {
    display: none !important;
  }
  .l-page[data-action=Cart-Show] {
    margin-bottom: 175px;
  }
  .btn.m-small--mobile, .dockableContainer .m-small--mobile.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-small--mobile.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-small--mobile.embeddedServiceSidebarButton.uiButton {
    font-size: 14px;
    line-height: 20px;
    height: 34px;
    padding: 6px 11px;
  }
  .btn.m-flexible--mobile, .dockableContainer .m-flexible--mobile.embeddedServiceSidebarButton.uiButton--inverse, .dockableContainer .m-flexible--mobile.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .m-flexible--mobile.embeddedServiceSidebarButton.uiButton {
    width: 100%;
  }
  .f-select.m-select-small--mobile,
  .pr-rd-sort.m-select-small--mobile {
    background-size: 12px;
  }
  .f-select.m-select-small--mobile,
  .f-select.m-select-small--mobile + .select2-container .select2-selection,
  .pr-rd-sort.m-select-small--mobile,
  .pr-rd-sort.m-select-small--mobile + .select2-container .select2-selection {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-right: 12px;
  }
  .f-select.m-select-small--mobile .select2-selection__arrow,
  .f-select.m-select-small--mobile + .select2-container .select2-selection .select2-selection__arrow,
  .pr-rd-sort.m-select-small--mobile .select2-selection__arrow,
  .pr-rd-sort.m-select-small--mobile + .select2-container .select2-selection .select2-selection__arrow {
    font-size: 12px;
  }
  .b-pagetitle__caption {
    text-align: left;
    width: 100px;
  }
  .m-livechat-hidden--mobile .embeddedServiceHelpButton {
    display: none !important;
  }
  body.chatbot-visible {
    overflow: hidden;
    position: static;
  }
  body.chatbot-visible > *:not(.chatbot-wrapper) {
    display: none;
  }
  .chatbot-wrapper .jsm-chat-content {
    padding-top: 60px;
  }
  .chatbot-wrapper .jsm-bot-info {
    bottom: calc(100% - 57px);
    left: 0;
    width: 100%;
  }
  .b-map.m-address-selected .b-map__find-my-location {
    display: none;
  }
  .b-map.m-address-selected .b-map__enter-address-manually {
    display: inline-block;
  }
  .b-modal--type-2 {
    padding-top: 50px;
  }
  .b-modal--type-2 > .b-modal__dialog,
  .b-modal--type-2 > .b-modal__dialog > .b-modal__content {
    height: 100%;
  }
  .b-modal--type-2 > .b-modal__dialog > .b-modal__content {
    overflow: auto;
    border-radius: 8px 8px 0 0;
  }
  .b-modal--type-4 .b-modal__header {
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .b-modal--type-4 .b-modal__close {
    top: 10px;
  }
  .b-modal--offers-drawer .b-modal__body .container {
    padding-inline: 0;
  }
  .b-modal--amberUnlinkModal .b-modal__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .b-modal--mergeModal .b-modal__dialog {
    margin-top: auto;
  }
  .b-modal--mergeModal .b-modal__content {
    border-radius: 8px 8px 0 0;
  }
  .b-modal--parentinghubModal .b-modal__dialog {
    max-width: 100%;
  }
  .b-modal--parentinghubModal .b-modal__body {
    padding-bottom: 24px;
  }
  .b-modal--parentinghubModal-asset h2 {
    padding-top: 24px;
  }
  .b-modal--type-1.side-sheet .b-modal__header {
    padding: 16px 20px 8px;
    position: relative;
  }
  .b-modal--type-1.side-sheet .b-modal__body {
    padding: 16px 20px;
  }
  .b-modal--type-3 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .b-modal--type-3 .b-modal__content {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .b-table__cell {
    padding: 8px 0;
  }
  .b-carousel--product .b-carousel__element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
  .b-carousel--product .b-carousel__slide {
    margin-bottom: 24px;
    padding-right: 7.5px;
    padding-left: 7.5px;
    width: 50%;
  }
  .b-carousel.b-carousel--cssswipe-mobile {
    margin: 0 -20px;
    width: auto;
    overflow: hidden;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-right: 0;
    margin-left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 20px;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__element::after {
    content: "";
    min-width: 20px;
    width: 20px;
    display: block;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__slide {
    margin: 0 8px 1px;
    padding-right: 0;
    padding-left: 0;
    width: 120px;
    min-width: 120px;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__slide:first-child {
    margin-right: 0;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__slide:last-child {
    margin-left: 0;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__slide.b-productrec__item {
    min-width: 160px;
    width: 160px;
    margin-right: 0;
    margin-left: 8px;
  }
  .b-carousel.b-carousel--cssswipe-mobile .b-carousel__slide.b-productrec__item:last-child {
    margin-left: 0;
  }
  .b-ccstore {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 13px;
    margin-top: 0;
  }
  .b-ccstore__cta.btn, .dockableContainer .b-ccstore__cta.embeddedServiceSidebarButton.uiButton--default,
  .dockableContainer .b-ccstore__cta.embeddedServiceSidebarButton.uiButton, .dockableContainer .b-ccstore__cta.embeddedServiceSidebarButton.uiButton--inverse {
    min-width: 100px;
    padding: 2px;
    font-size: 14px;
  }
  .b-ccstore__check {
    margin-left: 10px;
    margin-bottom: 15px;
  }
  .b-ccstore.m-selected {
    border: none;
  }
  .b-modal--ccStoresSelection .b-modal__body {
    padding: 48px 0;
  }
  .pswp__ui-imagecontrols {
    top: 0 !important;
    left: 0 !important;
  }
  .pswp__ui-imagecontrols .pswp__button--arrow--left,
  .pswp__ui-imagecontrols .pswp__button--arrow--right {
    display: none;
  }
  .b-checkout-login__row .b-first-last-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .b-child-management__edit--name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .b-child-management__edit--name .f-field__control-holder {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .b-offers-drawer__btn {
    max-width: var(--mnp-offers-drawer-btn-max-w-m);
    width: 100%;
    right: 20px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  .b-offers-drawer__btn:not(.m-active) {
    bottom: 20px;
  }
  .b-header__localemenu {
    margin-left: 17px;
  }
  .b-megamenu {
    bottom: 0;
    right: -100%;
    max-width: 100%;
    position: fixed;
    top: 0;
    -webkit-transition: right 0.5s cubic-bezier(0, 1, 0.5, 1);
    -o-transition: right 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: right 0.5s cubic-bezier(0, 1, 0.5, 1);
  }
  .b-megamenu__nav-container {
    padding-right: 0;
    padding-left: 0;
  }
  .b-megamenu__nav-wrapper {
    max-height: calc(100% - 72px);
    overflow: scroll;
    /* stylelint-disable */
    scrollbar-3dlight-color: #f9f9f9;
    scrollbar-arrow-color: #f9f9f9;
    scrollbar-base-color: #d5d5d5;
    scrollbar-dark-shadow-color: #f9f9f9;
    scrollbar-face-color: #d5d5d5;
    scrollbar-highlight-color: #f9f9f9;
    scrollbar-shadow-color: #f9f9f9;
    scrollbar-track-color: #f9f9f9;
    /* stylelint-enable */
  }
  .b-megamenu__nav-wrapper::-webkit-scrollbar {
    height: 6px;
    width: 4px;
  }
  .b-megamenu__nav-wrapper::-webkit-scrollbar-thumb {
    background: #d5d5d5;
    border-radius: 16px;
    margin: 10px;
  }
  .b-megamenu__nav-wrapper::-webkit-scrollbar-track {
    background: #f9f9f9;
    border-radius: 16px;
  }
  .b-megamenu__dropdown {
    padding: 0;
    position: relative;
  }
  .b-megamenu__dropdown-container {
    padding-right: 0;
    padding-left: 0;
  }
  .b-nav {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .b-nav__item:not(.b-nav__item--has-children) .b-nav__item-link {
    width: 100%;
  }
  .b-nav__item-non-category .b-nav__item-link {
    background-color: #fff;
    text-transform: none;
    word-break: break-all;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .b-nav__item-non-category .b-nav__item-link .b-nav__item-right-icons {
    padding-left: 0;
  }
  .b-nav__item-non-category .b-nav__item-link.m-active .b-nav__item--icon-minus {
    display: block;
  }
  .b-nav__item-non-category .b-nav__item-link.m-active .b-nav__item--icon-plus {
    display: none;
  }
  .b-nav__item-account .b-nav__item-link {
    font-weight: 400;
  }
  .b-nav__item-wrapper {
    -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
            box-shadow: inset 0 -1px 0 #e6e6e6;
  }
  .b-nav__item-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f8f8f8;
    -webkit-box-shadow: inset 0 -1px 0 #e6e6e6;
            box-shadow: inset 0 -1px 0 #e6e6e6;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    letter-spacing: 1px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .b-nav__item-link.b-nav__level--2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .b-nav__item-link.b-nav__level--2, .b-nav__item-link.b-nav__level--3 {
    background-color: #fff;
    padding-right: 36px;
    text-transform: none;
  }
  .b-nav__item-link.b-nav__level--3 {
    padding-right: 52px;
  }
  .b-nav__account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .b-megamenu-banner__actions {
    overflow-x: auto;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .b-megamenu-banner__actions::-webkit-scrollbar {
    display: none;
  }
  .b-megamenu-banner__btn-wrapper {
    padding-left: 8px;
  }
  .b-footer--checkout {
    display: none;
  }
  .b-footer-links__block.m-collapsed .b-footer-links__title::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\EA38";
    display: inline-block;
    font-family: "iconfont" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal !important;
    vertical-align: middle;
    font-weight: 400;
    position: absolute;
    left: 0;
  }
  .b-footer-links__title::after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "\EA2F";
    display: inline-block;
    font-family: "iconfont" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal !important;
    vertical-align: middle;
    font-weight: 400;
    position: absolute;
    left: 0;
  }
  .b-producttile__addtocart {
        padding-left: 7px;
        padding-right: 7px
  }
  .b-wishlist-tile__name {
    font-size: 14px;
    line-height: 20px;
  }
  .b-wishlist-tile__add-to-cart-wrapper {
    min-height: 84px;
  }
  .b-wishlist-tile__attributes {
    min-height: 40px;
  }
  .b-wishlist-tile__add-to-cart-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .b-wishlist-tile__add-to-cart-row .b-wishlist-tile__add-to-cart-row-item:not(:last-child) {
    margin-top: 8px;
  }
  .b-wishlist-tile__add-to-cart-row .b-wishlist-tile__add-to-cart-row-item :first-child {
    margin-top: 0;
  }
  .b-modal--shareWishlistModal,
  .b-modal--addToRegistryModal {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .b-modal--shareWishlistModal .b-modal__content,
  .b-modal--addToRegistryModal .b-modal__content {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .b-coupons__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .b-coupons__title, .b-coupons__highlighted-title, .b-coupons__description {
    padding-bottom: 16px;
  }
  .b-coupons__cta {
    width: 100%;
  }
  .b-coupons__info {
    padding-top: 16px;
  }
  .edgetoedge-1r-1c__row {
    display: block;
  }
  div[class*=" experience-commerce_assets-promo"] {
    margin-right: -20px;
    margin-left: -20px;
  }
  div[class*="experience-component experience-commerce_assets-promoBlock"] {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .basic-card--textoverlay .basic-card__content {
    padding-bottom: 30px;
  }
  .promoComponentId15 .promo__button {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-left: 0;
    padding-right: 0;
  }
  .m-min-height-vh-10-lg {
    min-height: 10vh !important;
  }
  .m-min-height-vw-10-lg {
    min-height: 10vw !important;
  }
  .m-min-height-px-10-lg {
    min-height: 10px !important;
  }
  .m-min-height-pc-10-lg {
    min-height: 1000% !important;
  }
  .m-height-vh-10-lg {
    height: 10vh !important;
  }
  .m-height-vw-10-lg {
    height: 10vw !important;
  }
  .m-height-px-10-lg {
    height: 10px !important;
  }
  .m-height-pc-10-lg {
    height: 1000% !important;
  }
  .m-max-height-vh-10-lg {
    max-height: 10vh !important;
  }
  .m-max-height-vw-10-lg {
    max-height: 10vw !important;
  }
  .m-max-height-px-10-lg {
    max-height: 10px !important;
  }
  .m-max-height-pc-10-lg {
    max-height: 1000% !important;
  }
  .m-min-height-vh-20-lg {
    min-height: 20vh !important;
  }
  .m-min-height-vw-20-lg {
    min-height: 20vw !important;
  }
  .m-min-height-px-20-lg {
    min-height: 20px !important;
  }
  .m-min-height-pc-20-lg {
    min-height: 2000% !important;
  }
  .m-height-vh-20-lg {
    height: 20vh !important;
  }
  .m-height-vw-20-lg {
    height: 20vw !important;
  }
  .m-height-px-20-lg {
    height: 20px !important;
  }
  .m-height-pc-20-lg {
    height: 2000% !important;
  }
  .m-max-height-vh-20-lg {
    max-height: 20vh !important;
  }
  .m-max-height-vw-20-lg {
    max-height: 20vw !important;
  }
  .m-max-height-px-20-lg {
    max-height: 20px !important;
  }
  .m-max-height-pc-20-lg {
    max-height: 2000% !important;
  }
  .m-min-height-vh-30-lg {
    min-height: 30vh !important;
  }
  .m-min-height-vw-30-lg {
    min-height: 30vw !important;
  }
  .m-min-height-px-30-lg {
    min-height: 30px !important;
  }
  .m-min-height-pc-30-lg {
    min-height: 3000% !important;
  }
  .m-height-vh-30-lg {
    height: 30vh !important;
  }
  .m-height-vw-30-lg {
    height: 30vw !important;
  }
  .m-height-px-30-lg {
    height: 30px !important;
  }
  .m-height-pc-30-lg {
    height: 3000% !important;
  }
  .m-max-height-vh-30-lg {
    max-height: 30vh !important;
  }
  .m-max-height-vw-30-lg {
    max-height: 30vw !important;
  }
  .m-max-height-px-30-lg {
    max-height: 30px !important;
  }
  .m-max-height-pc-30-lg {
    max-height: 3000% !important;
  }
  .m-min-height-vh-40-lg {
    min-height: 40vh !important;
  }
  .m-min-height-vw-40-lg {
    min-height: 40vw !important;
  }
  .m-min-height-px-40-lg {
    min-height: 40px !important;
  }
  .m-min-height-pc-40-lg {
    min-height: 4000% !important;
  }
  .m-height-vh-40-lg {
    height: 40vh !important;
  }
  .m-height-vw-40-lg {
    height: 40vw !important;
  }
  .m-height-px-40-lg {
    height: 40px !important;
  }
  .m-height-pc-40-lg {
    height: 4000% !important;
  }
  .m-max-height-vh-40-lg {
    max-height: 40vh !important;
  }
  .m-max-height-vw-40-lg {
    max-height: 40vw !important;
  }
  .m-max-height-px-40-lg {
    max-height: 40px !important;
  }
  .m-max-height-pc-40-lg {
    max-height: 4000% !important;
  }
  .m-min-height-vh-50-lg {
    min-height: 50vh !important;
  }
  .m-min-height-vw-50-lg {
    min-height: 50vw !important;
  }
  .m-min-height-px-50-lg {
    min-height: 50px !important;
  }
  .m-min-height-pc-50-lg {
    min-height: 5000% !important;
  }
  .m-height-vh-50-lg {
    height: 50vh !important;
  }
  .m-height-vw-50-lg {
    height: 50vw !important;
  }
  .m-height-px-50-lg {
    height: 50px !important;
  }
  .m-height-pc-50-lg {
    height: 5000% !important;
  }
  .m-max-height-vh-50-lg {
    max-height: 50vh !important;
  }
  .m-max-height-vw-50-lg {
    max-height: 50vw !important;
  }
  .m-max-height-px-50-lg {
    max-height: 50px !important;
  }
  .m-max-height-pc-50-lg {
    max-height: 5000% !important;
  }
  .m-min-height-vh-60-lg {
    min-height: 60vh !important;
  }
  .m-min-height-vw-60-lg {
    min-height: 60vw !important;
  }
  .m-min-height-px-60-lg {
    min-height: 60px !important;
  }
  .m-min-height-pc-60-lg {
    min-height: 6000% !important;
  }
  .m-height-vh-60-lg {
    height: 60vh !important;
  }
  .m-height-vw-60-lg {
    height: 60vw !important;
  }
  .m-height-px-60-lg {
    height: 60px !important;
  }
  .m-height-pc-60-lg {
    height: 6000% !important;
  }
  .m-max-height-vh-60-lg {
    max-height: 60vh !important;
  }
  .m-max-height-vw-60-lg {
    max-height: 60vw !important;
  }
  .m-max-height-px-60-lg {
    max-height: 60px !important;
  }
  .m-max-height-pc-60-lg {
    max-height: 6000% !important;
  }
  .m-min-height-vh-70-lg {
    min-height: 70vh !important;
  }
  .m-min-height-vw-70-lg {
    min-height: 70vw !important;
  }
  .m-min-height-px-70-lg {
    min-height: 70px !important;
  }
  .m-min-height-pc-70-lg {
    min-height: 7000% !important;
  }
  .m-height-vh-70-lg {
    height: 70vh !important;
  }
  .m-height-vw-70-lg {
    height: 70vw !important;
  }
  .m-height-px-70-lg {
    height: 70px !important;
  }
  .m-height-pc-70-lg {
    height: 7000% !important;
  }
  .m-max-height-vh-70-lg {
    max-height: 70vh !important;
  }
  .m-max-height-vw-70-lg {
    max-height: 70vw !important;
  }
  .m-max-height-px-70-lg {
    max-height: 70px !important;
  }
  .m-max-height-pc-70-lg {
    max-height: 7000% !important;
  }
  .m-min-height-vh-80-lg {
    min-height: 80vh !important;
  }
  .m-min-height-vw-80-lg {
    min-height: 80vw !important;
  }
  .m-min-height-px-80-lg {
    min-height: 80px !important;
  }
  .m-min-height-pc-80-lg {
    min-height: 8000% !important;
  }
  .m-height-vh-80-lg {
    height: 80vh !important;
  }
  .m-height-vw-80-lg {
    height: 80vw !important;
  }
  .m-height-px-80-lg {
    height: 80px !important;
  }
  .m-height-pc-80-lg {
    height: 8000% !important;
  }
  .m-max-height-vh-80-lg {
    max-height: 80vh !important;
  }
  .m-max-height-vw-80-lg {
    max-height: 80vw !important;
  }
  .m-max-height-px-80-lg {
    max-height: 80px !important;
  }
  .m-max-height-pc-80-lg {
    max-height: 8000% !important;
  }
  .m-min-height-vh-90-lg {
    min-height: 90vh !important;
  }
  .m-min-height-vw-90-lg {
    min-height: 90vw !important;
  }
  .m-min-height-px-90-lg {
    min-height: 90px !important;
  }
  .m-min-height-pc-90-lg {
    min-height: 9000% !important;
  }
  .m-height-vh-90-lg {
    height: 90vh !important;
  }
  .m-height-vw-90-lg {
    height: 90vw !important;
  }
  .m-height-px-90-lg {
    height: 90px !important;
  }
  .m-height-pc-90-lg {
    height: 9000% !important;
  }
  .m-max-height-vh-90-lg {
    max-height: 90vh !important;
  }
  .m-max-height-vw-90-lg {
    max-height: 90vw !important;
  }
  .m-max-height-px-90-lg {
    max-height: 90px !important;
  }
  .m-max-height-pc-90-lg {
    max-height: 9000% !important;
  }
  .m-min-height-vh-100-lg {
    min-height: 100vh !important;
  }
  .m-min-height-vw-100-lg {
    min-height: 100vw !important;
  }
  .m-min-height-px-100-lg {
    min-height: 100px !important;
  }
  .m-min-height-pc-100-lg {
    min-height: 10000% !important;
  }
  .m-height-vh-100-lg {
    height: 100vh !important;
  }
  .m-height-vw-100-lg {
    height: 100vw !important;
  }
  .m-height-px-100-lg {
    height: 100px !important;
  }
  .m-height-pc-100-lg {
    height: 10000% !important;
  }
  .m-max-height-vh-100-lg {
    max-height: 100vh !important;
  }
  .m-max-height-vw-100-lg {
    max-height: 100vw !important;
  }
  .m-max-height-px-100-lg {
    max-height: 100px !important;
  }
  .m-max-height-pc-100-lg {
    max-height: 10000% !important;
  }
  .m-min-height-vh-130-lg {
    min-height: 130vh !important;
  }
  .m-min-height-vw-130-lg {
    min-height: 130vw !important;
  }
  .m-min-height-px-130-lg {
    min-height: 130px !important;
  }
  .m-min-height-pc-130-lg {
    min-height: 13000% !important;
  }
  .m-height-vh-130-lg {
    height: 130vh !important;
  }
  .m-height-vw-130-lg {
    height: 130vw !important;
  }
  .m-height-px-130-lg {
    height: 130px !important;
  }
  .m-height-pc-130-lg {
    height: 13000% !important;
  }
  .m-max-height-vh-130-lg {
    max-height: 130vh !important;
  }
  .m-max-height-vw-130-lg {
    max-height: 130vw !important;
  }
  .m-max-height-px-130-lg {
    max-height: 130px !important;
  }
  .m-max-height-pc-130-lg {
    max-height: 13000% !important;
  }
  .m-min-height-vh-134-lg {
    min-height: 134vh !important;
  }
  .m-min-height-vw-134-lg {
    min-height: 134vw !important;
  }
  .m-min-height-px-134-lg {
    min-height: 134px !important;
  }
  .m-min-height-pc-134-lg {
    min-height: 13400% !important;
  }
  .m-height-vh-134-lg {
    height: 134vh !important;
  }
  .m-height-vw-134-lg {
    height: 134vw !important;
  }
  .m-height-px-134-lg {
    height: 134px !important;
  }
  .m-height-pc-134-lg {
    height: 13400% !important;
  }
  .m-max-height-vh-134-lg {
    max-height: 134vh !important;
  }
  .m-max-height-vw-134-lg {
    max-height: 134vw !important;
  }
  .m-max-height-px-134-lg {
    max-height: 134px !important;
  }
  .m-max-height-pc-134-lg {
    max-height: 13400% !important;
  }
  .m-min-height-vh-150-lg {
    min-height: 150vh !important;
  }
  .m-min-height-vw-150-lg {
    min-height: 150vw !important;
  }
  .m-min-height-px-150-lg {
    min-height: 150px !important;
  }
  .m-min-height-pc-150-lg {
    min-height: 15000% !important;
  }
  .m-height-vh-150-lg {
    height: 150vh !important;
  }
  .m-height-vw-150-lg {
    height: 150vw !important;
  }
  .m-height-px-150-lg {
    height: 150px !important;
  }
  .m-height-pc-150-lg {
    height: 15000% !important;
  }
  .m-max-height-vh-150-lg {
    max-height: 150vh !important;
  }
  .m-max-height-vw-150-lg {
    max-height: 150vw !important;
  }
  .m-max-height-px-150-lg {
    max-height: 150px !important;
  }
  .m-max-height-pc-150-lg {
    max-height: 15000% !important;
  }
  .m-min-height-vh-200-lg {
    min-height: 200vh !important;
  }
  .m-min-height-vw-200-lg {
    min-height: 200vw !important;
  }
  .m-min-height-px-200-lg {
    min-height: 200px !important;
  }
  .m-min-height-pc-200-lg {
    min-height: 20000% !important;
  }
  .m-height-vh-200-lg {
    height: 200vh !important;
  }
  .m-height-vw-200-lg {
    height: 200vw !important;
  }
  .m-height-px-200-lg {
    height: 200px !important;
  }
  .m-height-pc-200-lg {
    height: 20000% !important;
  }
  .m-max-height-vh-200-lg {
    max-height: 200vh !important;
  }
  .m-max-height-vw-200-lg {
    max-height: 200vw !important;
  }
  .m-max-height-px-200-lg {
    max-height: 200px !important;
  }
  .m-max-height-pc-200-lg {
    max-height: 20000% !important;
  }
  .m-min-height-vh-250-lg {
    min-height: 250vh !important;
  }
  .m-min-height-vw-250-lg {
    min-height: 250vw !important;
  }
  .m-min-height-px-250-lg {
    min-height: 250px !important;
  }
  .m-min-height-pc-250-lg {
    min-height: 25000% !important;
  }
  .m-height-vh-250-lg {
    height: 250vh !important;
  }
  .m-height-vw-250-lg {
    height: 250vw !important;
  }
  .m-height-px-250-lg {
    height: 250px !important;
  }
  .m-height-pc-250-lg {
    height: 25000% !important;
  }
  .m-max-height-vh-250-lg {
    max-height: 250vh !important;
  }
  .m-max-height-vw-250-lg {
    max-height: 250vw !important;
  }
  .m-max-height-px-250-lg {
    max-height: 250px !important;
  }
  .m-max-height-pc-250-lg {
    max-height: 25000% !important;
  }
  .m-min-height-vh-285-lg {
    min-height: 285vh !important;
  }
  .m-min-height-vw-285-lg {
    min-height: 285vw !important;
  }
  .m-min-height-px-285-lg {
    min-height: 285px !important;
  }
  .m-min-height-pc-285-lg {
    min-height: 28500% !important;
  }
  .m-height-vh-285-lg {
    height: 285vh !important;
  }
  .m-height-vw-285-lg {
    height: 285vw !important;
  }
  .m-height-px-285-lg {
    height: 285px !important;
  }
  .m-height-pc-285-lg {
    height: 28500% !important;
  }
  .m-max-height-vh-285-lg {
    max-height: 285vh !important;
  }
  .m-max-height-vw-285-lg {
    max-height: 285vw !important;
  }
  .m-max-height-px-285-lg {
    max-height: 285px !important;
  }
  .m-max-height-pc-285-lg {
    max-height: 28500% !important;
  }
  .m-min-height-vh-300-lg {
    min-height: 300vh !important;
  }
  .m-min-height-vw-300-lg {
    min-height: 300vw !important;
  }
  .m-min-height-px-300-lg {
    min-height: 300px !important;
  }
  .m-min-height-pc-300-lg {
    min-height: 30000% !important;
  }
  .m-height-vh-300-lg {
    height: 300vh !important;
  }
  .m-height-vw-300-lg {
    height: 300vw !important;
  }
  .m-height-px-300-lg {
    height: 300px !important;
  }
  .m-height-pc-300-lg {
    height: 30000% !important;
  }
  .m-max-height-vh-300-lg {
    max-height: 300vh !important;
  }
  .m-max-height-vw-300-lg {
    max-height: 300vw !important;
  }
  .m-max-height-px-300-lg {
    max-height: 300px !important;
  }
  .m-max-height-pc-300-lg {
    max-height: 30000% !important;
  }
  .m-min-height-vh-400-lg {
    min-height: 400vh !important;
  }
  .m-min-height-vw-400-lg {
    min-height: 400vw !important;
  }
  .m-min-height-px-400-lg {
    min-height: 400px !important;
  }
  .m-min-height-pc-400-lg {
    min-height: 40000% !important;
  }
  .m-height-vh-400-lg {
    height: 400vh !important;
  }
  .m-height-vw-400-lg {
    height: 400vw !important;
  }
  .m-height-px-400-lg {
    height: 400px !important;
  }
  .m-height-pc-400-lg {
    height: 40000% !important;
  }
  .m-max-height-vh-400-lg {
    max-height: 400vh !important;
  }
  .m-max-height-vw-400-lg {
    max-height: 400vw !important;
  }
  .m-max-height-px-400-lg {
    max-height: 400px !important;
  }
  .m-max-height-pc-400-lg {
    max-height: 40000% !important;
  }
  .m-min-height-vh-450-lg {
    min-height: 450vh !important;
  }
  .m-min-height-vw-450-lg {
    min-height: 450vw !important;
  }
  .m-min-height-px-450-lg {
    min-height: 450px !important;
  }
  .m-min-height-pc-450-lg {
    min-height: 45000% !important;
  }
  .m-height-vh-450-lg {
    height: 450vh !important;
  }
  .m-height-vw-450-lg {
    height: 450vw !important;
  }
  .m-height-px-450-lg {
    height: 450px !important;
  }
  .m-height-pc-450-lg {
    height: 45000% !important;
  }
  .m-max-height-vh-450-lg {
    max-height: 450vh !important;
  }
  .m-max-height-vw-450-lg {
    max-height: 450vw !important;
  }
  .m-max-height-px-450-lg {
    max-height: 450px !important;
  }
  .m-max-height-pc-450-lg {
    max-height: 45000% !important;
  }
  .m-min-height-vh-500-lg {
    min-height: 500vh !important;
  }
  .m-min-height-vw-500-lg {
    min-height: 500vw !important;
  }
  .m-min-height-px-500-lg {
    min-height: 500px !important;
  }
  .m-min-height-pc-500-lg {
    min-height: 50000% !important;
  }
  .m-height-vh-500-lg {
    height: 500vh !important;
  }
  .m-height-vw-500-lg {
    height: 500vw !important;
  }
  .m-height-px-500-lg {
    height: 500px !important;
  }
  .m-height-pc-500-lg {
    height: 50000% !important;
  }
  .m-max-height-vh-500-lg {
    max-height: 500vh !important;
  }
  .m-max-height-vw-500-lg {
    max-height: 500vw !important;
  }
  .m-max-height-px-500-lg {
    max-height: 500px !important;
  }
  .m-max-height-pc-500-lg {
    max-height: 50000% !important;
  }
  .m-min-height-vh-600-lg {
    min-height: 600vh !important;
  }
  .m-min-height-vw-600-lg {
    min-height: 600vw !important;
  }
  .m-min-height-px-600-lg {
    min-height: 600px !important;
  }
  .m-min-height-pc-600-lg {
    min-height: 60000% !important;
  }
  .m-height-vh-600-lg {
    height: 600vh !important;
  }
  .m-height-vw-600-lg {
    height: 600vw !important;
  }
  .m-height-px-600-lg {
    height: 600px !important;
  }
  .m-height-pc-600-lg {
    height: 60000% !important;
  }
  .m-max-height-vh-600-lg {
    max-height: 600vh !important;
  }
  .m-max-height-vw-600-lg {
    max-height: 600vw !important;
  }
  .m-max-height-px-600-lg {
    max-height: 600px !important;
  }
  .m-max-height-pc-600-lg {
    max-height: 60000% !important;
  }
  .m-min-height-vh-700-lg {
    min-height: 700vh !important;
  }
  .m-min-height-vw-700-lg {
    min-height: 700vw !important;
  }
  .m-min-height-px-700-lg {
    min-height: 700px !important;
  }
  .m-min-height-pc-700-lg {
    min-height: 70000% !important;
  }
  .m-height-vh-700-lg {
    height: 700vh !important;
  }
  .m-height-vw-700-lg {
    height: 700vw !important;
  }
  .m-height-px-700-lg {
    height: 700px !important;
  }
  .m-height-pc-700-lg {
    height: 70000% !important;
  }
  .m-max-height-vh-700-lg {
    max-height: 700vh !important;
  }
  .m-max-height-vw-700-lg {
    max-height: 700vw !important;
  }
  .m-max-height-px-700-lg {
    max-height: 700px !important;
  }
  .m-max-height-pc-700-lg {
    max-height: 70000% !important;
  }
  .m-min-height-vh-800-lg {
    min-height: 800vh !important;
  }
  .m-min-height-vw-800-lg {
    min-height: 800vw !important;
  }
  .m-min-height-px-800-lg {
    min-height: 800px !important;
  }
  .m-min-height-pc-800-lg {
    min-height: 80000% !important;
  }
  .m-height-vh-800-lg {
    height: 800vh !important;
  }
  .m-height-vw-800-lg {
    height: 800vw !important;
  }
  .m-height-px-800-lg {
    height: 800px !important;
  }
  .m-height-pc-800-lg {
    height: 80000% !important;
  }
  .m-max-height-vh-800-lg {
    max-height: 800vh !important;
  }
  .m-max-height-vw-800-lg {
    max-height: 800vw !important;
  }
  .m-max-height-px-800-lg {
    max-height: 800px !important;
  }
  .m-max-height-pc-800-lg {
    max-height: 80000% !important;
  }
  .m-min-height-vh-900-lg {
    min-height: 900vh !important;
  }
  .m-min-height-vw-900-lg {
    min-height: 900vw !important;
  }
  .m-min-height-px-900-lg {
    min-height: 900px !important;
  }
  .m-min-height-pc-900-lg {
    min-height: 90000% !important;
  }
  .m-height-vh-900-lg {
    height: 900vh !important;
  }
  .m-height-vw-900-lg {
    height: 900vw !important;
  }
  .m-height-px-900-lg {
    height: 900px !important;
  }
  .m-height-pc-900-lg {
    height: 90000% !important;
  }
  .m-max-height-vh-900-lg {
    max-height: 900vh !important;
  }
  .m-max-height-vw-900-lg {
    max-height: 900vw !important;
  }
  .m-max-height-px-900-lg {
    max-height: 900px !important;
  }
  .m-max-height-pc-900-lg {
    max-height: 90000% !important;
  }
  .m-min-height-vh-1000-lg {
    min-height: 1000vh !important;
  }
  .m-min-height-vw-1000-lg {
    min-height: 1000vw !important;
  }
  .m-min-height-px-1000-lg {
    min-height: 1000px !important;
  }
  .m-min-height-pc-1000-lg {
    min-height: 100000% !important;
  }
  .m-height-vh-1000-lg {
    height: 1000vh !important;
  }
  .m-height-vw-1000-lg {
    height: 1000vw !important;
  }
  .m-height-px-1000-lg {
    height: 1000px !important;
  }
  .m-height-pc-1000-lg {
    height: 100000% !important;
  }
  .m-max-height-vh-1000-lg {
    max-height: 1000vh !important;
  }
  .m-max-height-vw-1000-lg {
    max-height: 1000vw !important;
  }
  .m-max-height-px-1000-lg {
    max-height: 1000px !important;
  }
  .m-max-height-pc-1000-lg {
    max-height: 100000% !important;
  }
  .m-min-height-vh-1500-lg {
    min-height: 1500vh !important;
  }
  .m-min-height-vw-1500-lg {
    min-height: 1500vw !important;
  }
  .m-min-height-px-1500-lg {
    min-height: 1500px !important;
  }
  .m-min-height-pc-1500-lg {
    min-height: 150000% !important;
  }
  .m-height-vh-1500-lg {
    height: 1500vh !important;
  }
  .m-height-vw-1500-lg {
    height: 1500vw !important;
  }
  .m-height-px-1500-lg {
    height: 1500px !important;
  }
  .m-height-pc-1500-lg {
    height: 150000% !important;
  }
  .m-max-height-vh-1500-lg {
    max-height: 1500vh !important;
  }
  .m-max-height-vw-1500-lg {
    max-height: 1500vw !important;
  }
  .m-max-height-px-1500-lg {
    max-height: 1500px !important;
  }
  .m-max-height-pc-1500-lg {
    max-height: 150000% !important;
  }
  .m-min-height-vh-2000-lg {
    min-height: 2000vh !important;
  }
  .m-min-height-vw-2000-lg {
    min-height: 2000vw !important;
  }
  .m-min-height-px-2000-lg {
    min-height: 2000px !important;
  }
  .m-min-height-pc-2000-lg {
    min-height: 200000% !important;
  }
  .m-height-vh-2000-lg {
    height: 2000vh !important;
  }
  .m-height-vw-2000-lg {
    height: 2000vw !important;
  }
  .m-height-px-2000-lg {
    height: 2000px !important;
  }
  .m-height-pc-2000-lg {
    height: 200000% !important;
  }
  .m-max-height-vh-2000-lg {
    max-height: 2000vh !important;
  }
  .m-max-height-vw-2000-lg {
    max-height: 2000vw !important;
  }
  .m-max-height-px-2000-lg {
    max-height: 2000px !important;
  }
  .m-max-height-pc-2000-lg {
    max-height: 200000% !important;
  }
  .f-form__row-col-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .b-mainsearch {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #f8f8f8;
  }
  .m-mainsearch-expanded .b-mainsearch {
    display: block;
  }
  .b-mainsearch .b-search__input-field {
    padding: 24px 16px 8px;
  }
  .experience-commerce_assets-textBanner, .experience-commerce_assets-multipleText, .experience-commerce_assets-cardsInRow, .experience-commerce_assets-5card2row, .experience-commerce_assets-brandsInRow, .experience-commerce_assets-iconCardsInRow, .experience-commerce_assets-slider1col, .experience-commerce_assets-2cardWithButtonInRow, .experience-commerce_assets-3cardWithButtonInRow, .experience-commerce_assets-4cardWithInnerButton, .experience-commerce_assets-cardsInRowExtended, .experience-commerce_assets-imageAndText, .experience-commerce_assets-communityBlock, .experience-commerce_assets-lovedbyBlock, .experience-commerce_assets-videoTextOver {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .experience-commerce_assets-textBanner .region, .experience-commerce_assets-multipleText .region, .experience-commerce_assets-cardsInRow .region, .experience-commerce_assets-5card2row .region, .experience-commerce_assets-brandsInRow .region, .experience-commerce_assets-iconCardsInRow .region, .experience-commerce_assets-slider1col .region, .experience-commerce_assets-2cardWithButtonInRow .region, .experience-commerce_assets-3cardWithButtonInRow .region, .experience-commerce_assets-4cardWithInnerButton .region, .experience-commerce_assets-cardsInRowExtended .region, .experience-commerce_assets-imageAndText .region, .experience-commerce_assets-communityBlock .region, .experience-commerce_assets-lovedbyBlock .region, .experience-commerce_assets-videoTextOver .region {
    padding: 0 15px;
  }
  .promo__main {
    padding-bottom: 30px;
  }
  .promoComponentId3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .promoComponentId3 .promo__main {
    padding-top: 0;
  }
  .promoComponentId3 .promo__side--bordered.promo__side {
    padding-top: 32px;
    padding-bottom: 16px;
  }
  .promoComponentId3 .promo__videoimage-container--inner-sml,
  .promoComponentId3 .promo__description--1 {
    margin-top: 16px;
  }
  .promoComponentId3 .promo__description--1 {
    line-height: 20px;
    margin-top: 16px;
  }
  .promoComponentId3 .promo__description--3 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 30px;
  }
  .promoComponentId3 .promo__button-wrapper {
    margin-top: 16px;
  }
  .promoComponentId3.promo--reversed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .promoComponentId3 .promo__title {
    margin-bottom: 16px;
  }
  .promoComponentId4 .promo__main {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .promoComponentId4 .promo__subtitle,
  .promoComponentId4 .promo__description--1 {
    margin-top: 16px;
  }
  .promoComponentId4 .promo__title {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
  }
  .promoComponentId4 .promo__subtitle {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-weight: 400;
  }
  .promoComponentId4 .promo__description--3 {
    margin-top: 30px;
  }
  .promoComponentId6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .promoComponentId6.promo--reversed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .promoComponentId6 .promo__side--bordered .promo__image {
    width: 100%;
  }
  .promoComponentId6 .promo__side--bordered .promo__link-item-list {
    margin-top: 0;
  }
  .promoComponentId6 .promo__side--bordered::after {
    content: "";
    position: absolute;
    background-color: #4b4b4b;
    height: 1px;
    width: 120px;
    bottom: 0;
    margin-right: -60px;
  }
  .promoComponentId7 .promo__side--bordered .promo__image {
    width: 100%;
  }
  .promoComponentId8 .promo__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
  .promoComponentId8 .promo__ddescription,
  .promoComponentId8 .promo__link-item-list {
    margin-top: 16px;
  }
  .promoComponentId8 .promo__link-item {
    border-right: none;
    padding-right: 12px;
    padding-left: 12px;
  }
  .promoComponentId8 .promo__link-item:first-child {
    padding-right: 0;
  }
  .promoComponentId8 .promo__link-item:last-child {
    padding-left: 0;
  }
  .promoComponentId13 .onesaving__items {
    padding: 24px 0 0;
  }
  .promoComponentId13 .promo__main {
    padding-bottom: 16px;
  }
  .promoComponentId13 .promo__side--bordered.promo__side {
    padding: 0 24px 30px;
  }
  .promoComponentId13 .promo__button-wrapper {
    margin-top: 16px;
  }
  .promoComponentId13 .promo__button {
    width: 100%;
    max-width: 220px;
  }
  .promoComponentId13 .promo__button:not(:last-child) {
    margin-bottom: 16px;
  }
  .promoComponentId14 .promo__videoimage-container--outer {
    padding: 20px 20px 0;
  }
  .promoComponentId14 .subscription-form--row {
    margin-top: 8px;
  }
  .experience-commerce_assets-promoBlockDarkGrey .edgetoedge-1r-1c__container,
  .experience-commerce_assets-subscriptionBox .edgetoedge-1r-1c__container {
    padding-top: 0;
    padding-bottom: 0;
  }
  .onesaving__description-text h1,
  .onesaving__description-text h2,
  .onesaving__description-text h3,
  .onesaving__description-text h4,
  .onesaving__description-text h5,
  .onesaving__description-text h6,
  .onesaving__description-text p,
  .onesaving__description-text ul {
    margin-bottom: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .collapsing.width {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
  .m-hidden--print {
    display: none !important;
  }
  .datepickers-container {
    display: none;
  }
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
  .iti__flag {
    background-image: url("../images/flags/flags@2x.png");
  }
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (-o-min-device-pixel-ratio: 35/32), (min-resolution: 105dpi), (-o-min-device-pixel-ratio: 11/10), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    right: auto;
    top: auto;
    margin: 0;
    float: left;
  }
}