*, ::before, ::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

strong {
  font-weight: 500;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

:focus {
  outline: none;
}

p {
  font-weight: 400;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}

.bg-black {
  background: #000000;
}

.text-black {
  color: #000000;
}
.text-black svg {
  fill: #000000;
}

.text-black--force {
  color: #000000 !important;
}
.text-black--force a {
  color: #000000 !important;
}

.placeholder-black::placeholder {
  color: #000000;
}

.border-black {
  border-color: #000000;
}
.border-black--force {
  border-color: #000000 !important;
}

.item-border-color-black .item {
  border-color: #000000;
}

.bg-blue {
  background: #1F3586;
}

.text-blue {
  color: #1F3586;
}
.text-blue svg {
  fill: #1F3586;
}

.text-blue--force {
  color: #1F3586 !important;
}
.text-blue--force a {
  color: #1F3586 !important;
}

.placeholder-blue::placeholder {
  color: #1F3586;
}

.border-blue {
  border-color: #1F3586;
}
.border-blue--force {
  border-color: #1F3586 !important;
}

.item-border-color-blue .item {
  border-color: #1F3586;
}

.bg-blue-bright {
  background: #02447e;
}

.text-blue-bright {
  color: #02447e;
}
.text-blue-bright svg {
  fill: #02447e;
}

.text-blue-bright--force {
  color: #02447e !important;
}
.text-blue-bright--force a {
  color: #02447e !important;
}

.placeholder-blue-bright::placeholder {
  color: #02447e;
}

.border-blue-bright {
  border-color: #02447e;
}
.border-blue-bright--force {
  border-color: #02447e !important;
}

.item-border-color-blue-bright .item {
  border-color: #02447e;
}

.bg-gray-light {
  background: #EFEFEF;
}

.text-gray-light {
  color: #EFEFEF;
}
.text-gray-light svg {
  fill: #EFEFEF;
}

.text-gray-light--force {
  color: #EFEFEF !important;
}
.text-gray-light--force a {
  color: #EFEFEF !important;
}

.placeholder-gray-light::placeholder {
  color: #EFEFEF;
}

.border-gray-light {
  border-color: #EFEFEF;
}
.border-gray-light--force {
  border-color: #EFEFEF !important;
}

.item-border-color-gray-light .item {
  border-color: #EFEFEF;
}

.bg-gray-light2 {
  background: #F6F7FB;
}

.text-gray-light2 {
  color: #F6F7FB;
}
.text-gray-light2 svg {
  fill: #F6F7FB;
}

.text-gray-light2--force {
  color: #F6F7FB !important;
}
.text-gray-light2--force a {
  color: #F6F7FB !important;
}

.placeholder-gray-light2::placeholder {
  color: #F6F7FB;
}

.border-gray-light2 {
  border-color: #F6F7FB;
}
.border-gray-light2--force {
  border-color: #F6F7FB !important;
}

.item-border-color-gray-light2 .item {
  border-color: #F6F7FB;
}

.bg-gray {
  background: #A4A4A4;
}

.text-gray {
  color: #A4A4A4;
}
.text-gray svg {
  fill: #A4A4A4;
}

.text-gray--force {
  color: #A4A4A4 !important;
}
.text-gray--force a {
  color: #A4A4A4 !important;
}

.placeholder-gray::placeholder {
  color: #A4A4A4;
}

.border-gray {
  border-color: #A4A4A4;
}
.border-gray--force {
  border-color: #A4A4A4 !important;
}

.item-border-color-gray .item {
  border-color: #A4A4A4;
}

.bg-gray-dark {
  background: #575757;
}

.text-gray-dark {
  color: #575757;
}
.text-gray-dark svg {
  fill: #575757;
}

.text-gray-dark--force {
  color: #575757 !important;
}
.text-gray-dark--force a {
  color: #575757 !important;
}

.placeholder-gray-dark::placeholder {
  color: #575757;
}

.border-gray-dark {
  border-color: #575757;
}
.border-gray-dark--force {
  border-color: #575757 !important;
}

.item-border-color-gray-dark .item {
  border-color: #575757;
}

.bg-white {
  background: #FFFFFF;
}

.text-white {
  color: #FFFFFF;
}
.text-white svg {
  fill: #FFFFFF;
}

.text-white--force {
  color: #FFFFFF !important;
}
.text-white--force a {
  color: #FFFFFF !important;
}

.placeholder-white::placeholder {
  color: #FFFFFF;
}

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

.item-border-color-white .item {
  border-color: #FFFFFF;
}

.bg-brown {
  background: #760700;
}

.text-brown {
  color: #760700;
}
.text-brown svg {
  fill: #760700;
}

.text-brown--force {
  color: #760700 !important;
}
.text-brown--force a {
  color: #760700 !important;
}

.placeholder-brown::placeholder {
  color: #760700;
}

.border-brown {
  border-color: #760700;
}
.border-brown--force {
  border-color: #760700 !important;
}

.item-border-color-brown .item {
  border-color: #760700;
}

.bg-brown-bright {
  background: #DB992F;
}

.text-brown-bright {
  color: #DB992F;
}
.text-brown-bright svg {
  fill: #DB992F;
}

.text-brown-bright--force {
  color: #DB992F !important;
}
.text-brown-bright--force a {
  color: #DB992F !important;
}

.placeholder-brown-bright::placeholder {
  color: #DB992F;
}

.border-brown-bright {
  border-color: #DB992F;
}
.border-brown-bright--force {
  border-color: #DB992F !important;
}

.item-border-color-brown-bright .item {
  border-color: #DB992F;
}

.bg-purple {
  background: #E500ED;
}

.text-purple {
  color: #E500ED;
}
.text-purple svg {
  fill: #E500ED;
}

.text-purple--force {
  color: #E500ED !important;
}
.text-purple--force a {
  color: #E500ED !important;
}

.placeholder-purple::placeholder {
  color: #E500ED;
}

.border-purple {
  border-color: #E500ED;
}
.border-purple--force {
  border-color: #E500ED !important;
}

.item-border-color-purple .item {
  border-color: #E500ED;
}

.bg-red {
  background: #FF0000;
}

.text-red {
  color: #FF0000;
}
.text-red svg {
  fill: #FF0000;
}

.text-red--force {
  color: #FF0000 !important;
}
.text-red--force a {
  color: #FF0000 !important;
}

.placeholder-red::placeholder {
  color: #FF0000;
}

.border-red {
  border-color: #FF0000;
}
.border-red--force {
  border-color: #FF0000 !important;
}

.item-border-color-red .item {
  border-color: #FF0000;
}

.bg-green {
  background: #1A973E;
}

.text-green {
  color: #1A973E;
}
.text-green svg {
  fill: #1A973E;
}

.text-green--force {
  color: #1A973E !important;
}
.text-green--force a {
  color: #1A973E !important;
}

.placeholder-green::placeholder {
  color: #1A973E;
}

.border-green {
  border-color: #1A973E;
}
.border-green--force {
  border-color: #1A973E !important;
}

.item-border-color-green .item {
  border-color: #1A973E;
}

.bg-green-bright {
  background: #0BFF52;
}

.text-green-bright {
  color: #0BFF52;
}
.text-green-bright svg {
  fill: #0BFF52;
}

.text-green-bright--force {
  color: #0BFF52 !important;
}
.text-green-bright--force a {
  color: #0BFF52 !important;
}

.placeholder-green-bright::placeholder {
  color: #0BFF52;
}

.border-green-bright {
  border-color: #0BFF52;
}
.border-green-bright--force {
  border-color: #0BFF52 !important;
}

.item-border-color-green-bright .item {
  border-color: #0BFF52;
}

.max-1410-center {
  display: block;
  max-width: 141rem;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .max-1410-center {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .max-1410-center.without-responsive-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

.container-930 {
  display: block;
  margin: 0 auto;
  max-width: 93rem;
}

.scroll-container.scroll-x {
  overflow-x: scroll;
}
.scroll-container .scroll-content {
  display: flex;
}

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

.d-block {
  display: block;
}

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

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

@media only screen and (max-width: 768px) {
  .m\@d-none {
    display: none !important;
  }

  .m\@d-block {
    display: block !important;
  }

  .m\@d-flex {
    display: flex !important;
  }

  .m\@d-grid {
    display: grid !important;
  }
}
.fsb {
  display: flex;
  justify-content: space-between;
}

.fsb-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.grid {
  display: grid;
}
.grid--4col {
  grid-template-columns: repeat(4, 1fr);
}
.grid--2rows {
  grid-template-rows: repeat(2, 1fr);
}
.grid--cgap3 {
  grid-column-gap: 3rem;
}

.grid-col--h2 {
  grid-column: 1/3;
}
.grid-col--v2 {
  grid-row: 1/3;
}

.posrel {
  position: relative;
}

.posabs {
  position: absolute;
}

.fgap-1 {
  gap: 1rem;
}

.fgap-2 {
  gap: 2rem;
}

.fgap-3 {
  gap: 3rem;
}

@media only screen and (max-width: 768px) {
  .m\@fgap-1 {
    gap: 1rem;
  }

  .m\@fgap-1_5 {
    gap: 1.5rem;
  }

  .m\@fgap-2 {
    gap: 2rem;
  }

  .m\@fgap-3 {
    gap: 3rem;
  }
}
.flx-wrap {
  flex-wrap: wrap;
}

.flx-auto-items {
  display: flex;
}
.flx-auto-items > * {
  flex: 1 1 auto;
}

.flx-center {
  align-items: center;
  justify-content: center;
}

.flx-vc {
  align-items: center;
}

.flx-vs {
  align-items: flex-start;
}

.flx-ve {
  align-items: flex-end;
}

.flx-sb {
  justify-content: space-between;
}

.flx-sb--force {
  justify-content: space-between !important;
}

.flx-hc {
  justify-content: center;
}

.flx-hs {
  justify-content: flex-start;
}

.flx-he {
  justify-content: flex-end;
}

.flx-end {
  justify-content: flex-end;
}

.flx-start {
  justify-content: flex-start;
}

.flx-col {
  flex-direction: column;
}

.flx-row {
  flex-direction: row;
}

.flx-self-ve {
  align-self: flex-end;
}

.flx-row-reverse {
  flex-flow: row-reverse;
}

@media only screen and (max-width: 768px) {
  .m\@flx-center {
    align-items: center !important;
    justify-content: center !important;
  }

  .m\@flx-vc {
    align-items: center !important;
  }

  .m\@flx-vs {
    align-items: flex-start !important;
  }

  .m\@flx-ve {
    align-items: flex-end !important;
  }

  .m\@flx-sb {
    justify-content: space-between !important;
  }

  .m\@flx-sb--force {
    justify-content: space-between !important;
  }

  .m\@flx-hc {
    justify-content: center !important;
  }

  .m\@flx-hs {
    justify-content: flex-start !important;
  }

  .m\@flx-he {
    justify-content: flex-end !important;
  }

  .m\@flx-end {
    justify-content: flex-end !important;
  }

  .m\@flx-start {
    justify-content: flex-start !important;
  }

  .m\@flx-col {
    flex-direction: column !important;
  }

  .m\@flx-row {
    flex-direction: row !important;
  }

  .m\@flx-self-ve {
    align-self: flex-end !important;
  }

  .m\@flx-row-reverse {
    flex-flow: row-reverse !important;
  }
}
.text-right {
  text-align: right;
}

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

@media only screen and (max-width: 768px) {
  .m\@text-right {
    text-align: right;
  }

  .m\@text-left {
    text-align: left;
  }

  .m\@text-center {
    text-align: center;
  }
}
.row {
  width: 100%;
  display: block;
}

.columns {
  display: flex;
  justify-content: space-between;
}
.columns--gap1 {
  gap: 1rem;
}
.columns--gap2 {
  gap: 2rem;
}
.columns--gap3 {
  gap: 3rem;
}
.columns--gap4 {
  gap: 4rem;
}
.columns--gap5 {
  gap: 5rem;
}
.columns--gap6 {
  gap: 6rem;
}
.columns--gap7 {
  gap: 7rem;
}
.columns--gap8 {
  gap: 8rem;
}
.columns--gap9 {
  gap: 9rem;
}
.columns--gap10 {
  gap: 10rem;
}
@media only screen and (max-width: 1024px) {
  .columns--gap1 {
    gap: 0;
  }
  .columns--gap2 {
    gap: 0;
  }
  .columns--gap3 {
    gap: 0;
  }
  .columns--gap4 {
    gap: 0;
  }
  .columns--gap5 {
    gap: 0;
  }
  .columns--gap6 {
    gap: 0;
  }
  .columns--gap7 {
    gap: 0;
  }
  .columns--gap8 {
    gap: 0;
  }
  .columns--gap9 {
    gap: 0;
  }
  .columns--gap10 {
    gap: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .columns--wrap-under-1024 {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .columns.--wrap-on-mobile {
    flex-wrap: wrap;
  }
}

.column {
  width: 100%;
  flex: 1 1 auto;
}

.columns--40-60 .column:first-child {
  max-width: 40%;
}
.columns--40-60 .column:last-child {
  max-width: 60%;
}
@media only screen and (max-width: 768px) {
  .columns--40-60 .column {
    max-width: 100% !important;
  }
}

.columns--60-40 .column:first-child {
  max-width: 60%;
}
.columns--60-40 .column:last-child {
  max-width: 40%;
}
@media only screen and (max-width: 768px) {
  .columns--60-40 .column {
    max-width: 100% !important;
  }
}

.columns--50-50 .column {
  max-width: 50%;
}
@media only screen and (max-width: 768px) {
  .columns--50-50 .column {
    max-width: 100% !important;
  }
}

.columns--50-50 .column {
  max-width: 50%;
}
@media only screen and (max-width: 768px) {
  .columns--50-50 > .column {
    max-width: 100% !important;
  }
}

@media only screen and (min-width: 1024px) {
  .columns--50-50--over1024 > .column {
    max-width: 50%;
  }
}

.list li.active a {
  color: #02447e;
}

.list--inline {
  display: flex;
  justify-content: flex-start;
}
.list--inline.item-space-3 {
  gap: 3rem;
}

.img-abs-center {
  position: relative;
}
.img-abs-center img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-wrapper {
  display: inline-block;
  overflow: hidden;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

@media only screen and (max-width: 768px) {
  .m\@w-auto {
    width: auto !important;
  }

  .m\@h-auto {
    height: auto !important;
  }
}
.mw50p {
  max-width: 50%;
}

.mw40p {
  max-width: 40%;
}

.mw60p {
  max-width: 60%;
}

.mw52 {
  max-width: 5.2rem;
}

.mw99 {
  max-width: 9.9rem;
}

.mw100 {
  max-width: 10rem;
}

.mw120 {
  max-width: 12rem;
}

.mw125 {
  max-width: 12.5rem;
}

.mw146 {
  max-width: 14.6rem;
}

.mw150 {
  max-width: 15rem;
}

.mw210 {
  max-width: 21rem;
}

.mw250 {
  max-width: 25rem;
}

.mw260 {
  max-width: 26rem;
}

.mw274 {
  max-width: 27.4rem;
}

.mw294 {
  max-width: 29.4rem;
}

.mw330 {
  max-width: 33rem;
}

.mw340 {
  max-width: 34rem;
}

.mw380 {
  max-width: 38rem;
}

.mw390 {
  max-width: 39rem;
}

.mw450 {
  max-width: 45rem;
}

.mw460 {
  max-width: 46rem;
}

.mw525 {
  max-width: 52.5rem;
}

.mw570 {
  max-width: 57rem;
}

.mw587 {
  max-width: 58.7rem;
}

.mw690 {
  max-width: 69rem;
}

.mw960 {
  max-width: 96rem;
}

.mw1050 {
  max-width: 105rem;
}

.mw1410 {
  max-width: 141rem;
}

@media only screen and (max-width: 768px) {
  .m\@w100p {
    width: 100% !important;
  }

  .m\@mw100p {
    max-width: 100% !important;
  }
}
.mw100p {
  max-width: 100%;
}

.minw50p {
  min-width: 50%;
}

.minw370 {
  min-width: 37rem;
}

.minw400 {
  min-width: 40rem;
}

.minw450 {
  min-width: 45rem;
}

.minw500 {
  min-width: 50rem;
}

.minw550 {
  min-width: 55rem;
}

.w100p {
  width: 100%;
}

.w4_5 {
  width: 4.5rem;
}

.w3_6 {
  width: 3.6rem;
}

.w4_7 {
  width: 4.7rem;
}

.w5_5 {
  width: 5.5rem;
}

.w90 {
  width: 9rem;
}

.w100 {
  width: 10rem;
}

.w120 {
  width: 12rem;
}

.w150 {
  width: 15rem;
}

.w190 {
  width: 19rem;
}

.w198 {
  width: 19.8rem;
}

.mh190 {
  min-height: 19rem;
}

.mh200 {
  min-height: 20rem;
}

.mh300 {
  min-height: 30rem;
}

.mh530 {
  max-height: 53rem;
}

.mh560 {
  max-height: 56rem;
}

.h120 {
  height: 12rem;
}

.h5_5 {
  height: 5.5rem;
}

.h52 {
  height: 5.2rem;
}

.h99 {
  height: 9.9rem;
}

.h530 {
  height: 53rem;
}

.h230 {
  height: 23rem;
}

.h630 {
  height: 63rem;
}

@media only screen and (max-width: 768px) {
  .m\@maxh300 {
    max-height: 30rem;
  }
}
.m0 {
  margin: 0rem;
}

.m0--force {
  margin: 0rem !important;
}

.m0_5 {
  margin: 0.5rem;
}

.m0_5--force {
  margin: 0.5rem !important;
}

.mx0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.mx0--force {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx0_5 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx0_5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.my0--force {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my0_5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my0_5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt0 {
  margin-top: 0rem;
}

.mt0--force {
  margin-top: 0rem !important;
}

.mt0_5 {
  margin-top: 0.5rem;
}

.mt0_5--force {
  margin-top: 0.5rem !important;
}

.mb0 {
  margin-bottom: 0rem;
}

.mb0--force {
  margin-bottom: 0rem !important;
}

.mb0_5 {
  margin-bottom: 0.5rem;
}

.mb0_5--force {
  margin-bottom: 0.5rem !important;
}

.ml0 {
  margin-left: 0rem;
}

.ml0--force {
  margin-left: 0rem !important;
}

.ml0_5 {
  margin-left: 0.5rem;
}

.ml0_5--force {
  margin-left: 0.5rem !important;
}

.mr0 {
  margin-right: 0rem;
}

.mr0--force {
  margin-right: 0rem !important;
}

.mr0_5 {
  margin-right: 0.5rem;
}

.mr0_5--force {
  margin-right: 0.5rem !important;
}

.m1 {
  margin: 1rem;
}

.m1--force {
  margin: 1rem !important;
}

.m1_5 {
  margin: 1.5rem;
}

.m1_5--force {
  margin: 1.5rem !important;
}

.mx1 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx1--force {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx1_5 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx1_5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my1--force {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my1_5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my1_5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt1 {
  margin-top: 1rem;
}

.mt1--force {
  margin-top: 1rem !important;
}

.mt1_5 {
  margin-top: 1.5rem;
}

.mt1_5--force {
  margin-top: 1.5rem !important;
}

.mb1 {
  margin-bottom: 1rem;
}

.mb1--force {
  margin-bottom: 1rem !important;
}

.mb1_5 {
  margin-bottom: 1.5rem;
}

.mb1_5--force {
  margin-bottom: 1.5rem !important;
}

.ml1 {
  margin-left: 1rem;
}

.ml1--force {
  margin-left: 1rem !important;
}

.ml1_5 {
  margin-left: 1.5rem;
}

.ml1_5--force {
  margin-left: 1.5rem !important;
}

.mr1 {
  margin-right: 1rem;
}

.mr1--force {
  margin-right: 1rem !important;
}

.mr1_5 {
  margin-right: 1.5rem;
}

.mr1_5--force {
  margin-right: 1.5rem !important;
}

.m2 {
  margin: 2rem;
}

.m2--force {
  margin: 2rem !important;
}

.m2_5 {
  margin: 2.5rem;
}

.m2_5--force {
  margin: 2.5rem !important;
}

.mx2 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx2--force {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx2_5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx2_5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my2--force {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my2_5 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my2_5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mt2 {
  margin-top: 2rem;
}

.mt2--force {
  margin-top: 2rem !important;
}

.mt2_5 {
  margin-top: 2.5rem;
}

.mt2_5--force {
  margin-top: 2.5rem !important;
}

.mb2 {
  margin-bottom: 2rem;
}

.mb2--force {
  margin-bottom: 2rem !important;
}

.mb2_5 {
  margin-bottom: 2.5rem;
}

.mb2_5--force {
  margin-bottom: 2.5rem !important;
}

.ml2 {
  margin-left: 2rem;
}

.ml2--force {
  margin-left: 2rem !important;
}

.ml2_5 {
  margin-left: 2.5rem;
}

.ml2_5--force {
  margin-left: 2.5rem !important;
}

.mr2 {
  margin-right: 2rem;
}

.mr2--force {
  margin-right: 2rem !important;
}

.mr2_5 {
  margin-right: 2.5rem;
}

.mr2_5--force {
  margin-right: 2.5rem !important;
}

.m3 {
  margin: 3rem;
}

.m3--force {
  margin: 3rem !important;
}

.m3_5 {
  margin: 3.5rem;
}

.m3_5--force {
  margin: 3.5rem !important;
}

.mx3 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx3--force {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx3_5 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.mx3_5 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.my3 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my3--force {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my3_5 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.my3_5 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.mt3 {
  margin-top: 3rem;
}

.mt3--force {
  margin-top: 3rem !important;
}

.mt3_5 {
  margin-top: 3.5rem;
}

.mt3_5--force {
  margin-top: 3.5rem !important;
}

.mb3 {
  margin-bottom: 3rem;
}

.mb3--force {
  margin-bottom: 3rem !important;
}

.mb3_5 {
  margin-bottom: 3.5rem;
}

.mb3_5--force {
  margin-bottom: 3.5rem !important;
}

.ml3 {
  margin-left: 3rem;
}

.ml3--force {
  margin-left: 3rem !important;
}

.ml3_5 {
  margin-left: 3.5rem;
}

.ml3_5--force {
  margin-left: 3.5rem !important;
}

.mr3 {
  margin-right: 3rem;
}

.mr3--force {
  margin-right: 3rem !important;
}

.mr3_5 {
  margin-right: 3.5rem;
}

.mr3_5--force {
  margin-right: 3.5rem !important;
}

.m4 {
  margin: 4rem;
}

.m4--force {
  margin: 4rem !important;
}

.m4_5 {
  margin: 4.5rem;
}

.m4_5--force {
  margin: 4.5rem !important;
}

.mx4 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mx4--force {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx4_5 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}

.mx4_5 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my4--force {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my4_5 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.my4_5 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.mt4 {
  margin-top: 4rem;
}

.mt4--force {
  margin-top: 4rem !important;
}

.mt4_5 {
  margin-top: 4.5rem;
}

.mt4_5--force {
  margin-top: 4.5rem !important;
}

.mb4 {
  margin-bottom: 4rem;
}

.mb4--force {
  margin-bottom: 4rem !important;
}

.mb4_5 {
  margin-bottom: 4.5rem;
}

.mb4_5--force {
  margin-bottom: 4.5rem !important;
}

.ml4 {
  margin-left: 4rem;
}

.ml4--force {
  margin-left: 4rem !important;
}

.ml4_5 {
  margin-left: 4.5rem;
}

.ml4_5--force {
  margin-left: 4.5rem !important;
}

.mr4 {
  margin-right: 4rem;
}

.mr4--force {
  margin-right: 4rem !important;
}

.mr4_5 {
  margin-right: 4.5rem;
}

.mr4_5--force {
  margin-right: 4.5rem !important;
}

.m5 {
  margin: 5rem;
}

.m5--force {
  margin: 5rem !important;
}

.m5_5 {
  margin: 5.5rem;
}

.m5_5--force {
  margin: 5.5rem !important;
}

.mx5 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.mx5--force {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mx5_5 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}

.mx5_5 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.my5 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my5--force {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my5_5 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}

.my5_5 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.mt5 {
  margin-top: 5rem;
}

.mt5--force {
  margin-top: 5rem !important;
}

.mt5_5 {
  margin-top: 5.5rem;
}

.mt5_5--force {
  margin-top: 5.5rem !important;
}

.mb5 {
  margin-bottom: 5rem;
}

.mb5--force {
  margin-bottom: 5rem !important;
}

.mb5_5 {
  margin-bottom: 5.5rem;
}

.mb5_5--force {
  margin-bottom: 5.5rem !important;
}

.ml5 {
  margin-left: 5rem;
}

.ml5--force {
  margin-left: 5rem !important;
}

.ml5_5 {
  margin-left: 5.5rem;
}

.ml5_5--force {
  margin-left: 5.5rem !important;
}

.mr5 {
  margin-right: 5rem;
}

.mr5--force {
  margin-right: 5rem !important;
}

.mr5_5 {
  margin-right: 5.5rem;
}

.mr5_5--force {
  margin-right: 5.5rem !important;
}

.m6 {
  margin: 6rem;
}

.m6--force {
  margin: 6rem !important;
}

.m6_5 {
  margin: 6.5rem;
}

.m6_5--force {
  margin: 6.5rem !important;
}

.mx6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.mx6--force {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx6_5 {
  margin-left: 6.5rem;
  margin-right: 6.5rem;
}

.mx6_5 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.my6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my6--force {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my6_5 {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}

.my6_5 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.mt6 {
  margin-top: 6rem;
}

.mt6--force {
  margin-top: 6rem !important;
}

.mt6_5 {
  margin-top: 6.5rem;
}

.mt6_5--force {
  margin-top: 6.5rem !important;
}

.mb6 {
  margin-bottom: 6rem;
}

.mb6--force {
  margin-bottom: 6rem !important;
}

.mb6_5 {
  margin-bottom: 6.5rem;
}

.mb6_5--force {
  margin-bottom: 6.5rem !important;
}

.ml6 {
  margin-left: 6rem;
}

.ml6--force {
  margin-left: 6rem !important;
}

.ml6_5 {
  margin-left: 6.5rem;
}

.ml6_5--force {
  margin-left: 6.5rem !important;
}

.mr6 {
  margin-right: 6rem;
}

.mr6--force {
  margin-right: 6rem !important;
}

.mr6_5 {
  margin-right: 6.5rem;
}

.mr6_5--force {
  margin-right: 6.5rem !important;
}

.m7 {
  margin: 7rem;
}

.m7--force {
  margin: 7rem !important;
}

.m7_5 {
  margin: 7.5rem;
}

.m7_5--force {
  margin: 7.5rem !important;
}

.mx7 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.mx7--force {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx7_5 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}

.mx7_5 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.my7 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.my7--force {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my7_5 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.my7_5 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.mt7 {
  margin-top: 7rem;
}

.mt7--force {
  margin-top: 7rem !important;
}

.mt7_5 {
  margin-top: 7.5rem;
}

.mt7_5--force {
  margin-top: 7.5rem !important;
}

.mb7 {
  margin-bottom: 7rem;
}

.mb7--force {
  margin-bottom: 7rem !important;
}

.mb7_5 {
  margin-bottom: 7.5rem;
}

.mb7_5--force {
  margin-bottom: 7.5rem !important;
}

.ml7 {
  margin-left: 7rem;
}

.ml7--force {
  margin-left: 7rem !important;
}

.ml7_5 {
  margin-left: 7.5rem;
}

.ml7_5--force {
  margin-left: 7.5rem !important;
}

.mr7 {
  margin-right: 7rem;
}

.mr7--force {
  margin-right: 7rem !important;
}

.mr7_5 {
  margin-right: 7.5rem;
}

.mr7_5--force {
  margin-right: 7.5rem !important;
}

.m8 {
  margin: 8rem;
}

.m8--force {
  margin: 8rem !important;
}

.m8_5 {
  margin: 8.5rem;
}

.m8_5--force {
  margin: 8.5rem !important;
}

.mx8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.mx8--force {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mx8_5 {
  margin-left: 8.5rem;
  margin-right: 8.5rem;
}

.mx8_5 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.my8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.my8--force {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my8_5 {
  margin-top: 8.5rem;
  margin-bottom: 8.5rem;
}

.my8_5 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.mt8 {
  margin-top: 8rem;
}

.mt8--force {
  margin-top: 8rem !important;
}

.mt8_5 {
  margin-top: 8.5rem;
}

.mt8_5--force {
  margin-top: 8.5rem !important;
}

.mb8 {
  margin-bottom: 8rem;
}

.mb8--force {
  margin-bottom: 8rem !important;
}

.mb8_5 {
  margin-bottom: 8.5rem;
}

.mb8_5--force {
  margin-bottom: 8.5rem !important;
}

.ml8 {
  margin-left: 8rem;
}

.ml8--force {
  margin-left: 8rem !important;
}

.ml8_5 {
  margin-left: 8.5rem;
}

.ml8_5--force {
  margin-left: 8.5rem !important;
}

.mr8 {
  margin-right: 8rem;
}

.mr8--force {
  margin-right: 8rem !important;
}

.mr8_5 {
  margin-right: 8.5rem;
}

.mr8_5--force {
  margin-right: 8.5rem !important;
}

.m9 {
  margin: 9rem;
}

.m9--force {
  margin: 9rem !important;
}

.m9_5 {
  margin: 9.5rem;
}

.m9_5--force {
  margin: 9.5rem !important;
}

.mx9 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.mx9--force {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.mx9_5 {
  margin-left: 9.5rem;
  margin-right: 9.5rem;
}

.mx9_5 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.my9 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.my9--force {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.my9_5 {
  margin-top: 9.5rem;
  margin-bottom: 9.5rem;
}

.my9_5 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.mt9 {
  margin-top: 9rem;
}

.mt9--force {
  margin-top: 9rem !important;
}

.mt9_5 {
  margin-top: 9.5rem;
}

.mt9_5--force {
  margin-top: 9.5rem !important;
}

.mb9 {
  margin-bottom: 9rem;
}

.mb9--force {
  margin-bottom: 9rem !important;
}

.mb9_5 {
  margin-bottom: 9.5rem;
}

.mb9_5--force {
  margin-bottom: 9.5rem !important;
}

.ml9 {
  margin-left: 9rem;
}

.ml9--force {
  margin-left: 9rem !important;
}

.ml9_5 {
  margin-left: 9.5rem;
}

.ml9_5--force {
  margin-left: 9.5rem !important;
}

.mr9 {
  margin-right: 9rem;
}

.mr9--force {
  margin-right: 9rem !important;
}

.mr9_5 {
  margin-right: 9.5rem;
}

.mr9_5--force {
  margin-right: 9.5rem !important;
}

.m10 {
  margin: 10rem;
}

.m10--force {
  margin: 10rem !important;
}

.m10_5 {
  margin: 10.5rem;
}

.m10_5--force {
  margin: 10.5rem !important;
}

.mx10 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.mx10--force {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.mx10_5 {
  margin-left: 10.5rem;
  margin-right: 10.5rem;
}

.mx10_5 {
  margin-left: 10.5rem !important;
  margin-right: 10.5rem !important;
}

.my10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.my10--force {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.my10_5 {
  margin-top: 10.5rem;
  margin-bottom: 10.5rem;
}

.my10_5 {
  margin-top: 10.5rem !important;
  margin-bottom: 10.5rem !important;
}

.mt10 {
  margin-top: 10rem;
}

.mt10--force {
  margin-top: 10rem !important;
}

.mt10_5 {
  margin-top: 10.5rem;
}

.mt10_5--force {
  margin-top: 10.5rem !important;
}

.mb10 {
  margin-bottom: 10rem;
}

.mb10--force {
  margin-bottom: 10rem !important;
}

.mb10_5 {
  margin-bottom: 10.5rem;
}

.mb10_5--force {
  margin-bottom: 10.5rem !important;
}

.ml10 {
  margin-left: 10rem;
}

.ml10--force {
  margin-left: 10rem !important;
}

.ml10_5 {
  margin-left: 10.5rem;
}

.ml10_5--force {
  margin-left: 10.5rem !important;
}

.mr10 {
  margin-right: 10rem;
}

.mr10--force {
  margin-right: 10rem !important;
}

.mr10_5 {
  margin-right: 10.5rem;
}

.mr10_5--force {
  margin-right: 10.5rem !important;
}

.m11 {
  margin: 11rem;
}

.m11--force {
  margin: 11rem !important;
}

.m11_5 {
  margin: 11.5rem;
}

.m11_5--force {
  margin: 11.5rem !important;
}

.mx11 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.mx11--force {
  margin-left: 11rem !important;
  margin-right: 11rem !important;
}

.mx11_5 {
  margin-left: 11.5rem;
  margin-right: 11.5rem;
}

.mx11_5 {
  margin-left: 11.5rem !important;
  margin-right: 11.5rem !important;
}

.my11 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.my11--force {
  margin-top: 11rem !important;
  margin-bottom: 11rem !important;
}

.my11_5 {
  margin-top: 11.5rem;
  margin-bottom: 11.5rem;
}

.my11_5 {
  margin-top: 11.5rem !important;
  margin-bottom: 11.5rem !important;
}

.mt11 {
  margin-top: 11rem;
}

.mt11--force {
  margin-top: 11rem !important;
}

.mt11_5 {
  margin-top: 11.5rem;
}

.mt11_5--force {
  margin-top: 11.5rem !important;
}

.mb11 {
  margin-bottom: 11rem;
}

.mb11--force {
  margin-bottom: 11rem !important;
}

.mb11_5 {
  margin-bottom: 11.5rem;
}

.mb11_5--force {
  margin-bottom: 11.5rem !important;
}

.ml11 {
  margin-left: 11rem;
}

.ml11--force {
  margin-left: 11rem !important;
}

.ml11_5 {
  margin-left: 11.5rem;
}

.ml11_5--force {
  margin-left: 11.5rem !important;
}

.mr11 {
  margin-right: 11rem;
}

.mr11--force {
  margin-right: 11rem !important;
}

.mr11_5 {
  margin-right: 11.5rem;
}

.mr11_5--force {
  margin-right: 11.5rem !important;
}

.m12 {
  margin: 12rem;
}

.m12--force {
  margin: 12rem !important;
}

.m12_5 {
  margin: 12.5rem;
}

.m12_5--force {
  margin: 12.5rem !important;
}

.mx12 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.mx12--force {
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.mx12_5 {
  margin-left: 12.5rem;
  margin-right: 12.5rem;
}

.mx12_5 {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}

.my12 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.my12--force {
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.my12_5 {
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}

.my12_5 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}

.mt12 {
  margin-top: 12rem;
}

.mt12--force {
  margin-top: 12rem !important;
}

.mt12_5 {
  margin-top: 12.5rem;
}

.mt12_5--force {
  margin-top: 12.5rem !important;
}

.mb12 {
  margin-bottom: 12rem;
}

.mb12--force {
  margin-bottom: 12rem !important;
}

.mb12_5 {
  margin-bottom: 12.5rem;
}

.mb12_5--force {
  margin-bottom: 12.5rem !important;
}

.ml12 {
  margin-left: 12rem;
}

.ml12--force {
  margin-left: 12rem !important;
}

.ml12_5 {
  margin-left: 12.5rem;
}

.ml12_5--force {
  margin-left: 12.5rem !important;
}

.mr12 {
  margin-right: 12rem;
}

.mr12--force {
  margin-right: 12rem !important;
}

.mr12_5 {
  margin-right: 12.5rem;
}

.mr12_5--force {
  margin-right: 12.5rem !important;
}

.m13 {
  margin: 13rem;
}

.m13--force {
  margin: 13rem !important;
}

.m13_5 {
  margin: 13.5rem;
}

.m13_5--force {
  margin: 13.5rem !important;
}

.mx13 {
  margin-left: 13rem;
  margin-right: 13rem;
}

.mx13--force {
  margin-left: 13rem !important;
  margin-right: 13rem !important;
}

.mx13_5 {
  margin-left: 13.5rem;
  margin-right: 13.5rem;
}

.mx13_5 {
  margin-left: 13.5rem !important;
  margin-right: 13.5rem !important;
}

.my13 {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

.my13--force {
  margin-top: 13rem !important;
  margin-bottom: 13rem !important;
}

.my13_5 {
  margin-top: 13.5rem;
  margin-bottom: 13.5rem;
}

.my13_5 {
  margin-top: 13.5rem !important;
  margin-bottom: 13.5rem !important;
}

.mt13 {
  margin-top: 13rem;
}

.mt13--force {
  margin-top: 13rem !important;
}

.mt13_5 {
  margin-top: 13.5rem;
}

.mt13_5--force {
  margin-top: 13.5rem !important;
}

.mb13 {
  margin-bottom: 13rem;
}

.mb13--force {
  margin-bottom: 13rem !important;
}

.mb13_5 {
  margin-bottom: 13.5rem;
}

.mb13_5--force {
  margin-bottom: 13.5rem !important;
}

.ml13 {
  margin-left: 13rem;
}

.ml13--force {
  margin-left: 13rem !important;
}

.ml13_5 {
  margin-left: 13.5rem;
}

.ml13_5--force {
  margin-left: 13.5rem !important;
}

.mr13 {
  margin-right: 13rem;
}

.mr13--force {
  margin-right: 13rem !important;
}

.mr13_5 {
  margin-right: 13.5rem;
}

.mr13_5--force {
  margin-right: 13.5rem !important;
}

.m14 {
  margin: 14rem;
}

.m14--force {
  margin: 14rem !important;
}

.m14_5 {
  margin: 14.5rem;
}

.m14_5--force {
  margin: 14.5rem !important;
}

.mx14 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.mx14--force {
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.mx14_5 {
  margin-left: 14.5rem;
  margin-right: 14.5rem;
}

.mx14_5 {
  margin-left: 14.5rem !important;
  margin-right: 14.5rem !important;
}

.my14 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.my14--force {
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.my14_5 {
  margin-top: 14.5rem;
  margin-bottom: 14.5rem;
}

.my14_5 {
  margin-top: 14.5rem !important;
  margin-bottom: 14.5rem !important;
}

.mt14 {
  margin-top: 14rem;
}

.mt14--force {
  margin-top: 14rem !important;
}

.mt14_5 {
  margin-top: 14.5rem;
}

.mt14_5--force {
  margin-top: 14.5rem !important;
}

.mb14 {
  margin-bottom: 14rem;
}

.mb14--force {
  margin-bottom: 14rem !important;
}

.mb14_5 {
  margin-bottom: 14.5rem;
}

.mb14_5--force {
  margin-bottom: 14.5rem !important;
}

.ml14 {
  margin-left: 14rem;
}

.ml14--force {
  margin-left: 14rem !important;
}

.ml14_5 {
  margin-left: 14.5rem;
}

.ml14_5--force {
  margin-left: 14.5rem !important;
}

.mr14 {
  margin-right: 14rem;
}

.mr14--force {
  margin-right: 14rem !important;
}

.mr14_5 {
  margin-right: 14.5rem;
}

.mr14_5--force {
  margin-right: 14.5rem !important;
}

.m15 {
  margin: 15rem;
}

.m15--force {
  margin: 15rem !important;
}

.m15_5 {
  margin: 15.5rem;
}

.m15_5--force {
  margin: 15.5rem !important;
}

.mx15 {
  margin-left: 15rem;
  margin-right: 15rem;
}

.mx15--force {
  margin-left: 15rem !important;
  margin-right: 15rem !important;
}

.mx15_5 {
  margin-left: 15.5rem;
  margin-right: 15.5rem;
}

.mx15_5 {
  margin-left: 15.5rem !important;
  margin-right: 15.5rem !important;
}

.my15 {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.my15--force {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}

.my15_5 {
  margin-top: 15.5rem;
  margin-bottom: 15.5rem;
}

.my15_5 {
  margin-top: 15.5rem !important;
  margin-bottom: 15.5rem !important;
}

.mt15 {
  margin-top: 15rem;
}

.mt15--force {
  margin-top: 15rem !important;
}

.mt15_5 {
  margin-top: 15.5rem;
}

.mt15_5--force {
  margin-top: 15.5rem !important;
}

.mb15 {
  margin-bottom: 15rem;
}

.mb15--force {
  margin-bottom: 15rem !important;
}

.mb15_5 {
  margin-bottom: 15.5rem;
}

.mb15_5--force {
  margin-bottom: 15.5rem !important;
}

.ml15 {
  margin-left: 15rem;
}

.ml15--force {
  margin-left: 15rem !important;
}

.ml15_5 {
  margin-left: 15.5rem;
}

.ml15_5--force {
  margin-left: 15.5rem !important;
}

.mr15 {
  margin-right: 15rem;
}

.mr15--force {
  margin-right: 15rem !important;
}

.mr15_5 {
  margin-right: 15.5rem;
}

.mr15_5--force {
  margin-right: 15.5rem !important;
}

@media only screen and (max-width: 768px) {
  .m\@m0 {
    margin: 0rem !important;
  }

  .m\@m0--force {
    margin: 0rem !important;
  }

  .m\@m0_5 {
    margin: 0.5rem !important;
  }

  .m\@m0_5--force {
    margin: 0.5rem !important;
  }

  .m\@mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }

  .m\@mx0--force {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .m\@mx0_5 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .m\@mx0_5--force {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .m\@my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .m\@my0--force {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }

  .m\@my0_5 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .m\@my0_5--force {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .m\@mt0 {
    margin-top: 0rem !important;
  }

  .m\@mt0--force {
    margin-top: 0rem !important;
  }

  .m\@mt0_5 {
    margin-top: 0.5rem !important;
  }

  .m\@mt0_5--force {
    margin-top: 0.5rem !important;
  }

  .m\@mb0 {
    margin-bottom: 0rem !important;
  }

  .m\@mb0--force {
    margin-bottom: 0rem !important;
  }

  .m\@mb0_5 {
    margin-bottom: 0.5rem !important;
  }

  .m\@mb0_5--force {
    margin-bottom: 0.5rem !important;
  }

  .m\@ml0 {
    margin-left: 0rem !important;
  }

  .m\@ml0--force {
    margin-left: 0rem !important;
  }

  .m\@ml0_5 {
    margin-left: 0.5rem !important;
  }

  .m\@ml0_5--force {
    margin-left: 0.5rem !important;
  }

  .m\@mr0 {
    margin-right: 0rem !important;
  }

  .m\@mr0--force {
    margin-right: 0rem !important;
  }

  .m\@mr0_5 {
    margin-right: 0.5rem !important;
  }

  .m\@mr0_5--force {
    margin-right: 0.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m1 {
    margin: 1rem !important;
  }

  .m\@m1--force {
    margin: 1rem !important;
  }

  .m\@m1_5 {
    margin: 1.5rem !important;
  }

  .m\@m1_5--force {
    margin: 1.5rem !important;
  }

  .m\@mx1 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .m\@mx1--force {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .m\@mx1_5 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .m\@mx1_5--force {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .m\@my1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .m\@my1--force {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .m\@my1_5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .m\@my1_5--force {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .m\@mt1 {
    margin-top: 1rem !important;
  }

  .m\@mt1--force {
    margin-top: 1rem !important;
  }

  .m\@mt1_5 {
    margin-top: 1.5rem !important;
  }

  .m\@mt1_5--force {
    margin-top: 1.5rem !important;
  }

  .m\@mb1 {
    margin-bottom: 1rem !important;
  }

  .m\@mb1--force {
    margin-bottom: 1rem !important;
  }

  .m\@mb1_5 {
    margin-bottom: 1.5rem !important;
  }

  .m\@mb1_5--force {
    margin-bottom: 1.5rem !important;
  }

  .m\@ml1 {
    margin-left: 1rem !important;
  }

  .m\@ml1--force {
    margin-left: 1rem !important;
  }

  .m\@ml1_5 {
    margin-left: 1.5rem !important;
  }

  .m\@ml1_5--force {
    margin-left: 1.5rem !important;
  }

  .m\@mr1 {
    margin-right: 1rem !important;
  }

  .m\@mr1--force {
    margin-right: 1rem !important;
  }

  .m\@mr1_5 {
    margin-right: 1.5rem !important;
  }

  .m\@mr1_5--force {
    margin-right: 1.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m2 {
    margin: 2rem !important;
  }

  .m\@m2--force {
    margin: 2rem !important;
  }

  .m\@m2_5 {
    margin: 2.5rem !important;
  }

  .m\@m2_5--force {
    margin: 2.5rem !important;
  }

  .m\@mx2 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .m\@mx2--force {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .m\@mx2_5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .m\@mx2_5--force {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .m\@my2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .m\@my2--force {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .m\@my2_5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .m\@my2_5--force {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .m\@mt2 {
    margin-top: 2rem !important;
  }

  .m\@mt2--force {
    margin-top: 2rem !important;
  }

  .m\@mt2_5 {
    margin-top: 2.5rem !important;
  }

  .m\@mt2_5--force {
    margin-top: 2.5rem !important;
  }

  .m\@mb2 {
    margin-bottom: 2rem !important;
  }

  .m\@mb2--force {
    margin-bottom: 2rem !important;
  }

  .m\@mb2_5 {
    margin-bottom: 2.5rem !important;
  }

  .m\@mb2_5--force {
    margin-bottom: 2.5rem !important;
  }

  .m\@ml2 {
    margin-left: 2rem !important;
  }

  .m\@ml2--force {
    margin-left: 2rem !important;
  }

  .m\@ml2_5 {
    margin-left: 2.5rem !important;
  }

  .m\@ml2_5--force {
    margin-left: 2.5rem !important;
  }

  .m\@mr2 {
    margin-right: 2rem !important;
  }

  .m\@mr2--force {
    margin-right: 2rem !important;
  }

  .m\@mr2_5 {
    margin-right: 2.5rem !important;
  }

  .m\@mr2_5--force {
    margin-right: 2.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m3 {
    margin: 3rem !important;
  }

  .m\@m3--force {
    margin: 3rem !important;
  }

  .m\@m3_5 {
    margin: 3.5rem !important;
  }

  .m\@m3_5--force {
    margin: 3.5rem !important;
  }

  .m\@mx3 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .m\@mx3--force {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .m\@mx3_5 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  .m\@mx3_5--force {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }

  .m\@my3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .m\@my3--force {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .m\@my3_5 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  .m\@my3_5--force {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }

  .m\@mt3 {
    margin-top: 3rem !important;
  }

  .m\@mt3--force {
    margin-top: 3rem !important;
  }

  .m\@mt3_5 {
    margin-top: 3.5rem !important;
  }

  .m\@mt3_5--force {
    margin-top: 3.5rem !important;
  }

  .m\@mb3 {
    margin-bottom: 3rem !important;
  }

  .m\@mb3--force {
    margin-bottom: 3rem !important;
  }

  .m\@mb3_5 {
    margin-bottom: 3.5rem !important;
  }

  .m\@mb3_5--force {
    margin-bottom: 3.5rem !important;
  }

  .m\@ml3 {
    margin-left: 3rem !important;
  }

  .m\@ml3--force {
    margin-left: 3rem !important;
  }

  .m\@ml3_5 {
    margin-left: 3.5rem !important;
  }

  .m\@ml3_5--force {
    margin-left: 3.5rem !important;
  }

  .m\@mr3 {
    margin-right: 3rem !important;
  }

  .m\@mr3--force {
    margin-right: 3rem !important;
  }

  .m\@mr3_5 {
    margin-right: 3.5rem !important;
  }

  .m\@mr3_5--force {
    margin-right: 3.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m4 {
    margin: 4rem !important;
  }

  .m\@m4--force {
    margin: 4rem !important;
  }

  .m\@m4_5 {
    margin: 4.5rem !important;
  }

  .m\@m4_5--force {
    margin: 4.5rem !important;
  }

  .m\@mx4 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .m\@mx4--force {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .m\@mx4_5 {
    margin-left: 4.5rem;
    margin-right: 4.5rem;
  }

  .m\@mx4_5--force {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }

  .m\@my4 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .m\@my4--force {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .m\@my4_5 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem;
  }

  .m\@my4_5--force {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }

  .m\@mt4 {
    margin-top: 4rem !important;
  }

  .m\@mt4--force {
    margin-top: 4rem !important;
  }

  .m\@mt4_5 {
    margin-top: 4.5rem !important;
  }

  .m\@mt4_5--force {
    margin-top: 4.5rem !important;
  }

  .m\@mb4 {
    margin-bottom: 4rem !important;
  }

  .m\@mb4--force {
    margin-bottom: 4rem !important;
  }

  .m\@mb4_5 {
    margin-bottom: 4.5rem !important;
  }

  .m\@mb4_5--force {
    margin-bottom: 4.5rem !important;
  }

  .m\@ml4 {
    margin-left: 4rem !important;
  }

  .m\@ml4--force {
    margin-left: 4rem !important;
  }

  .m\@ml4_5 {
    margin-left: 4.5rem !important;
  }

  .m\@ml4_5--force {
    margin-left: 4.5rem !important;
  }

  .m\@mr4 {
    margin-right: 4rem !important;
  }

  .m\@mr4--force {
    margin-right: 4rem !important;
  }

  .m\@mr4_5 {
    margin-right: 4.5rem !important;
  }

  .m\@mr4_5--force {
    margin-right: 4.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m5 {
    margin: 5rem !important;
  }

  .m\@m5--force {
    margin: 5rem !important;
  }

  .m\@m5_5 {
    margin: 5.5rem !important;
  }

  .m\@m5_5--force {
    margin: 5.5rem !important;
  }

  .m\@mx5 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .m\@mx5--force {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .m\@mx5_5 {
    margin-left: 5.5rem;
    margin-right: 5.5rem;
  }

  .m\@mx5_5--force {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }

  .m\@my5 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .m\@my5--force {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .m\@my5_5 {
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
  }

  .m\@my5_5--force {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }

  .m\@mt5 {
    margin-top: 5rem !important;
  }

  .m\@mt5--force {
    margin-top: 5rem !important;
  }

  .m\@mt5_5 {
    margin-top: 5.5rem !important;
  }

  .m\@mt5_5--force {
    margin-top: 5.5rem !important;
  }

  .m\@mb5 {
    margin-bottom: 5rem !important;
  }

  .m\@mb5--force {
    margin-bottom: 5rem !important;
  }

  .m\@mb5_5 {
    margin-bottom: 5.5rem !important;
  }

  .m\@mb5_5--force {
    margin-bottom: 5.5rem !important;
  }

  .m\@ml5 {
    margin-left: 5rem !important;
  }

  .m\@ml5--force {
    margin-left: 5rem !important;
  }

  .m\@ml5_5 {
    margin-left: 5.5rem !important;
  }

  .m\@ml5_5--force {
    margin-left: 5.5rem !important;
  }

  .m\@mr5 {
    margin-right: 5rem !important;
  }

  .m\@mr5--force {
    margin-right: 5rem !important;
  }

  .m\@mr5_5 {
    margin-right: 5.5rem !important;
  }

  .m\@mr5_5--force {
    margin-right: 5.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m6 {
    margin: 6rem !important;
  }

  .m\@m6--force {
    margin: 6rem !important;
  }

  .m\@m6_5 {
    margin: 6.5rem !important;
  }

  .m\@m6_5--force {
    margin: 6.5rem !important;
  }

  .m\@mx6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .m\@mx6--force {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .m\@mx6_5 {
    margin-left: 6.5rem;
    margin-right: 6.5rem;
  }

  .m\@mx6_5--force {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }

  .m\@my6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .m\@my6--force {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .m\@my6_5 {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
  }

  .m\@my6_5--force {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }

  .m\@mt6 {
    margin-top: 6rem !important;
  }

  .m\@mt6--force {
    margin-top: 6rem !important;
  }

  .m\@mt6_5 {
    margin-top: 6.5rem !important;
  }

  .m\@mt6_5--force {
    margin-top: 6.5rem !important;
  }

  .m\@mb6 {
    margin-bottom: 6rem !important;
  }

  .m\@mb6--force {
    margin-bottom: 6rem !important;
  }

  .m\@mb6_5 {
    margin-bottom: 6.5rem !important;
  }

  .m\@mb6_5--force {
    margin-bottom: 6.5rem !important;
  }

  .m\@ml6 {
    margin-left: 6rem !important;
  }

  .m\@ml6--force {
    margin-left: 6rem !important;
  }

  .m\@ml6_5 {
    margin-left: 6.5rem !important;
  }

  .m\@ml6_5--force {
    margin-left: 6.5rem !important;
  }

  .m\@mr6 {
    margin-right: 6rem !important;
  }

  .m\@mr6--force {
    margin-right: 6rem !important;
  }

  .m\@mr6_5 {
    margin-right: 6.5rem !important;
  }

  .m\@mr6_5--force {
    margin-right: 6.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m7 {
    margin: 7rem !important;
  }

  .m\@m7--force {
    margin: 7rem !important;
  }

  .m\@m7_5 {
    margin: 7.5rem !important;
  }

  .m\@m7_5--force {
    margin: 7.5rem !important;
  }

  .m\@mx7 {
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .m\@mx7--force {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .m\@mx7_5 {
    margin-left: 7.5rem;
    margin-right: 7.5rem;
  }

  .m\@mx7_5--force {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }

  .m\@my7 {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

  .m\@my7--force {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .m\@my7_5 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }

  .m\@my7_5--force {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }

  .m\@mt7 {
    margin-top: 7rem !important;
  }

  .m\@mt7--force {
    margin-top: 7rem !important;
  }

  .m\@mt7_5 {
    margin-top: 7.5rem !important;
  }

  .m\@mt7_5--force {
    margin-top: 7.5rem !important;
  }

  .m\@mb7 {
    margin-bottom: 7rem !important;
  }

  .m\@mb7--force {
    margin-bottom: 7rem !important;
  }

  .m\@mb7_5 {
    margin-bottom: 7.5rem !important;
  }

  .m\@mb7_5--force {
    margin-bottom: 7.5rem !important;
  }

  .m\@ml7 {
    margin-left: 7rem !important;
  }

  .m\@ml7--force {
    margin-left: 7rem !important;
  }

  .m\@ml7_5 {
    margin-left: 7.5rem !important;
  }

  .m\@ml7_5--force {
    margin-left: 7.5rem !important;
  }

  .m\@mr7 {
    margin-right: 7rem !important;
  }

  .m\@mr7--force {
    margin-right: 7rem !important;
  }

  .m\@mr7_5 {
    margin-right: 7.5rem !important;
  }

  .m\@mr7_5--force {
    margin-right: 7.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m8 {
    margin: 8rem !important;
  }

  .m\@m8--force {
    margin: 8rem !important;
  }

  .m\@m8_5 {
    margin: 8.5rem !important;
  }

  .m\@m8_5--force {
    margin: 8.5rem !important;
  }

  .m\@mx8 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .m\@mx8--force {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .m\@mx8_5 {
    margin-left: 8.5rem;
    margin-right: 8.5rem;
  }

  .m\@mx8_5--force {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }

  .m\@my8 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .m\@my8--force {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .m\@my8_5 {
    margin-top: 8.5rem;
    margin-bottom: 8.5rem;
  }

  .m\@my8_5--force {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }

  .m\@mt8 {
    margin-top: 8rem !important;
  }

  .m\@mt8--force {
    margin-top: 8rem !important;
  }

  .m\@mt8_5 {
    margin-top: 8.5rem !important;
  }

  .m\@mt8_5--force {
    margin-top: 8.5rem !important;
  }

  .m\@mb8 {
    margin-bottom: 8rem !important;
  }

  .m\@mb8--force {
    margin-bottom: 8rem !important;
  }

  .m\@mb8_5 {
    margin-bottom: 8.5rem !important;
  }

  .m\@mb8_5--force {
    margin-bottom: 8.5rem !important;
  }

  .m\@ml8 {
    margin-left: 8rem !important;
  }

  .m\@ml8--force {
    margin-left: 8rem !important;
  }

  .m\@ml8_5 {
    margin-left: 8.5rem !important;
  }

  .m\@ml8_5--force {
    margin-left: 8.5rem !important;
  }

  .m\@mr8 {
    margin-right: 8rem !important;
  }

  .m\@mr8--force {
    margin-right: 8rem !important;
  }

  .m\@mr8_5 {
    margin-right: 8.5rem !important;
  }

  .m\@mr8_5--force {
    margin-right: 8.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m9 {
    margin: 9rem !important;
  }

  .m\@m9--force {
    margin: 9rem !important;
  }

  .m\@m9_5 {
    margin: 9.5rem !important;
  }

  .m\@m9_5--force {
    margin: 9.5rem !important;
  }

  .m\@mx9 {
    margin-left: 9rem;
    margin-right: 9rem;
  }

  .m\@mx9--force {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }

  .m\@mx9_5 {
    margin-left: 9.5rem;
    margin-right: 9.5rem;
  }

  .m\@mx9_5--force {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }

  .m\@my9 {
    margin-top: 9rem;
    margin-bottom: 9rem;
  }

  .m\@my9--force {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .m\@my9_5 {
    margin-top: 9.5rem;
    margin-bottom: 9.5rem;
  }

  .m\@my9_5--force {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }

  .m\@mt9 {
    margin-top: 9rem !important;
  }

  .m\@mt9--force {
    margin-top: 9rem !important;
  }

  .m\@mt9_5 {
    margin-top: 9.5rem !important;
  }

  .m\@mt9_5--force {
    margin-top: 9.5rem !important;
  }

  .m\@mb9 {
    margin-bottom: 9rem !important;
  }

  .m\@mb9--force {
    margin-bottom: 9rem !important;
  }

  .m\@mb9_5 {
    margin-bottom: 9.5rem !important;
  }

  .m\@mb9_5--force {
    margin-bottom: 9.5rem !important;
  }

  .m\@ml9 {
    margin-left: 9rem !important;
  }

  .m\@ml9--force {
    margin-left: 9rem !important;
  }

  .m\@ml9_5 {
    margin-left: 9.5rem !important;
  }

  .m\@ml9_5--force {
    margin-left: 9.5rem !important;
  }

  .m\@mr9 {
    margin-right: 9rem !important;
  }

  .m\@mr9--force {
    margin-right: 9rem !important;
  }

  .m\@mr9_5 {
    margin-right: 9.5rem !important;
  }

  .m\@mr9_5--force {
    margin-right: 9.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m10 {
    margin: 10rem !important;
  }

  .m\@m10--force {
    margin: 10rem !important;
  }

  .m\@m10_5 {
    margin: 10.5rem !important;
  }

  .m\@m10_5--force {
    margin: 10.5rem !important;
  }

  .m\@mx10 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .m\@mx10--force {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .m\@mx10_5 {
    margin-left: 10.5rem;
    margin-right: 10.5rem;
  }

  .m\@mx10_5--force {
    margin-left: 10.5rem !important;
    margin-right: 10.5rem !important;
  }

  .m\@my10 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .m\@my10--force {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .m\@my10_5 {
    margin-top: 10.5rem;
    margin-bottom: 10.5rem;
  }

  .m\@my10_5--force {
    margin-top: 10.5rem !important;
    margin-bottom: 10.5rem !important;
  }

  .m\@mt10 {
    margin-top: 10rem !important;
  }

  .m\@mt10--force {
    margin-top: 10rem !important;
  }

  .m\@mt10_5 {
    margin-top: 10.5rem !important;
  }

  .m\@mt10_5--force {
    margin-top: 10.5rem !important;
  }

  .m\@mb10 {
    margin-bottom: 10rem !important;
  }

  .m\@mb10--force {
    margin-bottom: 10rem !important;
  }

  .m\@mb10_5 {
    margin-bottom: 10.5rem !important;
  }

  .m\@mb10_5--force {
    margin-bottom: 10.5rem !important;
  }

  .m\@ml10 {
    margin-left: 10rem !important;
  }

  .m\@ml10--force {
    margin-left: 10rem !important;
  }

  .m\@ml10_5 {
    margin-left: 10.5rem !important;
  }

  .m\@ml10_5--force {
    margin-left: 10.5rem !important;
  }

  .m\@mr10 {
    margin-right: 10rem !important;
  }

  .m\@mr10--force {
    margin-right: 10rem !important;
  }

  .m\@mr10_5 {
    margin-right: 10.5rem !important;
  }

  .m\@mr10_5--force {
    margin-right: 10.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m11 {
    margin: 11rem !important;
  }

  .m\@m11--force {
    margin: 11rem !important;
  }

  .m\@m11_5 {
    margin: 11.5rem !important;
  }

  .m\@m11_5--force {
    margin: 11.5rem !important;
  }

  .m\@mx11 {
    margin-left: 11rem;
    margin-right: 11rem;
  }

  .m\@mx11--force {
    margin-left: 11rem !important;
    margin-right: 11rem !important;
  }

  .m\@mx11_5 {
    margin-left: 11.5rem;
    margin-right: 11.5rem;
  }

  .m\@mx11_5--force {
    margin-left: 11.5rem !important;
    margin-right: 11.5rem !important;
  }

  .m\@my11 {
    margin-top: 11rem;
    margin-bottom: 11rem;
  }

  .m\@my11--force {
    margin-top: 11rem !important;
    margin-bottom: 11rem !important;
  }

  .m\@my11_5 {
    margin-top: 11.5rem;
    margin-bottom: 11.5rem;
  }

  .m\@my11_5--force {
    margin-top: 11.5rem !important;
    margin-bottom: 11.5rem !important;
  }

  .m\@mt11 {
    margin-top: 11rem !important;
  }

  .m\@mt11--force {
    margin-top: 11rem !important;
  }

  .m\@mt11_5 {
    margin-top: 11.5rem !important;
  }

  .m\@mt11_5--force {
    margin-top: 11.5rem !important;
  }

  .m\@mb11 {
    margin-bottom: 11rem !important;
  }

  .m\@mb11--force {
    margin-bottom: 11rem !important;
  }

  .m\@mb11_5 {
    margin-bottom: 11.5rem !important;
  }

  .m\@mb11_5--force {
    margin-bottom: 11.5rem !important;
  }

  .m\@ml11 {
    margin-left: 11rem !important;
  }

  .m\@ml11--force {
    margin-left: 11rem !important;
  }

  .m\@ml11_5 {
    margin-left: 11.5rem !important;
  }

  .m\@ml11_5--force {
    margin-left: 11.5rem !important;
  }

  .m\@mr11 {
    margin-right: 11rem !important;
  }

  .m\@mr11--force {
    margin-right: 11rem !important;
  }

  .m\@mr11_5 {
    margin-right: 11.5rem !important;
  }

  .m\@mr11_5--force {
    margin-right: 11.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@m12 {
    margin: 12rem !important;
  }

  .m\@m12--force {
    margin: 12rem !important;
  }

  .m\@m12_5 {
    margin: 12.5rem !important;
  }

  .m\@m12_5--force {
    margin: 12.5rem !important;
  }

  .m\@mx12 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .m\@mx12--force {
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .m\@mx12_5 {
    margin-left: 12.5rem;
    margin-right: 12.5rem;
  }

  .m\@mx12_5--force {
    margin-left: 12.5rem !important;
    margin-right: 12.5rem !important;
  }

  .m\@my12 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .m\@my12--force {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .m\@my12_5 {
    margin-top: 12.5rem;
    margin-bottom: 12.5rem;
  }

  .m\@my12_5--force {
    margin-top: 12.5rem !important;
    margin-bottom: 12.5rem !important;
  }

  .m\@mt12 {
    margin-top: 12rem !important;
  }

  .m\@mt12--force {
    margin-top: 12rem !important;
  }

  .m\@mt12_5 {
    margin-top: 12.5rem !important;
  }

  .m\@mt12_5--force {
    margin-top: 12.5rem !important;
  }

  .m\@mb12 {
    margin-bottom: 12rem !important;
  }

  .m\@mb12--force {
    margin-bottom: 12rem !important;
  }

  .m\@mb12_5 {
    margin-bottom: 12.5rem !important;
  }

  .m\@mb12_5--force {
    margin-bottom: 12.5rem !important;
  }

  .m\@ml12 {
    margin-left: 12rem !important;
  }

  .m\@ml12--force {
    margin-left: 12rem !important;
  }

  .m\@ml12_5 {
    margin-left: 12.5rem !important;
  }

  .m\@ml12_5--force {
    margin-left: 12.5rem !important;
  }

  .m\@mr12 {
    margin-right: 12rem !important;
  }

  .m\@mr12--force {
    margin-right: 12rem !important;
  }

  .m\@mr12_5 {
    margin-right: 12.5rem !important;
  }

  .m\@mr12_5--force {
    margin-right: 12.5rem !important;
  }
}
.ml-0_5 {
  margin-left: -0.5rem;
}

.ml9_1 {
  margin-left: 9.1rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.p0 {
  padding: 0rem !important;
}

.p0--force {
  padding: 0rem !important;
}

.p0_5 {
  padding: 0.5rem !important;
}

.p0_5--force {
  padding: 0.5rem !important;
}

.px0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.px0--force {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px0_5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px0_5--force {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.py0--force {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py0_5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py0_5--force {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt0 {
  padding-top: 0rem !important;
}

.pt0--force {
  padding-top: 0rem !important;
}

.pt0_5 {
  padding-top: 0.5rem !important;
}

.pt0_5--force {
  padding-top: 0.5rem !important;
}

.pb0 {
  padding-bottom: 0rem !important;
}

.pb0--force {
  padding-bottom: 0rem !important;
}

.pb0_5 {
  padding-bottom: 0.5rem !important;
}

.pb0_5--force {
  padding-bottom: 0.5rem !important;
}

.pl0 {
  padding-left: 0rem !important;
}

.pl0--force {
  padding-left: 0rem !important;
}

.pl0_5 {
  padding-left: 0.5rem !important;
}

.pl0_5--force {
  padding-left: 0.5rem !important;
}

.pr0 {
  padding-right: 0rem !important;
}

.pr0--force {
  padding-right: 0rem !important;
}

.pr0_5 {
  padding-right: 0.5rem !important;
}

.pr0_5--force {
  padding-right: 0.5rem !important;
}

.p1 {
  padding: 1rem !important;
}

.p1--force {
  padding: 1rem !important;
}

.p1_5 {
  padding: 1.5rem !important;
}

.p1_5--force {
  padding: 1.5rem !important;
}

.px1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px1--force {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px1_5 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px1_5--force {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py1--force {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py1_5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py1_5--force {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt1 {
  padding-top: 1rem !important;
}

.pt1--force {
  padding-top: 1rem !important;
}

.pt1_5 {
  padding-top: 1.5rem !important;
}

.pt1_5--force {
  padding-top: 1.5rem !important;
}

.pb1 {
  padding-bottom: 1rem !important;
}

.pb1--force {
  padding-bottom: 1rem !important;
}

.pb1_5 {
  padding-bottom: 1.5rem !important;
}

.pb1_5--force {
  padding-bottom: 1.5rem !important;
}

.pl1 {
  padding-left: 1rem !important;
}

.pl1--force {
  padding-left: 1rem !important;
}

.pl1_5 {
  padding-left: 1.5rem !important;
}

.pl1_5--force {
  padding-left: 1.5rem !important;
}

.pr1 {
  padding-right: 1rem !important;
}

.pr1--force {
  padding-right: 1rem !important;
}

.pr1_5 {
  padding-right: 1.5rem !important;
}

.pr1_5--force {
  padding-right: 1.5rem !important;
}

.p2 {
  padding: 2rem !important;
}

.p2--force {
  padding: 2rem !important;
}

.p2_5 {
  padding: 2.5rem !important;
}

.p2_5--force {
  padding: 2.5rem !important;
}

.px2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px2--force {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px2_5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px2_5--force {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py2--force {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py2_5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py2_5--force {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.pt2 {
  padding-top: 2rem !important;
}

.pt2--force {
  padding-top: 2rem !important;
}

.pt2_5 {
  padding-top: 2.5rem !important;
}

.pt2_5--force {
  padding-top: 2.5rem !important;
}

.pb2 {
  padding-bottom: 2rem !important;
}

.pb2--force {
  padding-bottom: 2rem !important;
}

.pb2_5 {
  padding-bottom: 2.5rem !important;
}

.pb2_5--force {
  padding-bottom: 2.5rem !important;
}

.pl2 {
  padding-left: 2rem !important;
}

.pl2--force {
  padding-left: 2rem !important;
}

.pl2_5 {
  padding-left: 2.5rem !important;
}

.pl2_5--force {
  padding-left: 2.5rem !important;
}

.pr2 {
  padding-right: 2rem !important;
}

.pr2--force {
  padding-right: 2rem !important;
}

.pr2_5 {
  padding-right: 2.5rem !important;
}

.pr2_5--force {
  padding-right: 2.5rem !important;
}

.p3 {
  padding: 3rem !important;
}

.p3--force {
  padding: 3rem !important;
}

.p3_5 {
  padding: 3.5rem !important;
}

.p3_5--force {
  padding: 3.5rem !important;
}

.px3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px3--force {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px3_5 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px3_5--force {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.py3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py3--force {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py3_5 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py3_5--force {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.pt3 {
  padding-top: 3rem !important;
}

.pt3--force {
  padding-top: 3rem !important;
}

.pt3_5 {
  padding-top: 3.5rem !important;
}

.pt3_5--force {
  padding-top: 3.5rem !important;
}

.pb3 {
  padding-bottom: 3rem !important;
}

.pb3--force {
  padding-bottom: 3rem !important;
}

.pb3_5 {
  padding-bottom: 3.5rem !important;
}

.pb3_5--force {
  padding-bottom: 3.5rem !important;
}

.pl3 {
  padding-left: 3rem !important;
}

.pl3--force {
  padding-left: 3rem !important;
}

.pl3_5 {
  padding-left: 3.5rem !important;
}

.pl3_5--force {
  padding-left: 3.5rem !important;
}

.pr3 {
  padding-right: 3rem !important;
}

.pr3--force {
  padding-right: 3rem !important;
}

.pr3_5 {
  padding-right: 3.5rem !important;
}

.pr3_5--force {
  padding-right: 3.5rem !important;
}

.p4 {
  padding: 4rem !important;
}

.p4--force {
  padding: 4rem !important;
}

.p4_5 {
  padding: 4.5rem !important;
}

.p4_5--force {
  padding: 4.5rem !important;
}

.px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px4--force {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px4_5 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.px4_5--force {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py4--force {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py4_5 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.py4_5--force {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.pt4 {
  padding-top: 4rem !important;
}

.pt4--force {
  padding-top: 4rem !important;
}

.pt4_5 {
  padding-top: 4.5rem !important;
}

.pt4_5--force {
  padding-top: 4.5rem !important;
}

.pb4 {
  padding-bottom: 4rem !important;
}

.pb4--force {
  padding-bottom: 4rem !important;
}

.pb4_5 {
  padding-bottom: 4.5rem !important;
}

.pb4_5--force {
  padding-bottom: 4.5rem !important;
}

.pl4 {
  padding-left: 4rem !important;
}

.pl4--force {
  padding-left: 4rem !important;
}

.pl4_5 {
  padding-left: 4.5rem !important;
}

.pl4_5--force {
  padding-left: 4.5rem !important;
}

.pr4 {
  padding-right: 4rem !important;
}

.pr4--force {
  padding-right: 4rem !important;
}

.pr4_5 {
  padding-right: 4.5rem !important;
}

.pr4_5--force {
  padding-right: 4.5rem !important;
}

.p5 {
  padding: 5rem !important;
}

.p5--force {
  padding: 5rem !important;
}

.p5_5 {
  padding: 5.5rem !important;
}

.p5_5--force {
  padding: 5.5rem !important;
}

.px5 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px5--force {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.px5_5 {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}

.px5_5--force {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.py5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py5--force {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py5_5 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.py5_5--force {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.pt5 {
  padding-top: 5rem !important;
}

.pt5--force {
  padding-top: 5rem !important;
}

.pt5_5 {
  padding-top: 5.5rem !important;
}

.pt5_5--force {
  padding-top: 5.5rem !important;
}

.pb5 {
  padding-bottom: 5rem !important;
}

.pb5--force {
  padding-bottom: 5rem !important;
}

.pb5_5 {
  padding-bottom: 5.5rem !important;
}

.pb5_5--force {
  padding-bottom: 5.5rem !important;
}

.pl5 {
  padding-left: 5rem !important;
}

.pl5--force {
  padding-left: 5rem !important;
}

.pl5_5 {
  padding-left: 5.5rem !important;
}

.pl5_5--force {
  padding-left: 5.5rem !important;
}

.pr5 {
  padding-right: 5rem !important;
}

.pr5--force {
  padding-right: 5rem !important;
}

.pr5_5 {
  padding-right: 5.5rem !important;
}

.pr5_5--force {
  padding-right: 5.5rem !important;
}

.p6 {
  padding: 6rem !important;
}

.p6--force {
  padding: 6rem !important;
}

.p6_5 {
  padding: 6.5rem !important;
}

.p6_5--force {
  padding: 6.5rem !important;
}

.px6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.px6--force {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px6_5 {
  padding-left: 6.5rem;
  padding-right: 6.5rem;
}

.px6_5--force {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.py6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py6--force {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py6_5 {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.py6_5--force {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.pt6 {
  padding-top: 6rem !important;
}

.pt6--force {
  padding-top: 6rem !important;
}

.pt6_5 {
  padding-top: 6.5rem !important;
}

.pt6_5--force {
  padding-top: 6.5rem !important;
}

.pb6 {
  padding-bottom: 6rem !important;
}

.pb6--force {
  padding-bottom: 6rem !important;
}

.pb6_5 {
  padding-bottom: 6.5rem !important;
}

.pb6_5--force {
  padding-bottom: 6.5rem !important;
}

.pl6 {
  padding-left: 6rem !important;
}

.pl6--force {
  padding-left: 6rem !important;
}

.pl6_5 {
  padding-left: 6.5rem !important;
}

.pl6_5--force {
  padding-left: 6.5rem !important;
}

.pr6 {
  padding-right: 6rem !important;
}

.pr6--force {
  padding-right: 6rem !important;
}

.pr6_5 {
  padding-right: 6.5rem !important;
}

.pr6_5--force {
  padding-right: 6.5rem !important;
}

.p7 {
  padding: 7rem !important;
}

.p7--force {
  padding: 7rem !important;
}

.p7_5 {
  padding: 7.5rem !important;
}

.p7_5--force {
  padding: 7.5rem !important;
}

.px7 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.px7--force {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.px7_5 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.px7_5--force {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.py7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.py7--force {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py7_5 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.py7_5--force {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.pt7 {
  padding-top: 7rem !important;
}

.pt7--force {
  padding-top: 7rem !important;
}

.pt7_5 {
  padding-top: 7.5rem !important;
}

.pt7_5--force {
  padding-top: 7.5rem !important;
}

.pb7 {
  padding-bottom: 7rem !important;
}

.pb7--force {
  padding-bottom: 7rem !important;
}

.pb7_5 {
  padding-bottom: 7.5rem !important;
}

.pb7_5--force {
  padding-bottom: 7.5rem !important;
}

.pl7 {
  padding-left: 7rem !important;
}

.pl7--force {
  padding-left: 7rem !important;
}

.pl7_5 {
  padding-left: 7.5rem !important;
}

.pl7_5--force {
  padding-left: 7.5rem !important;
}

.pr7 {
  padding-right: 7rem !important;
}

.pr7--force {
  padding-right: 7rem !important;
}

.pr7_5 {
  padding-right: 7.5rem !important;
}

.pr7_5--force {
  padding-right: 7.5rem !important;
}

.p8 {
  padding: 8rem !important;
}

.p8--force {
  padding: 8rem !important;
}

.p8_5 {
  padding: 8.5rem !important;
}

.p8_5--force {
  padding: 8.5rem !important;
}

.px8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.px8--force {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.px8_5 {
  padding-left: 8.5rem;
  padding-right: 8.5rem;
}

.px8_5--force {
  padding-left: 8.5rem !important;
  padding-right: 8.5rem !important;
}

.py8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py8--force {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py8_5 {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}

.py8_5--force {
  padding-top: 8.5rem !important;
  padding-bottom: 8.5rem !important;
}

.pt8 {
  padding-top: 8rem !important;
}

.pt8--force {
  padding-top: 8rem !important;
}

.pt8_5 {
  padding-top: 8.5rem !important;
}

.pt8_5--force {
  padding-top: 8.5rem !important;
}

.pb8 {
  padding-bottom: 8rem !important;
}

.pb8--force {
  padding-bottom: 8rem !important;
}

.pb8_5 {
  padding-bottom: 8.5rem !important;
}

.pb8_5--force {
  padding-bottom: 8.5rem !important;
}

.pl8 {
  padding-left: 8rem !important;
}

.pl8--force {
  padding-left: 8rem !important;
}

.pl8_5 {
  padding-left: 8.5rem !important;
}

.pl8_5--force {
  padding-left: 8.5rem !important;
}

.pr8 {
  padding-right: 8rem !important;
}

.pr8--force {
  padding-right: 8rem !important;
}

.pr8_5 {
  padding-right: 8.5rem !important;
}

.pr8_5--force {
  padding-right: 8.5rem !important;
}

.p9 {
  padding: 9rem !important;
}

.p9--force {
  padding: 9rem !important;
}

.p9_5 {
  padding: 9.5rem !important;
}

.p9_5--force {
  padding: 9.5rem !important;
}

.px9 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.px9--force {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.px9_5 {
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}

.px9_5--force {
  padding-left: 9.5rem !important;
  padding-right: 9.5rem !important;
}

.py9 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.py9--force {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.py9_5 {
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}

.py9_5--force {
  padding-top: 9.5rem !important;
  padding-bottom: 9.5rem !important;
}

.pt9 {
  padding-top: 9rem !important;
}

.pt9--force {
  padding-top: 9rem !important;
}

.pt9_5 {
  padding-top: 9.5rem !important;
}

.pt9_5--force {
  padding-top: 9.5rem !important;
}

.pb9 {
  padding-bottom: 9rem !important;
}

.pb9--force {
  padding-bottom: 9rem !important;
}

.pb9_5 {
  padding-bottom: 9.5rem !important;
}

.pb9_5--force {
  padding-bottom: 9.5rem !important;
}

.pl9 {
  padding-left: 9rem !important;
}

.pl9--force {
  padding-left: 9rem !important;
}

.pl9_5 {
  padding-left: 9.5rem !important;
}

.pl9_5--force {
  padding-left: 9.5rem !important;
}

.pr9 {
  padding-right: 9rem !important;
}

.pr9--force {
  padding-right: 9rem !important;
}

.pr9_5 {
  padding-right: 9.5rem !important;
}

.pr9_5--force {
  padding-right: 9.5rem !important;
}

.p10 {
  padding: 10rem !important;
}

.p10--force {
  padding: 10rem !important;
}

.p10_5 {
  padding: 10.5rem !important;
}

.p10_5--force {
  padding: 10.5rem !important;
}

.px10 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.px10--force {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.px10_5 {
  padding-left: 10.5rem;
  padding-right: 10.5rem;
}

.px10_5--force {
  padding-left: 10.5rem !important;
  padding-right: 10.5rem !important;
}

.py10 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.py10--force {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.py10_5 {
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
}

.py10_5--force {
  padding-top: 10.5rem !important;
  padding-bottom: 10.5rem !important;
}

.pt10 {
  padding-top: 10rem !important;
}

.pt10--force {
  padding-top: 10rem !important;
}

.pt10_5 {
  padding-top: 10.5rem !important;
}

.pt10_5--force {
  padding-top: 10.5rem !important;
}

.pb10 {
  padding-bottom: 10rem !important;
}

.pb10--force {
  padding-bottom: 10rem !important;
}

.pb10_5 {
  padding-bottom: 10.5rem !important;
}

.pb10_5--force {
  padding-bottom: 10.5rem !important;
}

.pl10 {
  padding-left: 10rem !important;
}

.pl10--force {
  padding-left: 10rem !important;
}

.pl10_5 {
  padding-left: 10.5rem !important;
}

.pl10_5--force {
  padding-left: 10.5rem !important;
}

.pr10 {
  padding-right: 10rem !important;
}

.pr10--force {
  padding-right: 10rem !important;
}

.pr10_5 {
  padding-right: 10.5rem !important;
}

.pr10_5--force {
  padding-right: 10.5rem !important;
}

.p11 {
  padding: 11rem !important;
}

.p11--force {
  padding: 11rem !important;
}

.p11_5 {
  padding: 11.5rem !important;
}

.p11_5--force {
  padding: 11.5rem !important;
}

.px11 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.px11--force {
  padding-left: 11rem !important;
  padding-right: 11rem !important;
}

.px11_5 {
  padding-left: 11.5rem;
  padding-right: 11.5rem;
}

.px11_5--force {
  padding-left: 11.5rem !important;
  padding-right: 11.5rem !important;
}

.py11 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.py11--force {
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

.py11_5 {
  padding-top: 11.5rem;
  padding-bottom: 11.5rem;
}

.py11_5--force {
  padding-top: 11.5rem !important;
  padding-bottom: 11.5rem !important;
}

.pt11 {
  padding-top: 11rem !important;
}

.pt11--force {
  padding-top: 11rem !important;
}

.pt11_5 {
  padding-top: 11.5rem !important;
}

.pt11_5--force {
  padding-top: 11.5rem !important;
}

.pb11 {
  padding-bottom: 11rem !important;
}

.pb11--force {
  padding-bottom: 11rem !important;
}

.pb11_5 {
  padding-bottom: 11.5rem !important;
}

.pb11_5--force {
  padding-bottom: 11.5rem !important;
}

.pl11 {
  padding-left: 11rem !important;
}

.pl11--force {
  padding-left: 11rem !important;
}

.pl11_5 {
  padding-left: 11.5rem !important;
}

.pl11_5--force {
  padding-left: 11.5rem !important;
}

.pr11 {
  padding-right: 11rem !important;
}

.pr11--force {
  padding-right: 11rem !important;
}

.pr11_5 {
  padding-right: 11.5rem !important;
}

.pr11_5--force {
  padding-right: 11.5rem !important;
}

.p12 {
  padding: 12rem !important;
}

.p12--force {
  padding: 12rem !important;
}

.p12_5 {
  padding: 12.5rem !important;
}

.p12_5--force {
  padding: 12.5rem !important;
}

.px12 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.px12--force {
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.px12_5 {
  padding-left: 12.5rem;
  padding-right: 12.5rem;
}

.px12_5--force {
  padding-left: 12.5rem !important;
  padding-right: 12.5rem !important;
}

.py12 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.py12--force {
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.py12_5 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.py12_5--force {
  padding-top: 12.5rem !important;
  padding-bottom: 12.5rem !important;
}

.pt12 {
  padding-top: 12rem !important;
}

.pt12--force {
  padding-top: 12rem !important;
}

.pt12_5 {
  padding-top: 12.5rem !important;
}

.pt12_5--force {
  padding-top: 12.5rem !important;
}

.pb12 {
  padding-bottom: 12rem !important;
}

.pb12--force {
  padding-bottom: 12rem !important;
}

.pb12_5 {
  padding-bottom: 12.5rem !important;
}

.pb12_5--force {
  padding-bottom: 12.5rem !important;
}

.pl12 {
  padding-left: 12rem !important;
}

.pl12--force {
  padding-left: 12rem !important;
}

.pl12_5 {
  padding-left: 12.5rem !important;
}

.pl12_5--force {
  padding-left: 12.5rem !important;
}

.pr12 {
  padding-right: 12rem !important;
}

.pr12--force {
  padding-right: 12rem !important;
}

.pr12_5 {
  padding-right: 12.5rem !important;
}

.pr12_5--force {
  padding-right: 12.5rem !important;
}

@media only screen and (max-width: 768px) {
  .m\@p0 {
    padding: 0rem !important;
  }

  .m\@p0_5 {
    padding: 0.5rem !important;
  }

  .m\@px0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .m\@px0_5 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .m\@py0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }

  .m\@py0_5 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .m\@pt0 {
    padding-top: 0rem !important;
  }

  .m\@pt0_5 {
    padding-top: 0.5rem !important;
  }

  .m\@pb0 {
    padding-bottom: 0rem !important;
  }

  .m\@pb0_5 {
    padding-bottom: 0.5rem !important;
  }

  .m\@pl0 {
    padding-left: 0rem !important;
  }

  .m\@pl0_5 {
    padding-left: 0.5rem !important;
  }

  .m\@pr0 {
    padding-right: 0rem !important;
  }

  .m\@pr0_5 {
    padding-right: 0.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p1 {
    padding: 1rem !important;
  }

  .m\@p1_5 {
    padding: 1.5rem !important;
  }

  .m\@px1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .m\@px1_5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .m\@py1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .m\@py1_5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .m\@pt1 {
    padding-top: 1rem !important;
  }

  .m\@pt1_5 {
    padding-top: 1.5rem !important;
  }

  .m\@pb1 {
    padding-bottom: 1rem !important;
  }

  .m\@pb1_5 {
    padding-bottom: 1.5rem !important;
  }

  .m\@pl1 {
    padding-left: 1rem !important;
  }

  .m\@pl1_5 {
    padding-left: 1.5rem !important;
  }

  .m\@pr1 {
    padding-right: 1rem !important;
  }

  .m\@pr1_5 {
    padding-right: 1.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p2 {
    padding: 2rem !important;
  }

  .m\@p2_5 {
    padding: 2.5rem !important;
  }

  .m\@px2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .m\@px2_5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .m\@py2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .m\@py2_5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .m\@pt2 {
    padding-top: 2rem !important;
  }

  .m\@pt2_5 {
    padding-top: 2.5rem !important;
  }

  .m\@pb2 {
    padding-bottom: 2rem !important;
  }

  .m\@pb2_5 {
    padding-bottom: 2.5rem !important;
  }

  .m\@pl2 {
    padding-left: 2rem !important;
  }

  .m\@pl2_5 {
    padding-left: 2.5rem !important;
  }

  .m\@pr2 {
    padding-right: 2rem !important;
  }

  .m\@pr2_5 {
    padding-right: 2.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p3 {
    padding: 3rem !important;
  }

  .m\@p3_5 {
    padding: 3.5rem !important;
  }

  .m\@px3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .m\@px3_5 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }

  .m\@py3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .m\@py3_5 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .m\@pt3 {
    padding-top: 3rem !important;
  }

  .m\@pt3_5 {
    padding-top: 3.5rem !important;
  }

  .m\@pb3 {
    padding-bottom: 3rem !important;
  }

  .m\@pb3_5 {
    padding-bottom: 3.5rem !important;
  }

  .m\@pl3 {
    padding-left: 3rem !important;
  }

  .m\@pl3_5 {
    padding-left: 3.5rem !important;
  }

  .m\@pr3 {
    padding-right: 3rem !important;
  }

  .m\@pr3_5 {
    padding-right: 3.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p4 {
    padding: 4rem !important;
  }

  .m\@p4_5 {
    padding: 4.5rem !important;
  }

  .m\@px4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .m\@px4_5 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }

  .m\@py4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .m\@py4_5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .m\@pt4 {
    padding-top: 4rem !important;
  }

  .m\@pt4_5 {
    padding-top: 4.5rem !important;
  }

  .m\@pb4 {
    padding-bottom: 4rem !important;
  }

  .m\@pb4_5 {
    padding-bottom: 4.5rem !important;
  }

  .m\@pl4 {
    padding-left: 4rem !important;
  }

  .m\@pl4_5 {
    padding-left: 4.5rem !important;
  }

  .m\@pr4 {
    padding-right: 4rem !important;
  }

  .m\@pr4_5 {
    padding-right: 4.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p5 {
    padding: 5rem !important;
  }

  .m\@p5_5 {
    padding: 5.5rem !important;
  }

  .m\@px5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .m\@px5_5 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }

  .m\@py5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .m\@py5_5 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }

  .m\@pt5 {
    padding-top: 5rem !important;
  }

  .m\@pt5_5 {
    padding-top: 5.5rem !important;
  }

  .m\@pb5 {
    padding-bottom: 5rem !important;
  }

  .m\@pb5_5 {
    padding-bottom: 5.5rem !important;
  }

  .m\@pl5 {
    padding-left: 5rem !important;
  }

  .m\@pl5_5 {
    padding-left: 5.5rem !important;
  }

  .m\@pr5 {
    padding-right: 5rem !important;
  }

  .m\@pr5_5 {
    padding-right: 5.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p6 {
    padding: 6rem !important;
  }

  .m\@p6_5 {
    padding: 6.5rem !important;
  }

  .m\@px6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .m\@px6_5 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }

  .m\@py6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .m\@py6_5 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }

  .m\@pt6 {
    padding-top: 6rem !important;
  }

  .m\@pt6_5 {
    padding-top: 6.5rem !important;
  }

  .m\@pb6 {
    padding-bottom: 6rem !important;
  }

  .m\@pb6_5 {
    padding-bottom: 6.5rem !important;
  }

  .m\@pl6 {
    padding-left: 6rem !important;
  }

  .m\@pl6_5 {
    padding-left: 6.5rem !important;
  }

  .m\@pr6 {
    padding-right: 6rem !important;
  }

  .m\@pr6_5 {
    padding-right: 6.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p7 {
    padding: 7rem !important;
  }

  .m\@p7_5 {
    padding: 7.5rem !important;
  }

  .m\@px7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .m\@px7_5 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }

  .m\@py7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .m\@py7_5 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }

  .m\@pt7 {
    padding-top: 7rem !important;
  }

  .m\@pt7_5 {
    padding-top: 7.5rem !important;
  }

  .m\@pb7 {
    padding-bottom: 7rem !important;
  }

  .m\@pb7_5 {
    padding-bottom: 7.5rem !important;
  }

  .m\@pl7 {
    padding-left: 7rem !important;
  }

  .m\@pl7_5 {
    padding-left: 7.5rem !important;
  }

  .m\@pr7 {
    padding-right: 7rem !important;
  }

  .m\@pr7_5 {
    padding-right: 7.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p8 {
    padding: 8rem !important;
  }

  .m\@p8_5 {
    padding: 8.5rem !important;
  }

  .m\@px8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .m\@px8_5 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }

  .m\@py8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .m\@py8_5 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }

  .m\@pt8 {
    padding-top: 8rem !important;
  }

  .m\@pt8_5 {
    padding-top: 8.5rem !important;
  }

  .m\@pb8 {
    padding-bottom: 8rem !important;
  }

  .m\@pb8_5 {
    padding-bottom: 8.5rem !important;
  }

  .m\@pl8 {
    padding-left: 8rem !important;
  }

  .m\@pl8_5 {
    padding-left: 8.5rem !important;
  }

  .m\@pr8 {
    padding-right: 8rem !important;
  }

  .m\@pr8_5 {
    padding-right: 8.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p9 {
    padding: 9rem !important;
  }

  .m\@p9_5 {
    padding: 9.5rem !important;
  }

  .m\@px9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }

  .m\@px9_5 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }

  .m\@py9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }

  .m\@py9_5 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }

  .m\@pt9 {
    padding-top: 9rem !important;
  }

  .m\@pt9_5 {
    padding-top: 9.5rem !important;
  }

  .m\@pb9 {
    padding-bottom: 9rem !important;
  }

  .m\@pb9_5 {
    padding-bottom: 9.5rem !important;
  }

  .m\@pl9 {
    padding-left: 9rem !important;
  }

  .m\@pl9_5 {
    padding-left: 9.5rem !important;
  }

  .m\@pr9 {
    padding-right: 9rem !important;
  }

  .m\@pr9_5 {
    padding-right: 9.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p10 {
    padding: 10rem !important;
  }

  .m\@p10_5 {
    padding: 10.5rem !important;
  }

  .m\@px10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .m\@px10_5 {
    padding-left: 10.5rem !important;
    padding-right: 10.5rem !important;
  }

  .m\@py10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .m\@py10_5 {
    padding-top: 10.5rem !important;
    padding-bottom: 10.5rem !important;
  }

  .m\@pt10 {
    padding-top: 10rem !important;
  }

  .m\@pt10_5 {
    padding-top: 10.5rem !important;
  }

  .m\@pb10 {
    padding-bottom: 10rem !important;
  }

  .m\@pb10_5 {
    padding-bottom: 10.5rem !important;
  }

  .m\@pl10 {
    padding-left: 10rem !important;
  }

  .m\@pl10_5 {
    padding-left: 10.5rem !important;
  }

  .m\@pr10 {
    padding-right: 10rem !important;
  }

  .m\@pr10_5 {
    padding-right: 10.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p11 {
    padding: 11rem !important;
  }

  .m\@p11_5 {
    padding: 11.5rem !important;
  }

  .m\@px11 {
    padding-left: 11rem !important;
    padding-right: 11rem !important;
  }

  .m\@px11_5 {
    padding-left: 11.5rem !important;
    padding-right: 11.5rem !important;
  }

  .m\@py11 {
    padding-top: 11rem !important;
    padding-bottom: 11rem !important;
  }

  .m\@py11_5 {
    padding-top: 11.5rem !important;
    padding-bottom: 11.5rem !important;
  }

  .m\@pt11 {
    padding-top: 11rem !important;
  }

  .m\@pt11_5 {
    padding-top: 11.5rem !important;
  }

  .m\@pb11 {
    padding-bottom: 11rem !important;
  }

  .m\@pb11_5 {
    padding-bottom: 11.5rem !important;
  }

  .m\@pl11 {
    padding-left: 11rem !important;
  }

  .m\@pl11_5 {
    padding-left: 11.5rem !important;
  }

  .m\@pr11 {
    padding-right: 11rem !important;
  }

  .m\@pr11_5 {
    padding-right: 11.5rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@p12 {
    padding: 12rem !important;
  }

  .m\@p12_5 {
    padding: 12.5rem !important;
  }

  .m\@px12 {
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .m\@px12_5 {
    padding-left: 12.5rem !important;
    padding-right: 12.5rem !important;
  }

  .m\@py12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .m\@py12_5 {
    padding-top: 12.5rem !important;
    padding-bottom: 12.5rem !important;
  }

  .m\@pt12 {
    padding-top: 12rem !important;
  }

  .m\@pt12_5 {
    padding-top: 12.5rem !important;
  }

  .m\@pb12 {
    padding-bottom: 12rem !important;
  }

  .m\@pb12_5 {
    padding-bottom: 12.5rem !important;
  }

  .m\@pl12 {
    padding-left: 12rem !important;
  }

  .m\@pl12_5 {
    padding-left: 12.5rem !important;
  }

  .m\@pr12 {
    padding-right: 12rem !important;
  }

  .m\@pr12_5 {
    padding-right: 12.5rem !important;
  }
}
.pt3_8 {
  padding-top: 3.8rem;
}

.p0_7 {
  padding: 0.7rem;
}

.p0--force {
  padding: 0 !important;
}

.px0--force {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.br4 {
  border-radius: 0.4rem;
}

.boxes {
  display: grid;
}
@media only screen and (max-width: 768px) {
  .boxes {
    display: flex;
    flex-wrap: wrap;
  }
}
.boxes--w210--center {
  grid-template-columns: repeat(auto-fit, 21rem);
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .mobile-slide {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .mobile-slide li {
    flex: 1 0 auto;
  }

  .mobile-floating-bottom-bar {
    margin-bottom: 8.3rem;
  }

  .m\@bottom-floating-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100vw;
    background-color: #FFFFFF;
    border: 0;
    border-top: 1px solid #F6F7FB;
    box-shadow: 0 0 1.5rem rgba(36, 36, 36, 0.2705882353);
    padding: 1.5rem;
    margin: 0;
    height: 8.3rem;
  }

  .columns {
    flex-direction: column;
  }
}
.bg-gray-dark1 {
  background-color: #A4A4A4;
}

.font-gray-dark1 {
  color: #A4A4A4;
}

.font-green {
  color: #1A973E;
}

.font-black {
  color: #000000;
}

.no-overflow {
  overflow: hidden;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.c-pointer {
  cursor: pointer;
}

@keyframes slow-show-up {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.slow-show-up {
  animation: slow-show-up 0.5s;
  visibility: visible;
}

.border-1-solid {
  border-width: 0.1rem;
  border-style: solid;
}

.border-gray-dark1 {
  border: 0.1rem solid #A4A4A4;
}

.border-gray-dark1--dashed {
  border: 0.1rem dashed #A4A4A4;
}

.border-gray-light {
  border: 0.1rem solid #EFEFEF;
}

.border-r4 {
  border-radius: 0.4rem;
}

.border-r50p {
  border-radius: 50%;
}

.border--1-solid {
  border-width: 0.1rem;
  border-style: solid;
}

.no-border {
  border: none;
}

.no-border--force {
  border: none !important;
}

.brad0 {
  border-radius: 0;
}

.brad0--force {
  border-radius: 0 !important;
}

@media only screen and (max-width: 768px) {
  .m\@brad4 {
    border-radius: 0.4rem;
  }
}
.font12 {
  font-size: 1.2rem;
}

.font12--force {
  font-size: 1.2rem !important;
}

.font14 {
  font-size: 1.4rem;
}

.font14--force {
  font-size: 1.4rem !important;
}

.font17 {
  font-size: 1.7rem;
}

.font17--force {
  font-size: 1.7rem !important;
}

.font18 {
  font-size: 1.8rem;
}

.font24 {
  font-size: 2.4rem;
}

.font24--force {
  font-size: 2.4rem !important;
}

.font42 {
  font-size: 4.2rem;
}

.font42--force {
  font-size: 4.2rem !important;
}

@media only screen and (max-width: 768px) {
  .m\@font12 {
    font-size: 1.2rem !important;
  }

  .m\@font14 {
    font-size: 1.4rem !important;
  }

  .m\@font17 {
    font-size: 1.7rem !important;
  }

  .m\@font24 {
    font-size: 2.4rem !important;
  }

  .m\@font24 {
    font-size: 2.4rem !important;
  }

  .m\@font42 {
    font-size: 4.2rem !important;
  }
}
@media only screen and (max-width: 768px) {
  .m\@font25 {
    font-size: 25px;
  }
}
.font-extra-light {
  font-weight: 300;
}

.font-light {
  font-weight: 400;
}

.font-bold {
  font-weight: 500;
}

.font-extra-bold {
  font-weight: 600;
}

.lh-2 {
  line-height: 2rem;
}

.lh-2_2 {
  line-height: 2.2rem;
}

.lh-2_3 {
  line-height: 2.3rem;
}

.lh-3_4 {
  line-height: 3.4rem;
}

@media only screen and (max-width: 768px) {
  .m\@lh-2 {
    line-height: 2rem !important;
  }

  .m\@lh-2_2 {
    line-height: 2.2rem !important;
  }

  .m\@lh-2_3 {
    line-height: 2.3rem !important;
  }

  .m\@lh-3_4 {
    line-height: 3.4rem !important;
  }
}
.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw300--force {
  font-weight: 300 !important;
}

.fw400--force {
  font-weight: 400 !important;
}

.fw500--force {
  font-weight: 500 !important;
}

.fw600--force {
  font-weight: 600 !important;
}

.fw700--force {
  font-weight: 700 !important;
}

.card {
  padding: 1.5rem;
  border: 0.1rem solid #EFEFEF;
  border-radius: 0.4rem;
  font-weight: 300;
}
.card--condensed {
  padding: 0.5rem 1rem;
}
.card .title {
  font-weight: 500;
}

.shape--circle {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  line-height: 2.2rem;
  text-align: center;
  padding-left: 0.15rem;
  margin-right: 0.2rem;
}
.shape--circle.diameter40 {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
  padding-left: 0;
}
.shape--circle.diameter24 {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  min-height: 2.4rem;
  padding-left: 0;
}
.shape--circle.child-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shape--circle.child-img--stretch-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shape--circle.child-img--stretch-center img {
  width: 150%;
  max-width: 10rem;
  height: 150%;
  max-height: 10rem;
}
.shape--rect-99 {
  width: 9.9rem;
  height: 9.9rem;
}
.shape--rect-120 {
  width: 12rem;
  height: 12rem;
}
.shape--black-outline {
  border: 0.1rem solid #000000;
}
.shape--white-outline {
  border: 0.1rem solid #FFFFFF;
  color: #FFFFFF;
}

.banner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 2.5rem;
  width: 100%;
}
.banner--w450, .banner--w330 {
  padding: 0;
}
.banner--w450 .cover-image, .banner--w330 .cover-image {
  width: 100%;
  height: 20rem;
}
.banner--w450 {
  max-width: 45rem;
}
.banner--w330 {
  max-width: 33rem;
}
.banner--no-padding {
  padding: 0;
}
.banner--p3 {
  padding: 3rem;
}
.banner--big-full {
  height: 53rem;
  width: 100%;
}
.banner a {
  width: 100%;
  height: 100%;
}
.banner .actions-container {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.banner .actions-container--bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}

.background {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.background--posabs {
  position: absolute;
  top: 0;
  left: 0;
}

.bg-cover {
  background-size: cover;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-pos80p {
  background-position: 80%;
}

.shadow-1 {
  box-shadow: 0 0.3rem 1.6rem rgba(230, 230, 230, 0.2509803922);
}

.shadow-lg-dark {
  box-shadow: 0 0.3rem 0.6rem rgba(31, 53, 134, 0.2509803922);
}

.search-bar {
  width: 100%;
}
.search-bar label, .search-bar input {
  width: 100%;
  margin-top: 0 !important;
}
.search-bar label {
  position: relative;
  display: block;
}
.search-bar label:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/icons/magnifying_glass.svg") no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  top: 1.7rem;
  right: 2.5rem;
}
.search-bar input {
  padding-right: 5.8rem;
}
.search-bar input:focus {
  box-shadow: 0 0.3rem 0.6rem rgba(31, 53, 134, 0.2509803922);
}

.background-overlay {
  background-color: #000000;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 101%;
  height: 100vh;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  will-change: opacity;
  transition: opacity 300ms ease;
}
.background-overlay.opened {
  visibility: visible;
  opacity: 0.8;
}

@media only screen and (min-width: 768px) {
  .hide\:from-tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  .hide\:on-mobile {
    display: none !important;
  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-overlay {
  position: fixed;
  display: none;
  text-align: center;
  padding-top: 150px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  will-change: opacity;
  transition: opacity 300ms ease;
}
.loading-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.7;
  visibility: visible;
}
.loading-overlay .lds-ripple {
  display: inline-block;
  position: fixed;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-overlay .lds-ripple div {
  position: absolute;
  border: 4px solid #02447e;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loading-overlay .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

header .search-bar .lds-ripple,
header .mobile-search-results .lds-ripple {
  position: absolute;
}
header .search-bar .loading-overlay,
header .mobile-search-results .loading-overlay {
  position: relative;
  display: block;
  height: 10rem;
  margin-top: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
textarea {
  height: 5rem;
  background-color: #F6F5FA;
  border: 1px solid #E7E7E7;
  margin: 1rem 0 0 0;
  padding: 1.5rem;
  font-family: "Rubik", sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  border-radius: 0.4rem;
}

textarea {
  resize: none;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1607843137);
  outline: none;
}

input.white {
  background: #ffffff;
}

.input-block {
  margin: 0 0 3rem 0;
}
.input-block input, .input-block label, .input-block textarea {
  display: block;
  width: 100%;
}
.input-block label {
  position: relative;
}
.input-block.active label {
  color: #02447e;
}
.input-block.success label {
  color: #1A973E;
}
.input-block.success input {
  border: 0.2rem solid #1A973E;
}
.input-block.success label:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/icons/check-green.svg");
  height: 1.8rem;
  width: 1.8rem;
  top: 4.45rem;
  right: 1.3rem;
}
.input-block.error label {
  color: #FF0000;
}
.input-block.error input {
  border: 0.2rem solid #FF0000;
}
.input-block.error label:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/icons/times-red.svg");
  height: 1.8rem;
  width: 1.8rem;
  top: 4.45rem;
  right: 1.3rem;
}

.cart-floating-container .input-block.error label:after {
  top: 5.8rem;
}

.search-input {
  width: 100%;
  margin-top: 0;
  position: relative;
  display: block;
}
.search-input:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/icons/magnifying_glass.svg") no-repeat;
  height: 1.8rem;
  width: 1.8rem;
  top: 1.7rem;
  right: 1.5rem;
}
.search-input input {
  width: 100%;
  margin-top: 0;
  padding-right: 5.8rem;
}
.search-input input:focus {
  box-shadow: 0 0.3rem 0.6rem rgba(31, 53, 134, 0.2509803922);
}

button:not(.sl-close, .gm-control-active, .dismissButton),
.button {
  font-family: "Rubik", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1.285em;
  border: none;
  color: #FFFFFF;
  background-color: #02447e;
  border-radius: 0.4rem;
  max-height: 5.2rem;
  cursor: pointer;
  transition: box-shadow 150ms ease;
  will-change: box-shadow;
  text-align: center;
}
button:not(.sl-close, .gm-control-active, .dismissButton):hover,
.button:hover {
  background: #1547FF 0 0 no-repeat padding-box;
  box-shadow: 0 0.3rem 0.6rem rgba(23, 67, 228, 0.5019607843);
  border-radius: 0.4rem;
  opacity: 1;
}
button:not(.sl-close, .gm-control-active, .dismissButton):hover img,
.button:hover img {
  transform: translateX(0.6rem);
}
button:not(.sl-close, .gm-control-active, .dismissButton) img,
.button img {
  transition: transform 150ms ease;
  transform: translateX(0.3rem);
  will-change: transform;
  vertical-align: middle;
}
button:not(.sl-close, .gm-control-active, .dismissButton) .lds-ring,
.button .lds-ring {
  display: none;
}

.button--outline {
  background-color: #FFFFFF;
  color: #02447e;
  border: 0.2rem solid #02447e;
}
.button--outline:hover {
  background-color: #02447e;
  color: #FFFFFF;
}

a.button {
  font-weight: 500;
}

.button-block {
  width: 100%;
}

button.button--black-outline,
a.button--black-outline {
  border: 0.1rem solid #000000;
  background-color: #FFFFFF;
  color: #000000;
}
button.button--black-outline:hover,
a.button--black-outline:hover {
  background-color: #000000;
  color: #FFFFFF;
  box-shadow: 0 0.3rem 0.6rem #000000;
}
button.button--black-outline:hover .shape--circle-black-outline,
a.button--black-outline:hover .shape--circle-black-outline {
  border-color: #FFFFFF;
}

button.button--wide {
  padding: 1.285em 5em;
}

button.add-to-cart:hover img {
  transform: rotate(16deg) translate(-0.2rem, -0.08rem);
}
button.add-to-cart img {
  transform: translate(-0.2rem, -0.25rem);
}

.facebook,
.google,
.social-mini,
.close-button {
  position: relative;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}
.facebook:hover,
.google:hover,
.social-mini:hover,
.close-button:hover {
  border-radius: 50%;
  background-color: #2A5ECB;
}
.facebook:hover img, .facebook:hover svg,
.google:hover img,
.google:hover svg,
.social-mini:hover img,
.social-mini:hover svg,
.close-button:hover img,
.close-button:hover svg {
  transform: translate(-50%, -50%);
}
.facebook img, .facebook svg,
.google img,
.google svg,
.social-mini img,
.social-mini svg,
.close-button img,
.close-button svg {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: none;
}

.facebook {
  background-color: #3C5A99;
}
.facebook:hover {
  box-shadow: 0 0.3rem 0.6rem rgba(42, 94, 203, 0.5019607843);
}
.facebook img {
  width: 1.2rem;
}

.google {
  background-color: #DD4A40;
}
.google:hover {
  box-shadow: 0 0.3rem 0.6rem rgba(244, 81, 70, 0.5019607843);
  background-color: #F45146;
}
.google img {
  width: 3.2rem;
}

.social-mini {
  padding: 0;
  margin: 0;
  background: #A4A4A4;
  width: 1.6rem;
  height: 1.6rem;
}
.social-mini:hover {
  box-shadow: none;
}
.social-mini img {
  width: 0.3rem;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transition: none;
}
.social-mini.instagram img {
  width: 0.7rem;
}

.close-button {
  background-color: #FFFFFF;
  border: 0.2rem #000000 solid;
  transition: background-color 150ms ease;
}
.close-button:hover {
  box-shadow: none;
  border: none;
  background-color: #000000;
}
.close-button:hover svg {
  fill: #FFFFFF;
}

button.arrow-button {
  background-color: #F6F7FB;
  padding: 0;
  width: 2.4rem;
  height: 2.4rem;
}
button.arrow-button:hover {
  box-shadow: 0 0.3rem 1.1rem rgba(23, 67, 228, 0.2);
}
button.arrow-button:hover svg {
  fill: white;
}
button.arrow-button.arrow-left svg {
  transform: rotate(180deg);
}

button.purple {
  background-color: #C315F5 !important;
}

.button.gray-outline {
  background-color: #ffffff;
  color: #A4A4A4;
  border: 0.1rem solid #A4A4A4;
}
.button.gray-outline:hover {
  background-color: #A4A4A4;
  color: #ffffff;
  box-shadow: 0 0.3rem 0.6rem #a4a4a4;
}
.button.gray-outline:hover svg {
  fill: #fff;
}
.button.gray-outline svg {
  fill: #A4A4A4;
}

.button.loading {
  position: relative;
  text-indent: -9999px;
}
.button.loading img {
  display: none;
}
.button.loading .lds-ring {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button.loading .lds-ring div {
  width: 34px;
  height: 34px;
  border-width: 3px;
}

.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 3.7rem;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.7rem;
  font-weight: 300;
  height: 2.4rem;
  line-height: 2.4rem;
}
.checkbox-container .label {
  padding: 0;
  color: #000000;
}
.checkbox-container.label-md .label {
  font-size: 1.4rem;
}
.checkbox-container.label-big .label {
  font-size: 1.6rem;
}
.checkbox-container:hover .checkmark {
  border-color: #1A973E;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-container .checkmark {
  border-radius: 0.4rem;
  position: absolute;
  top: 0;
  left: 0;
  height: 2.4rem;
  width: 2.4rem;
  border: 0.1rem solid #B1B1B1;
}
.checkbox-container input:checked ~ .checkmark {
  border-color: #1A973E;
  background: #7CEA9C url("../images/icons/checkmark-green.svg") no-repeat center;
}
.checkbox-container input:checked ~ .checkbox-label {
  color: #1A973E;
}
.checkbox-container input:disabled ~ span.label {
  color: #878787;
  text-decoration: line-through;
}
.checkbox-container input:disabled ~ .checkmark {
  border-color: gray !important;
  background: lightgray url("../images/icons/checkmark-white.svg") no-repeat center;
}

.checkbox-circle {
  width: 4rem;
  height: 4rem;
}
.checkbox-circle .checkmark {
  border: none;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkbox-circle:hover .checkmark,
.checkbox-circle input:checked ~ .checkmark {
  width: 4rem;
  height: 4rem;
  border: 0.4rem solid #F6F7FB;
}
.checkbox-circle input:checked ~ .checkmark {
  background: url("../images/icons/checkmark-white.svg") no-repeat center;
}
.checkbox-circle .tooltip {
  opacity: 0;
  transition: opacity 150ms ease, top 200ms ease;
  will-change: opacity, top;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 300;
  background-color: #575757;
  position: absolute;
  top: 0;
  left: 50%;
  width: 7.9rem;
  transform: translateX(-50%);
  border-radius: 0.4rem;
  pointer-events: none;
  text-align: center;
}
.checkbox-circle .tooltip:after {
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem solid #575757;
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
}
.checkbox-circle .checkmark:hover ~ .tooltip {
  opacity: 1;
  top: -63%;
}
.checkbox-circle.green-light .checkmark, .checkbox-circle.green-light input:checked ~ .checkmark {
  background-color: #7CEA9C;
}
.checkbox-circle.purple .checkmark, .checkbox-circle.purple input:checked ~ .checkmark {
  background-color: #937CEA;
}
.checkbox-circle.peach .checkmark, .checkbox-circle.peach input:checked ~ .checkmark {
  background-color: #EA7C7C;
}
.checkbox-circle.red .checkmark, .checkbox-circle.red input:checked ~ .checkmark {
  background-color: #FF0000;
}
.checkbox-circle.lungs .checkmark, .checkbox-circle.lungs input:checked ~ .checkmark {
  background-color: #EAAC7C;
}
.checkbox-circle.cyan .checkmark, .checkbox-circle.cyan input:checked ~ .checkmark {
  background-color: #7CEAE6;
}
.checkbox-circle.pink .checkmark, .checkbox-circle.pink input:checked ~ .checkmark {
  background-color: #FF00E6;
}
.checkbox-circle.dark-blue .checkmark, .checkbox-circle.dark-blue input:checked ~ .checkmark {
  background-color: #201089;
}
.checkbox-circle.gray .checkmark, .checkbox-circle.gray input:checked ~ .checkmark {
  background-color: #AAAAAA;
}
.checkbox-circle.gray--outline .checkmark {
  background-color: #ffffff;
  border: 0.2rem solid #AAAAAA;
}
.checkbox-circle.gray--outline input:checked ~ .checkmark {
  background-color: #AAAAAA;
}
.checkbox-circle.green .checkmark, .checkbox-circle.green input:checked ~ .checkmark {
  background-color: #00CC14;
}
.checkbox-circle.purple-pastel .checkmark, .checkbox-circle.purple-pastel input:checked ~ .checkmark {
  background-color: #72557b;
}
.checkbox-circle.brown .checkmark, .checkbox-circle.brown input:checked ~ .checkmark {
  background-color: #422A0A;
}
.checkbox-circle.orange .checkmark, .checkbox-circle.orange input:checked ~ .checkmark {
  background-color: #FF6E00;
}
.checkbox-circle.dark-green .checkmark, .checkbox-circle.dark-green input:checked ~ .checkmark {
  background-color: #148E37;
}
.checkbox-circle.light-pink .checkmark, .checkbox-circle.light-pink input:checked ~ .checkmark {
  background-color: #FFD7FF;
}

.radio-container {
  display: inline-block;
  position: relative;
  padding-left: 4.3rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 3.2rem;
  width: auto;
  line-height: 3.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}
.radio-container:hover .checkmark {
  border-color: #02447e;
}
.radio-container input {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.radio-container input:checked ~ .checkmark {
  border-color: #02447e;
  background-color: #FFFFFF;
}
.radio-container input:checked ~ .checkmark:after {
  display: block;
}
.radio-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 3.2rem;
  width: 3.2rem;
  background-color: #FFFFFF;
  border: 0.1rem solid #707070;
  border-radius: 50%;
}
.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background: #02447e;
  transform: translate(-50%, -50%);
}

.custom-switch {
  line-height: 12px;
  display: inline-block;
  position: relative;
}

.custom-switch .custom-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-switch .custom-switch-input:focus {
  outline: none;
}

.custom-switch .custom-switch-input,
.custom-switch .custom-switch-input:after,
.custom-switch .custom-switch-input:before,
.custom-switch .custom-switch-input *,
.custom-switch .custom-switch-input *:after,
.custom-switch .custom-switch-input *:before,
.custom-switch .custom-switch-input + .custom-switch-btn {
  box-sizing: border-box;
}

.custom-switch .custom-switch-input:selection,
.custom-switch .custom-switch-input:after:selection,
.custom-switch .custom-switch-input:before:selection,
.custom-switch .custom-switch-input *:selection,
.custom-switch .custom-switch-input *:after:selection,
.custom-switch .custom-switch-input *:before:selection,
.custom-switch .custom-switch-input + .custom-switch-btn:selection {
  background: none;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  outline: 0;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 5.2rem;
  height: 3.2rem;
  margin: 0 1rem 0 0;
  padding: 0.3rem;
  background: #FFFFFF;
  border-radius: 76px;
  border: 1px solid #B1B1B1;
  transition: all 150ms ease;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after,
.custom-switch .custom-switch-input + .custom-switch-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after {
  left: 0;
  border-radius: 50%;
  background: #B1B1B1;
  transition: all 150ms ease;
}

.custom-switch .custom-switch-input + .custom-switch-btn:before {
  display: none;
}

.custom-switch .custom-switch-input + .custom-switch-btn.text-hide {
  top: -0.8rem;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn {
  border-color: #02447e;
  background-color: #D7DFFF;
}
.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
  background-color: #02447e;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
  left: 2rem;
}

.custom-switch-content-checked,
.custom-switch-content-unchecked {
  line-height: 3.2rem;
  height: 3.2rem;
  vertical-align: top;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
  opacity: 1;
  height: auto;
  display: inline-block;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
  display: none;
  opacity: 0;
  height: 0;
}

.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
  display: none;
  opacity: 0;
  height: 0;
}

.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
  opacity: 1;
  height: auto;
  display: inline-block;
}

.custom-switch .custom-switch-input[disabled] + .custom-switch-btn {
  background: rgba(173, 181, 189, 0.6);
  cursor: default;
}

.custom-switch .custom-switch-input[disabled]:checked + .custom-switch-btn {
  background: rgba(40, 167, 69, 0.4);
}

.custom-switch .custom-switch-form-text {
  display: inline-block;
  height: 38px;
  margin-left: 0.5rem;
  line-height: 38px;
  vertical-align: top;
}

.custom-switch.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='42.5' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='18.13333' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
  width: 96px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
  left: 58px;
}

.custom-switch-sm {
  line-height: 11px;
}

.custom-switch-sm .custom-switch-input + .custom-switch-btn {
  width: 60px;
  height: 31px;
  padding: 3px;
  border-radius: 62px;
}

.custom-switch-sm .custom-switch-input + .custom-switch-btn:after, .custom-switch-sm .custom-switch-input + .custom-switch-btn:before {
  width: 23px;
  height: 23px;
}

.custom-switch-sm .custom-switch-input + .custom-switch-btn:after {
  left: 2px;
}

.custom-switch-sm .custom-switch-input:checked + .custom-switch-btn:after {
  left: 29px;
}

.custom-switch-sm .custom-switch-form-text {
  height: 31px;
  margin-left: 0.5rem;
  line-height: 31px;
}

.custom-switch-sm.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='37.5' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='16' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
  width: 88px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
  left: 57px;
}

.custom-switch-xs {
  line-height: 10px;
}

.custom-switch-xs .custom-switch-input + .custom-switch-btn {
  width: 48px;
  height: 24px;
  padding: 3px;
  border-radius: 48px;
}

.custom-switch-xs .custom-switch-input + .custom-switch-btn:after, .custom-switch-xs .custom-switch-input + .custom-switch-btn:before {
  width: 18px;
  height: 18px;
}

.custom-switch-xs .custom-switch-input + .custom-switch-btn:after {
  left: 1px;
}

.custom-switch-xs .custom-switch-input:checked + .custom-switch-btn:after {
  left: 24px;
}

.custom-switch-xs .custom-switch-form-text {
  height: 24px;
  margin-left: 0.5rem;
  line-height: 24px;
}

.custom-switch-xs.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='27.42857' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='12.8' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
  width: 76px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
  left: 52px;
}

.is-invalid .custom-switch .custom-switch-input ~ .custom-switch-btn,
.was-validated .custom-switch:invalid .custom-switch-input ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem #dc3545;
}

.select-container {
  display: inline-block;
  height: 2rem;
  font-size: 1.2rem;
  font-weight: 300;
  color: #A4A4A4;
  background-color: #FFFFFF;
  border: 0.1rem solid #F6F7FB;
  border-radius: 0.4rem;
  line-height: 1.6rem;
  cursor: pointer;
}
.select-container.line-height-1_6 .option {
  line-height: 1.6rem !important;
}
.select-container.option-mb1 .option {
  margin-bottom: 1rem !important;
}
.select-container.text-left .option {
  text-align: left !important;
}
.select-container.scroll .select .options {
  max-height: 35rem;
  overflow-y: scroll;
}
.select-container.no-border {
  border: 0;
}
.select-container svg {
  fill: #A4A4A4;
}
.select-container select {
  display: none;
}
.select-container .select {
  overflow: hidden;
  border: 0;
}
.select-container .select .filter {
  display: none;
}
.select-container .select .filter input {
  background-color: #ffffff;
  width: 100%;
  margin: 0 0 0.5rem 0;
}
.select-container .select .selected {
  margin: 0.2rem 0.4rem;
  line-height: 2.2rem;
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
.select-container .select .arrow-icon {
  margin-left: 1rem;
}
.select-container .select .left-icon svg {
  margin-right: 0.1rem;
  transform: translateY(0.17rem);
}
.select-container .select .arrow-icon svg {
  margin-left: 0.1rem;
  transform: translateY(-0.1rem);
}
.select-container .select .options {
  text-align: left;
  background-color: #F6F7FB;
  box-shadow: 0 0.3rem 1.6rem rgba(230, 230, 230, 0.2509803922);
  border: 0.1rem solid #F6F7FB;
  border-radius: 0 0 0.4rem 0.4rem;
  opacity: 0;
  visibility: hidden;
  will-change: opacity, visibility;
  transition: all 150ms ease, visibility 150ms ease;
  width: calc(100% + 0.2rem);
  margin-left: -0.1rem;
  margin-top: -0.4rem;
  border-top: 0;
  display: none;
  overflow-y: scroll;
  padding: 1rem;
  font-size: 1.6rem;
}
.select-container .select .options div {
  line-height: 3rem;
}
.select-container .select .option:hover {
  color: #02447e;
}
.select-container .select .option.hidden {
  display: none;
}
.select-container.opened .filter {
  display: block;
}
.select-container.opened .selected,
.select-container .selected:hover {
  color: #02447e;
}
.select-container.opened .selected .left-icon svg,
.select-container .selected:hover .left-icon svg {
  fill: #02447e;
}
.select-container.opened .selected .arrow-icon svg,
.select-container .selected:hover .arrow-icon svg {
  fill: #DB992F;
}
.select-container.opened {
  position: relative;
  z-index: 8;
}
.select-container.opened .options {
  display: block;
  opacity: 1;
  visibility: visible;
}
.select-container.big {
  width: 100%;
  height: 5rem;
  background-color: #F6F5FA;
  font-size: 1.7rem;
  color: #a4a4a4;
  font-weight: 400;
  position: relative;
}
.select-container.big .selected {
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  align-items: center;
  height: 5rem;
  padding: 0 1rem;
  margin: 0;
}
.select-container.big.searchable .options {
  margin-top: -0.5rem;
}
.select-container.big .options .option {
  padding: 0.5rem 0;
}
.select-container.big.up .select {
  overflow: visible;
}
.select-container.big.up .options {
  position: absolute;
  top: calc(-100% - 24.4rem);
  left: 0;
  width: 100%;
  min-height: 25rem;
}
.select-container.big.up .filter {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
}
.select-container.big.opened .options {
  max-height: 25rem;
}

.language-select .options {
  overflow-y: hidden !important;
}

a {
  cursor: pointer;
  font-size: 1.4rem;
  will-change: color;
  transition: color 150ms ease;
  display: inline-block;
}

.link--blue-bold-underlined {
  color: #02447e;
  text-decoration: underline;
}
.link--blue {
  color: #02447e;
}
.link--blue:hover {
  text-decoration: underline;
}
.link--gray {
  color: #A4A4A4;
}
.link--gray:hover {
  text-decoration: underline;
}
.link--button-size {
  padding: 1.285em;
}
.link--black-bold {
  color: #000000;
}
.link--black-bold svg {
  fill: #000000;
  transition: transform 150ms ease;
  will-change: transform;
}
.link--black-bold:hover {
  color: #1547FF;
}
.link--black-bold:hover svg {
  fill: #1547FF;
  transform: translateX(0.3rem);
}

.icon-left:hover svg {
  transform: translateX(-0.3rem);
}

.icon-fixed:hover svg {
  transform: none;
}

body {
  font-family: "Rubik", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  max-height: 100%;
}

p {
  line-height: 1.2;
  margin: 1.4rem 0;
}

blockquote {
  font-style: italic;
  margin: 2rem 1rem;
  font-weight: 400;
}
blockquote > * {
  display: inline-block;
}
blockquote:after, blockquote:before {
  content: '"';
  display: inline-block;
  font-weight: 500;
  font-style: italic;
}

.label {
  font-size: 1.4rem;
  font-weight: 400;
  border: 0;
  border-radius: 0.4rem;
  padding: 0.5rem 1rem;
  margin-right: 0;
  color: white;
  display: inline-block;
  line-height: 1.8rem;
}
.label:not(:last-child) {
  margin-right: 0.3rem;
}
.label.green-light {
  background-color: #7CEA9C;
}
.label.red-light {
  background-color: #D496A7;
}
.label.red {
  background-color: #D1345B;
}
.label.purple-light {
  background-color: #D4C2FC;
}
.label.blue {
  background-color: #49B6FF;
}
.label.gray {
  background-color: #9EA3B0;
}
.label.green {
  background-color: #7CEA9C;
}
.label.cyan {
  background-color: #41EAD4;
}

section:not(.nav) h2.title {
  font-size: 4.2rem;
  color: #02447e;
  margin-bottom: 5.4rem;
  font-weight: 500;
}

.title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.two-column {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  display: flex;
  height: 85rem;
  width: 117rem;
  text-align: center;
  z-index: 91;
  border-radius: 0.4rem;
  box-shadow: 0 0.3rem 1.6rem rgba(0, 0, 0, 0.2588235294);
  will-change: opacity;
  transition: opacity 300ms ease;
  max-height: 99vh;
}
.modal .form-container {
  flex: 1 1 60rem;
  overflow-y: scroll;
}
.modal .image-container {
  flex: 1 0 57rem;
  background: url("../images/login-modal/pen.png") no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0.4rem;
}
.modal .form-container {
  padding: 8rem 8.5rem;
}
.modal h1 {
  font-size: 4.2rem;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  margin: 4.275rem 0 1.4rem 0;
}
.modal .subtitle {
  font-family: "Poppins", sans-serif;
  margin: 0 0 4.2rem 0;
}
.modal form {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: left;
}
.modal form label {
  max-width: 70%;
}
.modal .block-password {
  margin-bottom: 1.6rem;
}
.modal .password-label-container {
  display: flex;
  justify-content: space-between;
}
.modal .login-button, .modal .register-button {
  margin-top: 3.3rem;
  display: block;
  width: 100%;
}
.modal form + p {
  margin: 2.4rem 0 2.3rem 0;
}
.modal .social-login {
  display: flex;
  justify-content: center;
}
.modal .social-login span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}
.modal .social-login .facebook {
  background-color: #3C5A99;
  margin-right: 3rem;
}
.modal .social-login .facebook img {
  width: 1.2rem;
}
.modal .social-login .google {
  background-color: #DD4A40;
}
.modal .social-login .google img {
  width: 3.2rem;
}
.modal .close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: 2.7rem;
  right: 1.8rem;
  will-change: tranform;
  transition: transform 150ms ease;
  cursor: pointer;
}
.modal .close-button:hover {
  transform: rotate(90deg);
}
.modal .close-button img {
  width: 2.4rem;
  height: 2.4rem;
}

.modal-login, .modal-register {
  height: auto;
}
.modal-login .image-container, .modal-register .image-container {
  border-radius: 0 0.4rem 0 0.4rem;
}
.modal-login .error-message, .modal-register .error-message {
  display: none;
  justify-content: flex-start;
  align-items: center;
  border: 0.1rem solid #FF0000;
  color: #FF0000;
  padding: 1rem 1rem;
  border-radius: 0.4rem;
  margin: 3rem 0 2rem 0;
}
.modal-login .error-message.visible, .modal-register .error-message.visible {
  display: flex;
}
.modal-login .error-message img, .modal-register .error-message img {
  background-color: #FF0000;
  border-radius: 50%;
  padding: 0.4rem;
  margin: 0 1rem 0 0;
  display: inline-block;
  width: 2.4rem;
}

.modal-register .agree {
  margin-top: 3rem;
}
.modal-register .checkbox-container {
  --checkbox-container-left-padding: 3.7rem;
  max-width: calc(100% - var(--checkbox-container-left-padding));
}
.modal-register .checkbox-container .label {
  color: #000000;
  padding: 0;
}
.modal-register .error-message {
  margin-bottom: -2rem;
}

.modal-overlay {
  background-color: #02447e;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  will-change: opacity;
  transition: opacity 300ms ease;
}

.modal.opened {
  visibility: visible;
  opacity: 1;
}
.modal.opened ~ .modal-overlay {
  visibility: visible;
  opacity: 0.95;
}
.modal.opened .error-list {
  text-align: left;
  padding-left: 1rem;
}
.modal.opened .error-list li {
  margin-top: 0.5rem;
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
  .modal {
    width: 98vw;
  }

  .modal .form-container {
    flex: 1 0 auto;
    width: 70%;
  }

  .modal .image-container {
    flex: 1 0 auto;
    width: 30%;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1170px) {
  .modal {
    width: 98vw;
  }

  .modal .form-container {
    flex: 1 0 auto;
    width: 60%;
  }

  .modal .image-container {
    flex: 1 0 auto;
    width: 40%;
  }
}
.modal-register .subtitle {
  margin: 0 0 1.5rem 2.6rem;
}

.info-box {
  display: flex;
  align-items: center;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  min-width: 25rem;
}
@media only screen and (min-width: 768px) {
  .info-box {
    min-width: 0;
  }
}
.info-box:hover .icon-wrapper {
  box-shadow: 0 0.3rem 0.6rem rgba(138, 132, 226, 0.5019607843);
}
.info-box .icon-wrapper {
  height: 4.5rem;
  width: 4.5rem;
  min-width: 4.5rem;
  border-radius: 50%;
  position: relative;
  transition: box-shadow 150ms ease;
  will-change: box-shadow;
}
@media only screen and (min-width: 768px) {
  .info-box .icon-wrapper {
    height: 7.5rem;
    width: 7.5rem;
  }
}
.info-box .icon-wrapper svg, .info-box .icon-wrapper i {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #ffffff;
}
@media only screen and (min-width: 768px) {
  .info-box .icon-wrapper svg, .info-box .icon-wrapper i {
    width: 40%;
  }
}
.info-box .icon-wrapper i[class^=fa] {
  width: auto;
  font-size: 3.2rem;
  color: white;
}
.info-box .icon-wrapper--blue {
  border: 0.1rem solid #02447e;
}
.info-box .icon-wrapper--blue svg {
  fill: #02447e;
}
.info-box .text {
  margin-left: 1.5rem;
}
.info-box .text p:first-child {
  font-size: 1.7rem;
}
.info-box .text p:nth-child(2) a {
  font-weight: 500;
}
.info-box .text p {
  margin: 0.2rem 0 0 0;
}
.info-box.purple .icon-wrapper {
  background-color: #8A84E2;
}
.info-box.purple:hover .icon-wrapper {
  box-shadow: 0 0.3rem 0.6rem #8A84E2;
}
.info-box.green .icon-wrapper {
  background-color: #7CEA9C;
}
.info-box.green:hover .icon-wrapper {
  box-shadow: 0 0.3rem 0.6rem #7CEA9C;
}
.info-box.rose .icon-wrapper {
  background-color: #F283B6;
}
.info-box.rose:hover .icon-wrapper {
  box-shadow: 0 0.3rem 0.6rem #F283B6;
}
.info-box.blue .icon-wrapper {
  background-color: #49B6FF;
}
.info-box.blue:hover .icon-wrapper {
  box-shadow: 0 0.3rem 0.6rem #49B6FF;
}

.contact-main .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-main .icon-wrapper svg, .contact-main .icon-wrapper i {
  position: static;
  top: auto;
  left: auto;
  transform: translate(0, 0);
}

.tile {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.4rem;
  padding: 2.6rem 2rem;
  border-radius: 0.4rem;
  width: 12rem;
  height: 12rem;
  cursor: pointer;
}
.tile:hover {
  box-shadow: 0 0.3rem 1.6rem rgba(124, 234, 156, 0.5019607843);
}
.tile p {
  margin: 1rem 0 0 0;
}
.tile.green {
  background-color: #7CEA9C;
}
.tile.green:hover {
  box-shadow: 0 0.3rem 1.6rem #7CEA9C;
}
.tile.blue {
  background-color: #49B6FF;
}
.tile.blue:hover {
  box-shadow: 0 0.3rem 1.6rem #49B6FF;
}
.tile.purple-pastel {
  background-color: #D4C2FC;
}
.tile.purple-pastel:hover {
  box-shadow: 0 0.3rem 1.6rem #D4C2FC;
}
.tile.green-pastel {
  background-color: #80DED9;
}
.tile.green-pastel:hover {
  box-shadow: 0 0.3rem 1.6rem #80DED9;
}
.tile.red-pastel {
  background-color: #D496A7;
}
.tile.red-pastel:hover {
  box-shadow: 0 0.3rem 1.6rem #D496A7;
}
.tile.blue-pastel {
  background-color: #42BFDD;
}
.tile.blue-pastel:hover {
  box-shadow: 0 0.3rem 1.6rem #42BFDD;
}
.tile.cyan {
  background-color: #41EAD4;
}
.tile.cyan:hover {
  box-shadow: 0 0.3rem 1.6rem #41EAD4;
}
.tile.green-light {
  background-color: #A1E8AF;
}
.tile.green-light:hover {
  box-shadow: 0 0.3rem 1.6rem #A1E8AF;
}
.tile.gray {
  background-color: #9EA3B0;
}
.tile.gray:hover {
  box-shadow: 0 0.3rem 1.6rem #9EA3B0;
}
.tile.red {
  background-color: #D1345B;
}
.tile.red:hover {
  box-shadow: 0 0.3rem 1.6rem #D1345B;
}

.menu-icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  line-height: 3.2rem;
  text-align: center;
}
.menu-icon:hover {
  background-color: #F6F7FB;
}
.menu-icon:hover svg {
  fill: #1547FF;
}
.menu-icon svg {
  will-change: color;
  transition: color 150ms ease;
  vertical-align: middle;
}
.menu-icon .cart-items {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #DB992F;
  border-radius: 50%;
  font-size: 0.4rem;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  width: 50%;
  height: 50%;
  line-height: 1.7rem;
  text-align: center;
}

.cart-wrapper {
  position: relative;
}
.cart-wrapper a:hover ~ .cart-floating-container {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .cart-wrapper .cart-floating-container:hover {
    display: inline-block;
  }
}

.cart-floating-container {
  display: block;
  width: 78%;
  min-width: 29.3rem;
  height: 100vh;
  box-shadow: 0 0.3rem 1.6rem rgba(0, 0, 0, 0.231372549);
  border: 0.1rem solid #F6F7FB;
  border-radius: 0.4rem;
  padding: 3rem 1.5rem;
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container {
    display: none;
    right: -1rem;
  }
}
@media only screen and (min-width: 1520px) {
  .cart-floating-container {
    right: -5rem;
  }
}
@media only screen and (max-width: 768px) {
  .cart-floating-container {
    transform: translateX(100%);
    transition: transform 150ms ease;
  }
}
@media only screen and (max-width: 768px) {
  .cart-floating-container.opened {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) {
  .cart-floating-container.opened {
    display: inline-block;
  }
}
.cart-floating-container.opened ~ .background-overlay {
  position: fixed;
  display: block;
  visibility: visible;
  opacity: 0.8;
  z-index: 9;
}
.cart-floating-container .close-cart-panel {
  float: right;
  padding: 0 0 0 1rem;
}
.cart-floating-container .free-shipping-info {
  margin-top: 1rem;
  text-align: center;
}
.cart-floating-container .free-shipping-progressbar {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container {
    position: absolute;
    top: 3rem;
    height: 35.1rem;
    width: 33rem;
    min-width: 29.3rem;
    padding: 3rem;
  }
  .cart-floating-container .free-shipping-progressbar, .cart-floating-container .free-shipping-info {
    display: none;
  }
  .cart-floating-container .close-cart-panel {
    display: none;
  }
}
.cart-floating-container > .title {
  font-size: 1.8rem;
  text-align: left;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container > .title {
    font-size: 1.7rem;
    text-align: center;
    margin-bottom: 2rem;
  }
}
.cart-floating-container .cart-items {
  max-height: 35rem;
  overflow-y: scroll;
  width: 100%;
  margin-left: 0;
  border-top: 1px solid #F6F7FB;
  border-bottom: 1px solid #F6F7FB;
  padding: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .cart-items {
    max-height: 17.5rem;
    border-top: none;
    padding: 1rem 3rem;
    width: calc(100% + 6rem);
    margin-left: -3rem;
  }
}
.cart-floating-container .cart-items .cart-item .top, .cart-floating-container .cart-items .cart-item .bottom {
  display: flex;
}
.cart-floating-container .cart-items .cart-item .bottom {
  margin: 1.5rem 0;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
}
.cart-floating-container .cart-items .cart-item img {
  width: 100%;
  height: 100%;
  max-width: 10.8rem;
  max-height: 10.8rem;
  object-fit: contain;
}
.cart-floating-container .cart-items .cart-item .item-details {
  width: 100%;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  position: relative;
}
.cart-floating-container .cart-items .cart-item .item-details a {
  font-size: 1.2rem;
  max-width: 13.3rem;
  width: 100%;
}
.cart-floating-container .cart-items .cart-item .item-details p {
  margin: 0;
}
.cart-floating-container .cart-items .cart-item .item-details .title, .cart-floating-container .cart-items .cart-item .item-details .price {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.cart-floating-container .cart-items .cart-item .item-details .remove-cart-item {
  position: absolute;
  top: -0.3rem;
  right: -0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #A4A4A4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-floating-container .cart-items .cart-item .item-details .remove-cart-item img {
  width: 0.7rem;
}
.cart-floating-container .cart-items .cart-item .other-informations {
  font-size: 1rem;
  color: #A4A4A4;
  font-weight: 400;
}
.cart-floating-container .cart-items .cart-item .item-total {
  font-size: 1.8rem;
}
.cart-floating-container .cart-items .cart-item .controls .menu-icon {
  width: 3rem;
  height: 3rem;
  background-color: #f6f5fa;
  transform: translate(0, -0.1rem);
  margin-right: 1.5rem;
}
.cart-floating-container .cart-items .cart-item .controls .quantity {
  position: relative;
  max-width: 7.5rem;
  max-height: 3.3rem;
  display: inline-block;
}
.cart-floating-container .cart-items .cart-item .controls .quantity .cart-quantity-decrease,
.cart-floating-container .cart-items .cart-item .controls .quantity .cart-quantity-increase {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 1.75rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.cart-floating-container .cart-items .cart-item .controls .quantity .cart-quantity-decrease {
  left: 0;
  justify-content: flex-end;
}
.cart-floating-container .cart-items .cart-item .controls .quantity .cart-quantity-increase {
  right: 0;
  justify-content: flex-start;
}
.cart-floating-container .cart-items .cart-item .controls .quantity input {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.4rem 2rem;
  text-align: center;
  font-weight: 400;
  border: 0;
}
.cart-floating-container .coupon input, .cart-floating-container .coupon button {
  height: 4rem;
}
.cart-floating-container .coupon button {
  padding: 1rem;
  font-weight: 500;
}
.cart-floating-container .coupon .input-block {
  margin-bottom: 0.5rem;
}
.cart-floating-container .coupon .message {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-weight: 500;
  font-size: 1.1rem;
}
.cart-floating-container .coupon .message .icon {
  width: 1.2rem;
  height: 1.2rem;
  background-size: 50%;
  background-position: center 55%;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .coupon {
    display: none;
  }
}
.cart-floating-container .actions {
  text-align: center;
  border-top: 1px solid #F6F7FB;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 1.5rem rgba(36, 36, 36, 0.2705882353);
  margin-top: 1.5rem;
  padding: 1.5rem;
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .actions {
    padding: 3rem 0 0 0;
    display: block;
    box-shadow: none;
    margin-top: 0;
    width: 100%;
    margin-left: 0;
  }
}
.cart-floating-container .actions .total {
  font-weight: 500;
  font-size: 1.4rem;
  width: 9rem;
  margin: 0;
  height: 4rem;
  line-height: 1.8rem;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .actions .total {
    display: none;
  }
}
.cart-floating-container .actions .go-to-cart {
  display: none;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .actions .go-to-cart {
    display: inline-block;
  }
}
.cart-floating-container .actions .go-to-checkout {
  padding: 0;
  width: 16.5rem;
  height: 5.2rem;
  line-height: 5.2rem;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .actions .go-to-checkout {
    display: none;
  }
}
.cart-floating-container .payment-banners {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-floating-container .payment-banners img {
  width: 3.1rem;
  margin-right: 0.5rem;
}
.cart-floating-container .payment-banners img:first-child {
  width: 10rem;
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .cart-floating-container .total, .cart-floating-container .shipping, .cart-floating-container .payment-banners {
    display: none;
  }
}

.user-button {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 400;
  display: inline-block;
  width: 3.2rem;
  position: relative;
}
.user-button a:hover ~ .user-auth-container {
  display: inline-block;
}
.user-button .user-auth-container:hover {
  display: inline-block;
}
.user-button .user-auth-container {
  z-index: 1;
  display: none;
  height: 21.3rem;
  width: 33.3rem;
  box-shadow: 0 0.3rem 1.6rem rgba(0, 0, 0, 0.231372549);
  background-color: #FFFFFF;
  border-radius: 0.4rem;
  padding: 2.8rem 2.9rem;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 3.2rem);
}
.user-button .user-auth-container p {
  margin: 0 0 2.1rem 0;
}
.user-button .user-auth-container hr {
  height: 0.1rem;
  width: 100%;
  background-color: #F6F7FB;
  margin: 1.55rem 0 1.25rem 0;
  border: none;
}
.user-button .user-auth-container .button-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-button .user-auth-container .button-group button {
  width: 16.8rem;
}
.user-button .user-auth-container .button-group a {
  color: #1F3586;
}
.user-button .user-auth-container .button-group a:hover {
  color: #02447e;
}
.user-button .user-auth-container .footer-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.user-button .user-auth-container .footer-actions a {
  text-align: left;
  max-width: 10.2rem;
}

.our-shops:hover svg {
  transform: translateY(0.2rem);
}
.our-shops svg {
  transform: translateY(0.2rem);
}

.my-favourite .heart-filled {
  display: none;
}
.my-favourite.checked .heart-filled {
  display: inline-block;
  fill: red;
}
.my-favourite.checked .heart-bordered {
  display: none;
}
.my-favourite:hover {
  box-shadow: 0 0.3rem 1.6rem rgba(181, 181, 181, 0.5019607843);
}
.my-favourite:hover svg {
  fill: red;
}
.my-favourite svg {
  pointer-events: none;
}

.svg-center {
  position: relative;
}
.svg-center svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.svg-no-move:hover svg {
  transform: none;
}

.hero-box,
.box-square,
.box-standing-rectangle,
.box-rectangle-small {
  border-radius: 0.4rem;
}
.hero-box:hover .background,
.box-square:hover .background,
.box-standing-rectangle:hover .background,
.box-rectangle-small:hover .background {
  transform: scale(1.2);
}
.hero-box .background,
.box-square .background,
.box-standing-rectangle .background,
.box-rectangle-small .background {
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: transform 150ms ease;
}
.hero-box .action-container,
.box-square .action-container,
.box-standing-rectangle .action-container,
.box-rectangle-small .action-container {
  display: flex;
  align-items: flex-end;
  height: 100%;
  width: 60%;
  z-index: 1;
}
.hero-box .actions,
.box-square .actions,
.box-standing-rectangle .actions,
.box-rectangle-small .actions {
  position: relative;
  z-index: 1;
}

.box-square:hover .actions,
.box-standing-rectangle:hover .actions,
.box-rectangle-small:hover .actions {
  transform: translateY(-0.5rem);
}
.box-square a,
.box-standing-rectangle a,
.box-rectangle-small a {
  width: 100%;
  height: 100%;
}
.box-square .action-container,
.box-standing-rectangle .action-container,
.box-rectangle-small .action-container {
  width: 100%;
}
.box-square .actions,
.box-standing-rectangle .actions,
.box-rectangle-small .actions {
  color: #FFFFFF;
  will-change: transform;
  transition: transform 150ms ease;
}
.box-square .title,
.box-standing-rectangle .title,
.box-rectangle-small .title {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0;
}
.box-square .subtitle,
.box-standing-rectangle .subtitle,
.box-rectangle-small .subtitle {
  margin: 0.8rem 0 0 0;
  font-size: 1.4rem;
  font-weight: 300;
}

.box-standing-rectangle,
.box-rectangle-small {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 33rem;
  height: 53rem;
  padding: 3rem;
}
.box-standing-rectangle .title,
.box-rectangle-small .title {
  line-height: 3.2rem;
}
.box-standing-rectangle .subtitle,
.box-rectangle-small .subtitle {
  margin-top: 0.2rem;
}

.hero-box {
  width: 69.3rem;
  position: relative;
  display: inline-block;
  padding: 3rem;
  height: 53rem;
  overflow: hidden;
}
.hero-box .title {
  font-size: 4.2rem;
  font-weight: 400;
  margin: 0;
}
.hero-box .subtitle {
  margin: 0.5rem 0 2.5rem 0;
  font-size: 1.4rem;
  font-weight: 300;
}
.hero-box button:not(.glide__bullet):nth-child(2) {
  margin-left: 2.5rem;
}

.box-square {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 43rem;
  padding: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .box-square {
    width: 45rem;
  }
}
.box-square .title.big {
  font-size: 4.2rem;
}
.box-square.text-top-left .action-container .actions, .box-square.text-bottom-right .action-container .actions {
  width: 55%;
}
.box-square.text-bottom-right .action-container {
  justify-content: flex-end;
}
.box-square.text-top-left .action-container {
  align-items: flex-start;
}

.box-rectangle-small {
  height: 25rem;
}

.box-small {
  width: 100%;
  max-width: 33rem;
  overflow: hidden;
}
.box-small a {
  width: 100%;
  height: 100%;
}
.box-small .cover-image {
  position: relative;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 -3rem;
  height: 13rem;
  transition: transform 150ms ease;
}
.box-small .cover-image--h200 {
  height: 20rem;
}
.box-small .cover-image--scale1_1 {
  transform: scale(1.1);
}
.box-small:hover .cover-image {
  transform: scale(1.2);
}
.box-small .text {
  position: relative;
  z-index: 1;
  padding: 0.7rem 1.7rem;
  border: 0.1rem solid #F6F7FB;
  min-height: 11.7rem;
  background-color: #FFFFFF;
}
.box-small .text--no-border {
  border: none;
}
.box-small .title {
  color: black;
  line-height: 1.3;
  font-size: 1.7rem;
}

.product-box {
  max-width: 15.6rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
  display: inline-block;
}
.product-box:hover .title {
  color: #1F3586;
}
.product-box:hover > img {
  transform: translateY(0.6rem);
}
.product-box .head a img {
  width: 100%;
  max-width: 14.8rem;
  will-change: transform;
  transition: transform 150ms ease;
}
.product-box a {
  color: #575757;
}
.product-box .title {
  margin: 0.6rem 0 0 0;
  will-change: margin, color;
  transition: margin 150ms ease, color 150ms ease;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-box .price {
  margin: 1.3rem 0 0 0;
  color: #02447e;
  font-size: 1.7rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-box .price .add-to-cart {
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
}
.product-box .price .add-to-cart > img {
  width: 100%;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 150ms;
}
.product-box .price .add-to-cart .success {
  display: none;
}
.product-box .price .add-to-cart .success img {
  width: 1.5rem;
  margin-top: 0.2rem;
}
.product-box .price .add-to-cart.success {
  background-color: #1cca4e;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.product-box .price .add-to-cart.success .success {
  display: block;
}
.product-box .price .add-to-cart.success > img {
  display: none;
}
.product-box .price .add-to-cart:hover img {
  transform: translate(-50%, -50%) rotate(25deg);
}
.product-box .price.discount {
  color: #DB992F;
}
.product-box .price.discount.blue {
  color: #1F3586;
}
.product-box .price.discount span {
  text-decoration: line-through;
  color: #A4A4A4;
  font-size: 1.2rem;
  font-weight: 300;
}

.product-box.big {
  max-width: 33rem;
  width: 33rem !important;
  padding: 3rem;
  border: 0.1rem solid #F6F7FB;
  border-radius: 0.4rem;
  position: relative;
  text-align: center;
}
.product-box.big a {
  display: inline-block;
  max-width: 100%;
  overflow: auto;
}
.product-box.big:hover {
  box-shadow: 0 0.3rem 1.6rem rgba(0, 0, 0, 0.2588235294);
}
.product-box.big:hover .description {
  color: #1F3586;
}
.product-box.big:hover .head img {
  transform: scale(1.2);
}
.product-box.big .head {
  height: 21.8rem;
  min-width: 100%;
}
.product-box.big .head .image-link {
  height: 21.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .product-box.big .head .image-link {
    min-width: 21.8rem;
  }
}
.product-box.big .head .my-favourite {
  position: absolute;
  top: 1.8rem;
  right: 2.3rem;
  background-color: #F6F7FB;
}
.product-box.big .head .discount,
.product-box.big .head .new {
  position: absolute;
  top: 1.8rem;
  left: 0;
  height: 2.4rem;
  color: #FFFFFF;
  border-radius: 0 0.4rem 0.4rem 0;
  padding: 0.5rem;
  font-size: 1.2rem;
  z-index: 1;
}
.product-box.big .head .discount {
  background-color: #DB992F;
  padding-right: 0.9rem;
}
.product-box.big .head .new {
  background-color: #2FDB74;
  top: 2.2rem;
}
.product-box.big .category-rating-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.4rem;
}
.product-box.big .categories {
  color: #A4A4A4;
  font-weight: 400;
  font-size: 1.2rem;
}
.product-box.big .head a img {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  object-fit: contain;
}
.product-box.big .foot {
  white-space: normal;
  text-align: left;
}
.product-box.big .foot > a {
  min-height: 4.2rem;
}
.product-box.big .foot p {
  margin: 0;
}
.product-box.big .foot .title {
  font-weight: 500;
  margin-top: 0.7rem;
  color: black;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: initial;
}
.product-box.big .foot .price {
  margin-top: 0.9rem;
}

.our-customers-favourites .product-box.big {
  min-width: 33rem;
}

@media only screen and (max-width: 768px) {
  .product-box-container {
    display: grid !important;
    grid-auto-rows: auto;
    grid-template-columns: 1fr 1fr;
    gap: 0 !important;
  }
  .product-box-container .product-box.big {
    max-width: 100%;
    width: 100% !important;
    border-radius: 0;
    padding: 0.65rem 1.2rem 2rem 1.2rem;
  }
  .product-box-container .product-box.big .head {
    padding-top: 2rem;
  }
  .product-box-container .product-box.big > a {
    color: #000000;
    overflow: hidden;
  }
  .product-box-container .product-box.big .my-favourite {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F6F7FB;
    top: 0.65rem;
    right: 1.2rem;
    width: 2.4rem;
    height: 2.4rem;
  }
  .product-box-container .product-box.big .my-favourite svg {
    width: 50%;
  }
  .product-box-container .product-box.big .head a img {
    width: 14.5rem;
    max-width: 14.5rem;
    margin-top: 1rem;
  }
  .product-box-container .product-box.big .new {
    left: 1.2rem;
    top: 0.65rem;
    right: auto;
  }
  .product-box-container .product-box.big .discount {
    z-index: 1;
    left: 1.2rem;
    top: 3.5rem;
  }
  .product-box-container .product-box.big .title {
    font-weight: 500;
    margin-top: 1.5rem;
  }
  .product-box-container .product-box.big .price {
    font-weight: 600;
    color: #1F3586;
  }
  .product-box-container .product-box.big .categories {
    font-weight: 400;
  }
  .product-box-container .product-box.big .ratings {
    margin-top: 1rem;
    display: inline-block;
  }
}
.progress-head {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  margin-bottom: 9rem;
}
.progress-head .progress-line {
  position: relative;
  background-color: #A4A4A4;
  width: 100%;
  max-width: 75rem;
  height: 0.4rem;
}
.progress-head .progress-line .filled-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0.4rem;
  background-color: #02447e;
}
.progress-head .progress-line .filled-line.active-checkpoint-2 {
  width: 33%;
}
.progress-head .progress-line .filled-line.active-checkpoint-3 {
  width: 66%;
}
.progress-head .progress-line .filled-line.active-checkpoint-4 {
  width: 100%;
}
.progress-head .progress-line .checkpoint {
  position: absolute;
  background-color: #A4A4A4;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
}
.progress-head .progress-line .checkpoint .checkpoint-label {
  font-weight: 500;
  font-size: 1.4rem;
  position: absolute;
  bottom: -2.5rem;
  left: 0;
  min-width: 14rem;
  transform: translateX(-42%);
  text-align: center;
}
.progress-head .progress-line .checkpoint.done, .progress-head .progress-line .checkpoint.active {
  background-color: #02447e;
}
.progress-head .progress-line .checkpoint.done {
  background-image: url("../images/icons/checkmark-white.svg");
  background-repeat: no-repeat;
  background-position: 52% 50%;
}
.progress-head .progress-line .checkpoint.first {
  transform: translate(-50%, -50%);
}
.progress-head .progress-line .checkpoint.second {
  left: 33%;
}
.progress-head .progress-line .checkpoint.third {
  left: 66%;
}
.progress-head .progress-line .checkpoint.fourth {
  transform: translate(50%, -50%);
  right: 0;
}
.progress-head .progress-line.step-count-3 .second {
  left: 50%;
}
.progress-head .progress-line.step-count-3 .third {
  left: 100%;
}
.progress-head .progress-line.step-count-3 .filled-line.active-checkpoint-2 {
  width: 50%;
}
.progress-head .progress-line.step-count-3 .filled-line.active-checkpoint-3 {
  width: 100%;
}

header {
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media only screen and (min-width: 768px) {
  header {
    padding: 0;
  }
}
header .top-bar {
  display: none;
  color: #A4A4A4;
  justify-content: space-between;
  align-items: center;
  height: 4.3rem;
  border-bottom: 0.1rem solid #f8f9fc;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  header .top-bar {
    display: flex;
  }
}
header .top-bar .right-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 45.7rem;
}
header .top-bar .right-section .social-mini:first-child {
  margin-right: 0.4rem;
}
header .top-bar .right-section .social-mini:nth-child(2) {
  margin-right: 0.7rem;
}
header .top-bar .right-section .mail {
  margin-left: 1.3rem;
}
header .top-bar .right-section .phone {
  margin-left: 1.4rem;
  margin-right: 1.6rem;
}
header .top-bar .right-section .select-container {
  margin-right: 1rem;
}
header .top-bar a {
  color: #A4A4A4;
  font-size: 1.2rem;
}
header .top-bar a svg {
  fill: #A4A4A4;
}
header .main {
  height: 8rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  header .main {
    height: 9rem;
    padding: 1.1rem 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  header .main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
header .main .header-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  header .main .header-logo {
    display: block;
    justify-content: normal;
    align-items: normal;
  }
}
header .main .header-logo img {
  max-height: 3rem;
}
@media only screen and (min-width: 768px) {
  header .main .header-logo img {
    max-height: 6.826rem;
  }
}
header .main .hamburger {
  width: 1.7rem;
  height: 1.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 2rem;
  position: relative;
}
@media only screen and (min-width: 768px) {
  header .main .hamburger {
    display: none;
  }
}
header .main .hamburger .line {
  height: 0.18rem;
  width: 100%;
  border-radius: 0.84rem;
  background-color: #000000;
}
header .main .mobile-nav, header .main .mobile-search-panel {
  position: fixed;
  height: 100vh;
  padding: 6rem 0 0 0;
  width: 80%;
  background-color: #FFFFFF;
  top: 0;
  left: 0;
  z-index: 10;
  transform: translate(-100%, 0);
  transition: transform 150ms ease;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media only screen and (min-width: 768px) {
  header .main .mobile-nav, header .main .mobile-search-panel {
    display: none;
  }
}
header .main .mobile-nav.opened, header .main .mobile-search-panel.opened {
  transform: translateX(0);
}
header .main .mobile-nav.opened ~ .background-overlay, header .main .mobile-search-panel.opened ~ .background-overlay {
  visibility: visible;
  opacity: 0.8;
  z-index: 9;
}
header .main .mobile-search-panel {
  width: 100%;
  transform: translate(0, -100%);
  padding-top: 3.5rem;
  overflow-y: hidden;
}
header .main .mobile-search-panel.opened {
  transform: translateY(0);
}
header .main .mobile-search-panel .search-bar {
  display: block;
  margin: 0 1.5rem;
  padding: 0;
  width: auto;
}
header .main .mobile-search-panel .search-bar input {
  font-size: 1.4rem;
  box-shadow: 0 0.3rem 0.6rem rgba(31, 53, 134, 0.2509803922);
  padding: 0 4rem;
}
header .main .mobile-search-panel .search-bar label .close-search-panel {
  width: 4rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0.5rem 1rem;
  height: 2.5rem;
}
header .main .mobile-search-panel .search-bar label:after {
  background-image: url("../images/icons/magnifying_glass32.svg");
  height: 2.8rem;
  width: 2.8rem;
  top: 55%;
  right: 1.5rem;
  transform: translateY(-50%);
}
header .main .mobile-search-panel h2 {
  padding-left: 1.8rem;
}
header .main .mobile-search-panel .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding: 0 1.8rem;
}
header .main .mobile-search-panel .tag {
  font-size: 1.2rem;
  font-weight: 500;
  background-color: #F6F7FB;
  border-radius: 0.4rem;
  padding: 0.5rem 1.5rem;
}
header .main .mobile-nav .user-welcome {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  overflow: visible !important;
}
header .main .mobile-nav .user-welcome .submenu .move-back {
  margin-bottom: 4rem;
}
header .main .mobile-nav .user-welcome .submenu .item:not(.move-back) {
  margin: 3.5rem 0;
}
header .main .mobile-nav .user-welcome .message {
  height: 4rem;
}
header .main .mobile-nav .user-welcome .message p {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
}
header .main .mobile-nav .user-welcome .message .name {
  font-size: 1.7rem;
  font-weight: 500;
}
header .main .mobile-nav .user-welcome .shape--circle img,
header .main .mobile-nav .navigation .shape--circle img {
  width: 100%;
  max-width: 10rem;
  height: 100%;
  max-height: 10rem;
  object-fit: cover;
}
header .main .mobile-nav .user-welcome .shape--circle {
  margin-top: -0.75rem;
}
header .main .mobile-nav .navigation {
  overflow-x: hidden;
  min-height: calc(100% - 6rem - 4rem);
}
header .main .mobile-nav .navigation .item {
  overflow: auto;
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  transition: transform 200ms ease;
}
header .main .mobile-nav .navigation .item .text img {
  display: none;
}
header .main .mobile-nav .navigation .item.has-submenu {
  overflow: visible;
}
header .main .mobile-nav .navigation .item.has-submenu > a .text img {
  display: block;
}
header .main .mobile-nav .navigation .item .submenu {
  transform: translateX(100%);
  transition: transform 200ms ease;
  height: 0;
  position: absolute;
  top: 6rem;
  left: 1.5rem;
  width: calc(100% - 1.5rem);
}
header .main .mobile-nav .navigation .item .submenu li {
  height: 0;
}
header .main .mobile-nav .navigation .item.separator {
  border-bottom: 0.1rem solid #F6F7FB;
  padding-bottom: 1.5rem;
}
header .main .mobile-nav .navigation .item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: auto;
  font-size: 1.4rem;
  color: #000000;
  font-weight: 400;
}
header .main .mobile-nav .navigation .item .shape--circle {
  margin-right: 1.5rem;
  border: 0.1rem solid #F6F7FB;
}
header .main .mobile-nav .navigation .item .text {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
header .main .mobile-nav .navigation .item.active .text {
  color: #02447e;
  font-weight: 600;
}
header .main .mobile-nav .foot {
  font-size: 1.2rem;
  padding: 0 1.5rem;
}
header .main .mobile-nav .close-button {
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  border-width: 0.1rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
header .main .mobile-nav .close-button img {
  width: 1.4rem;
  height: 1.4rem;
}
header .main .mobile-nav.current-depth-2 > .navigation > .item, header .main .mobile-nav.current-depth-3 > .navigation > .item {
  transition: transform 200ms ease;
  transform: translateX(-100%);
}
header .main .mobile-nav.current-depth-2 .active-submenu > .submenu, header .main .mobile-nav.current-depth-3 .active-submenu > .submenu {
  transition: transform 200ms ease;
  transform: translateX(0);
  height: auto;
}
header .main .mobile-nav.current-depth-2 .active-submenu > .submenu li, header .main .mobile-nav.current-depth-3 .active-submenu > .submenu li {
  height: auto;
}
header .main .mobile-nav.current-depth-3 .navigation {
  overflow-x: visible;
}
header .main .mobile-nav.current-depth-3 .has-submenu.depth-3 .submenu {
  transform: translateX(0);
}
header .main .mobile-nav.current-depth-3 .active-submenu .submenu {
  transform: translateX(100%);
}
header .main .mobile-nav.current-depth-3 .active-submenu.depth-3-opened > .navigation > .item {
  transform: translateX(-100%);
}
header .main .mobile-nav.current-depth-3 .depth-3.active-submenu .item {
  transform: translateX(100%);
}
header .main .mobile-nav .active-submenu > .submenu .move-back {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
header .main .mobile-nav .active-submenu > .submenu .move-back > img {
  transform: rotate(180deg);
  width: 0.8rem;
  margin-right: 1rem;
}
header .main .search-bar {
  position: relative;
  display: none;
  max-width: 75rem;
  margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
  header .main .search-bar {
    display: block;
  }
}
header .main .ajax-search-result-box {
  display: none;
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  height: auto;
  border: 1px solid #e7e7e7;
  overflow: auto;
  z-index: 11111;
  background-color: white;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);
}
header .main .ajax-search-result-box.opened {
  display: block;
}
header .main .ajax-search-result-box .result-list, header .main .mobile-search-results .result-list {
  max-height: 70vh;
  overflow-y: scroll;
  padding-bottom: 4rem;
}
header .main .ajax-search-result-box .show-all, header .main .mobile-search-results .show-all {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  background: white;
  border-top: 1px solid #e0e0e0;
  font-weight: 500;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .main .ajax-search-result-box .no-result-found, header .main .mobile-search-results .no-result-found {
  padding: 3rem 1rem;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}
header .main .ajax-search-result-box .loading-item, header .main .mobile-search-results .loading-item {
  text-align: center;
  padding-top: 1rem;
}
header .main .ajax-search-result-box .list-item, header .main .mobile-search-results .list-item {
  padding: 1rem;
  border-bottom: 0.1rem solid #eeeeee;
}
header .main .ajax-search-result-box .list-item::marker, header .main .mobile-search-results .list-item::marker {
  display: none;
}
header .main .ajax-search-result-box .list-item:hover, header .main .mobile-search-results .list-item:hover {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2);
}
header .main .ajax-search-result-box .list-item:hover .product-name, header .main .mobile-search-results .list-item:hover .product-name {
  color: #02447e;
}
header .main .ajax-search-result-box .list-item a, header .main .mobile-search-results .list-item a {
  display: flex;
  align-items: center;
}
header .main .ajax-search-result-box p, header .main .mobile-search-results p {
  margin: 0;
  font-weight: 400;
}
header .main .ajax-search-result-box .product-image-container, header .main .mobile-search-results .product-image-container {
  width: 12rem;
  height: 12rem;
  text-align: center;
  margin-right: 2rem;
}
header .main .ajax-search-result-box .product-image, header .main .mobile-search-results .product-image {
  max-width: 12rem;
  object-fit: contain;
  grid-area: img;
  height: 100%;
}
header .main .ajax-search-result-box .product-name, header .main .ajax-search-result-box .product-price, header .main .ajax-search-result-box .product-quantity, header .main .mobile-search-results .product-name, header .main .mobile-search-results .product-price, header .main .mobile-search-results .product-quantity {
  color: black;
}
header .main .ajax-search-result-box .product-name, header .main .mobile-search-results .product-name {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 0;
}
header .main .ajax-search-result-box .rating, header .main .mobile-search-results .rating {
  margin: 0.2rem 0;
}
header .main .ajax-search-result-box .rating svg, header .main .mobile-search-results .rating svg {
  display: inline-block;
  width: 1.5rem;
  fill: #DB992F;
}
header .main .ajax-search-result-box .rating .rating-numeric-value, header .main .mobile-search-results .rating .rating-numeric-value {
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
}
header .main .ajax-search-result-box .product-price, header .main .mobile-search-results .product-price {
  font-size: 1.5rem;
  font-weight: 500;
}
header .main .ajax-search-result-box .product-price .net, header .main .mobile-search-results .product-price .net {
  color: #606060;
  font-size: 1.4rem;
}
header .main .ajax-search-result-box .product-quantity, header .main .mobile-search-results .product-quantity {
  display: flex;
  align-items: center;
  margin-top: 0.7rem;
}
header .main .ajax-search-result-box .product-quantity.in-stock, header .main .mobile-search-results .product-quantity.in-stock {
  color: #1A973E;
}
header .main .ajax-search-result-box .product-quantity.out-of-stock, header .main .mobile-search-results .product-quantity.out-of-stock {
  color: #ff0000;
}
header .main .ajax-search-result-box .product-quantity span, header .main .mobile-search-results .product-quantity span {
  width: 2rem;
  height: 2rem;
  background-size: 50%;
  margin-right: 0.5rem;
}
header .main .ajax-search-result-box .ratings, header .main .mobile-search-results .ratings {
  display: inline-block;
  margin-bottom: 0.7rem;
}
header .main .ajax-search-result-box .ratings svg, header .main .mobile-search-results .ratings svg {
  width: 1rem;
  height: 1rem;
}
header .main .mobile-search-results {
  margin-top: 2rem;
}
header .main .mobile-search-results .product-image {
  width: auto;
  min-height: 12rem;
}
header .main .mobile-search-results .result-list {
  padding-bottom: 6rem;
  max-height: calc(100vh - 8.5rem);
}
header .main .user-tools {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  header .main .user-tools {
    min-width: 20rem;
  }
}
header .main .user-tools .our-shops {
  display: none;
  margin-right: 2rem;
}
@media only screen and (min-width: 768px) {
  header .main .user-tools .our-shops {
    display: block;
  }
}
header .main .user-tools .menu-icon:not(:first-child) {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  transform: translateY(0.1rem);
}
header .nav {
  display: none;
  position: relative;
  width: 100%;
  background-color: #02447e;
  height: 3rem;
}
@media only screen and (min-width: 768px) {
  header .nav {
    display: block;
  }
}
header .nav a, header .nav .nav-item span, header .nav .nav-item-open span {
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
  font-size: 1.4rem;
}
header .nav .nav-item-open .mega-menu {
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
header .nav .nav-item-open .mega-menu-overlay {
  opacity: 0.95;
  visibility: visible;
  z-index: 8;
}
header .nav .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 2rem;
}
header .nav .container > ul {
  line-height: 3rem;
  height: 100%;
  display: flex;
  align-items: center;
}
header .nav li {
  height: 100%;
  padding-right: 1.4rem;
}
header .mega-menu {
  padding: 4.5rem 0 8.2rem 0;
  background: #ffffff;
  font-size: 1.7rem;
  position: absolute;
  top: 3rem;
  left: 0;
  width: 100%;
  border-radius: 0 0 0.4rem 0.4rem;
  line-height: 1.5;
  visibility: hidden;
  opacity: 0;
  will-change: transform;
  transition: transform 50ms ease, opacity 0ms ease, visibility 0ms ease;
  z-index: -1;
}
header .mega-menu a {
  color: black;
  font-weight: 400;
}
header .mega-menu h2.title {
  color: black;
  font-size: 2.4rem;
}
header .mega-menu .columns {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
header .mega-menu li {
  line-height: 3rem;
}
header .mega-menu li a {
  font-size: 1.7rem;
}
header .mega-menu .products .product-box {
  min-width: 45%;
  max-width: 45%;
}
header .mega-menu .products .product-box:first-child {
  margin-right: 3rem;
}
header .mega-menu .products .product-box img {
  min-height: 14.8rem;
  max-height: 14.8rem;
  object-fit: contain;
}
header .mega-menu .column.products {
  max-width: 35rem;
}
header .mega-menu .column.products .column-title {
  margin-bottom: 4.5rem;
}
header .mega-menu .column-title {
  font-weight: 800;
  color: #02447e;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #DB992F;
}
header .mega-menu-overlay {
  position: absolute;
  top: 3rem;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #02447e;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: opacity, visibility;
  transition: opacity 0ms ease, visibility 0ms ease;
}

.sticky-header {
  padding-top: 16rem;
}
.sticky-header header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: white;
  width: 100%;
}
.sticky-header header .top-bar {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  header .top-bar,
header .mega-menu {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.hero-container {
  display: grid;
  grid-template-areas: "big";
  padding: 4rem 1.5rem 0 1.5rem;
  grid-gap: 1.9rem;
}
.hero-container .hero-glide {
  padding: 0;
}
.hero-container .hero-glide .glide__track, .hero-container .hero-glide .glide__slides {
  height: 30rem;
}
.hero-container .hero-glide .slide {
  position: relative;
  padding: 2rem;
}
.hero-container .hero-glide .glide__bullets {
  z-index: 89;
  position: absolute;
  bottom: 46%;
  left: 2rem;
}
.hero-container .hero-glide .control-bullet {
  display: inline-block;
  background: white;
  border: 0;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 1rem;
  padding: 0;
  cursor: pointer;
  will-change: height, width;
  transition: height 150ms ease, width 150ms ease;
}
.hero-container .hero-glide .control-bullet:hover {
  box-shadow: none;
  height: 0.6rem;
  width: 0.6rem;
}
.hero-container .hero-glide .control-bullet.control-bullet.glide__bullet--active {
  transition: all 450ms ease;
  width: 1.8rem;
}
.hero-container .hero-glide .control-bullet.control-bullet.glide__bullet--active:hover {
  width: 2rem;
}
.hero-container .hero-box {
  width: 100%;
}
.hero-container .hero-box:hover .background {
  transform: none;
}
.hero-container .hero-box:hover .glide__slide--active .background {
  transform: scale(1.2);
}
.hero-container .ver-full-previews {
  display: none;
}
.hero-container .area-big {
  width: 100%;
  grid-area: big;
}
.hero-container .area-big .title {
  margin-bottom: 0;
}
.hero-container .area-standing {
  width: 100%;
  grid-area: standing;
}
.hero-container .area-small-top {
  width: 100%;
  height: 100%;
  grid-area: small-top;
}
.hero-container .area-small-bottom {
  width: 100%;
  height: 100%;
  grid-area: small-bottom;
  align-self: end;
}
.hero-container .area-standing, .hero-container .area-small-top, .hero-container .area-small-bottom {
  display: none;
}
.hero-container .area-big .title, .hero-container .area-standing .title, .hero-container .area-small-top .title, .hero-container .area-small-bottom .title {
  font-weight: 500;
}
.hero-container .actions {
  width: 100%;
}
.hero-container .actions .title {
  word-break: break-word;
  white-space: normal;
}
@media only screen and (max-width: 768px) {
  .hero-container .area-big {
    height: 30rem;
  }
  .hero-container .area-big .action-container {
    display: block;
  }
  .hero-container .area-big .action-container .actions {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
  }
  .hero-container .area-big .action-container .actions .title {
    font-size: 2.7rem;
  }
  .hero-container .area-big .action-container .actions .subtitle {
    margin-bottom: 0;
  }
  .hero-container .area-big .action-container .buttons {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .hero-container {
    display: grid;
    grid-template-areas: "big big" "standing small-top" "standing small-bottom";
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .hero-container .area-standing, .hero-container .area-small-top, .hero-container .area-small-bottom {
    display: block;
  }
  .hero-container .hero-glide .glide__track, .hero-container .hero-glide .glide__slides {
    height: 53rem;
  }
  .hero-container .hero-glide .slide {
    padding: 3rem;
  }
  .hero-container .hero-glide .glide__bullets {
    bottom: 43%;
    left: 3.4rem;
  }
  .hero-container.ver-2-2 {
    grid-template-areas: "big big small-top" "big big small-bottom";
    grid-template-columns: 1fr 1fr auto;
  }
  .hero-container.ver-2-2 .area-standing {
    display: none;
  }
  .hero-container.ver-2-2 .area-big {
    width: 100%;
  }
  .hero-container.ver-full {
    grid-template-areas: "big";
  }
  .hero-container.ver-full .action-container {
    height: 65%;
  }
  .hero-container.ver-full .area-standing, .hero-container.ver-full .area-small-top, .hero-container.ver-full .area-small-bottom {
    display: none;
  }
  .hero-container.ver-full .glide__bullets {
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .hero-container.ver-full .ver-full-previews {
    display: flex;
    justify-content: flex-start;
    bottom: 4rem;
    gap: 3rem;
    width: calc(100% - 6rem);
    overflow-x: scroll;
    z-index: 9;
  }
  .hero-container.ver-full .ver-full-previews .glide__bullet {
    width: 33rem;
    min-width: 33rem;
    height: 13rem;
    background-color: white;
    opacity: 0.9;
    display: flex;
    align-items: center;
    padding: 0.6rem 0.7rem;
    border-radius: 0.5rem;
    transition: opacity 250ms ease;
    cursor: pointer;
  }
  .hero-container.ver-full .ver-full-previews .glide__bullet:hover {
    opacity: 1;
  }
  .hero-container.ver-full .ver-full-previews .preview-image {
    width: 10.9rem;
    height: 11.4rem;
    border-radius: 0.5rem;
    object-fit: cover;
    margin-right: 1.7rem;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-container {
    grid-template-areas: "big standing small-top" "big standing small-bottom";
  }
  .hero-container.ver-2-2 .area-small-top, .hero-container.ver-2-2 .area-small-bottom {
    width: 32rem;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-container.ver-2-2 .area-small-top, .hero-container.ver-2-2 .area-small-bottom {
    width: 40rem;
  }
  .hero-container.ver-full .hero-box {
    height: 68.2rem;
  }
  .hero-container.ver-full .glide__track, .hero-container.ver-full .glide__slides {
    height: 100%;
  }
}
@media only screen and (min-width: 1400px) {
  .hero-container.ver-2-2 .area-small-top, .hero-container.ver-2-2 .area-small-bottom {
    width: 45rem;
  }
}
@media only screen and (min-width: 1440px) {
  .hero-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.info-boxes-container {
  position: relative;
  margin-top: 3rem;
}

.scroll-container {
  position: relative;
  display: flex;
  align-self: center;
  padding: 0 0 0 1.5rem;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 1rem);
  overflow-x: scroll;
  gap: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .scroll-container {
    gap: 0;
    width: 100%;
    justify-content: space-between;
    border: 1px solid #F6F7FB;
    box-shadow: 0 0.3rem 1.6rem rgba(230, 230, 230, 0.2509803922);
    padding: 4.8rem 2.4rem 4.8rem 2.4rem;
    overflow-x: auto;
  }
  .scroll-container .info-box {
    min-width: 30rem;
  }
}

.product-offer-boxes {
  display: none;
  padding: 3.4rem 0 3.4rem 0;
  justify-content: space-between;
  align-self: center;
}
.product-offer-boxes h2 {
  color: #02447e;
  font-weight: 500;
  text-align: center;
  margin-bottom: 3.5rem;
}
.product-offer-boxes .product-offer .product-box:not(:last-child) {
  margin-right: 2.8rem;
}
.product-offer-boxes .product-offer .product-box .price {
  color: #02447e;
  justify-content: flex-end;
}
.product-offer-boxes .product-offer .product-box .price.discount span {
  margin-right: 0.5rem;
  justify-content: space-between;
}
.product-offer-boxes .latest-glide {
  width: 33.2rem;
  padding: 0 0;
}
.product-offer-boxes .latest-glide .product-box {
  width: 15.6rem !important;
  padding: 0;
}
.product-offer-boxes .latest-glide .product-box a {
  max-width: 15.6rem;
  min-width: 15.6rem;
  white-space: normal;
}
.product-offer-boxes .latest-glide .product-box img {
  object-fit: contain;
  max-width: 15.6rem;
  max-height: 15.6rem;
  width: 100%;
  height: 100%;
  min-height: 15.6rem;
}
.product-offer-boxes .latest-glide .slide {
  position: relative;
}
.product-offer-boxes .latest-glide .glide__bullets {
  z-index: 9;
  text-align: center;
  margin-top: 7rem;
}
.product-offer-boxes .latest-glide .control-bullet {
  display: inline-block;
  background: #02447e;
  border: 0;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 1rem;
  padding: 0;
  cursor: pointer;
  will-change: height, width;
  transition: height 150ms ease, width 150ms ease;
}
.product-offer-boxes .latest-glide .control-bullet:hover {
  box-shadow: none;
  height: 0.6rem;
  width: 0.6rem;
}
.product-offer-boxes .latest-glide .control-bullet.control-bullet.glide__bullet--active {
  transition: all 250ms ease;
  width: 1.8rem;
}
.product-offer-boxes .latest-glide .control-bullet.control-bullet.glide__bullet--active:hover {
  width: 2rem;
}
@media only screen and (min-width: 768px) {
  .product-offer-boxes {
    display: flex;
    gap: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .product-offer-boxes .product-offer {
    display: none;
  }
  .product-offer-boxes .box-square {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .product-offer-boxes {
    gap: 0;
  }
  .product-offer-boxes .box-square {
    width: 32rem;
  }
  .product-offer-boxes .product-offer {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .product-offer-boxes .box-square {
    width: 40rem;
  }
}
@media only screen and (min-width: 1400px) {
  .product-offer-boxes {
    padding-left: 0;
    padding-right: 0;
  }
  .product-offer-boxes .box-square {
    width: 45rem;
  }
}

.search-categories {
  display: none;
  background-color: #FDF9FD;
  padding: 4.5rem 0 10rem 0;
}
@media only screen and (min-width: 768px) {
  .search-categories {
    display: block;
  }
}
.search-categories .tiles {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.search-categories .tiles .tile {
  padding: 0;
}
.search-categories .tiles .tile a {
  color: white;
  padding: 2.6rem 2rem;
}
.search-categories .tiles .tile a i {
  font-size: 4.2rem;
}
@media only screen and (min-width: 1440px) {
  .search-categories .tiles {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

.our-customers-favourites {
  padding-top: 6.5rem;
  display: none;
}
@media only screen and (min-width: 768px) {
  .our-customers-favourites {
    display: block;
  }
}
.our-customers-favourites .title-bar h2.title {
  margin: 0;
}
.our-customers-favourites .product-slider {
  margin-top: 5.5rem;
}
.our-customers-favourites .glide__slides {
  padding-bottom: 2rem;
}

.big-banners {
  display: none;
  margin-top: 3rem;
}
@media only screen and (min-width: 768px) {
  .big-banners {
    display: block;
  }
}
.big-banners .container {
  display: flex;
  justify-content: center;
}
.big-banners .box-square:not(:last-child) {
  margin-right: 3rem;
}
.big-banners .box-square {
  width: 100%;
  height: 53rem;
  max-width: 69rem;
  background-color: #000;
}
@media only screen and (max-width: 1024px) {
  .big-banners .box-square .action-container .actions {
    width: 90%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1260px) {
  .big-banners .box-square .action-container .actions {
    width: 70%;
  }
}
.big-banners .box-square:hover .background {
  opacity: 0.8;
}

.last-viewed-products {
  display: none;
  padding-bottom: 3.5rem;
}
@media only screen and (min-width: 768px) {
  .last-viewed-products {
    display: block;
  }
}
.last-viewed-products .title-bar h2.title {
  margin-top: 6rem;
}
.last-viewed-products .products {
  display: flex;
  justify-content: space-between;
  overflow-x: scroll;
  gap: 2rem;
}
.last-viewed-products .product-box {
  min-width: 15.6rem;
}
.last-viewed-products .product-box a {
  max-width: 15.6rem;
  min-width: 15.6rem;
  white-space: normal;
}
.last-viewed-products .product-box img {
  object-fit: contain;
  max-width: 15.6rem;
  max-height: 15.6rem;
  width: 100%;
  height: 100%;
  min-height: 15.6rem;
}
.last-viewed-products .product-box .price {
  color: #02447e;
  justify-content: center;
}
.last-viewed-products .product-box .price.discount span {
  margin-right: 0.5rem;
  justify-content: space-between;
}

.magazine .grid-container {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  gap: 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .magazine .grid-container {
    display: grid;
    grid-template-areas: "big-box big-box" "sbox-1 sbox-2" "sbox-3 sbox-4";
  }
}
@media only screen and (min-width: 1024px) {
  .magazine .grid-container {
    padding: 0;
    display: grid;
    grid-template-areas: "big-box big-box sbox-1 sbox-2" "big-box big-box sbox-3 sbox-4";
    grid-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.magazine .grid-container .box-square .title {
  line-height: 1.5;
  margin-top: 1rem;
}
.magazine .grid-container .box-small .title {
  font-weight: 500;
}
@media only screen and (max-width: 1024px) {
  .magazine .grid-container .box-square {
    padding: 1.5rem;
  }
  .magazine .grid-container .box-small {
    width: 100%;
    max-width: 100%;
    border: 0.1rem solid #F6F7FB;
    border-radius: 0.4rem;
  }
  .magazine .grid-container .box-small a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .magazine .grid-container .box-small .cover-image {
    width: 10.4rem;
    height: 12rem;
    background-size: 155%;
    background-position: center center;
  }
  .magazine .grid-container .box-small .text {
    border: none !important;
    padding-top: 1.5rem;
  }
}
.magazine .grid-container .big-box {
  width: 100%;
  max-width: 69rem;
  height: 53rem;
  grid-area: big-box;
}
.magazine .grid-container .big-box .background {
  background-position: center center;
}
.magazine .grid-container .big-box .title {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .magazine .grid-container .big-box {
    max-width: 100%;
    height: 30rem;
  }
  .magazine .grid-container .big-box .action-container {
    flex-direction: column;
    justify-content: flex-end;
  }
  .magazine .grid-container .big-box .actions {
    width: 100%;
  }
  .magazine .grid-container .big-box .title {
    font-weight: 500;
  }
  .magazine .grid-container .big-box .subtitle {
    display: none;
  }
}
.magazine .grid-container .sbox-1 {
  grid-area: sbox-1;
}
.magazine .grid-container .sbox-2 {
  grid-area: sbox-2;
}
.magazine .grid-container .sbox-3 {
  grid-area: sbox-3;
}
.magazine .grid-container .sbox-4 {
  grid-area: sbox-4;
}

.newsletter {
  color: white;
  margin: 3rem 0 2rem 0;
}
.newsletter .container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  padding: 5rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .newsletter .container {
    gap: 2rem;
  }
  .newsletter .container > .text {
    width: 50%;
    min-width: 50%;
  }
  .newsletter .container form {
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .newsletter .container {
    padding: 5rem 3rem;
  }
}
@media only screen and (max-width: 1024px) {
  .newsletter .container {
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.newsletter .container .title {
  font-size: 4.2rem;
  margin: 0 0 1.5rem 0;
}
.newsletter .container .subtitle {
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0;
}
.newsletter .container form {
  width: 100%;
  text-align: left;
  margin-top: 1rem;
}
.newsletter .container form .input-block {
  width: calc(100% - 14rem);
  margin: 0 0.5rem 0 0;
  display: inline-block;
}
.newsletter .container form input {
  border: 0.1rem solid #A4A4A4;
  height: 5.2rem;
  max-width: 100%;
}
.newsletter .container form button {
  display: inline-block;
  border: 1px solid #02447e;
  padding-bottom: 1.6rem;
}
.newsletter .container form .checkbox-container {
  margin-top: 0.5rem;
  padding-left: 3.2rem;
}
.newsletter .container form .checkbox-container .label a {
  color: #02447e;
  font-weight: 500;
}
.newsletter .container form .checkbox-container .checkmark {
  border-color: white;
}
.newsletter .container form .checkbox-container input:checked ~ .checkmark {
  border-color: #ffffff;
  background: #02447e url(/catalog/view/theme/pirex/assets/images/icons/checkmark-white.svg) no-repeat center;
}

.brands {
  margin-bottom: 1.2rem;
  overflow-x: scroll;
  position: relative;
  display: flex;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .brands {
    justify-content: flex-start;
    padding: 0 0 0 0;
    align-items: center;
    border-bottom: 0.1rem solid #F6F7FB;
    border-top: 0.1rem solid #e6e6e6;
    margin-top: 2.5rem;
    margin-bottom: 0;
    width: 100%;
  }
}
.brands .container {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  align-items: center;
  overflow-y: hidden;
  overflow-x: scroll;
}
.brands .brand-box {
  width: 16.5rem;
  min-width: 16.5rem;
  height: 16.5rem;
}
.brands .brand-box img {
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .brands .container {
    overflow-x: hidden;
  }
  .brands .brand-box {
    min-width: auto;
  }
}

.image-gallery-row {
  display: flex;
  justify-content: space-between;
  overflow-y: hidden;
  overflow-x: scroll;
}
.image-gallery-row .image-box {
  margin: auto;
}
.image-gallery-row .image-box img {
  max-height: 22.5rem;
  max-width: 24.1rem;
  display: block;
  min-height: 22.5rem;
  min-width: 24.1rem;
  object-fit: cover;
}

footer {
  padding-top: 4rem;
  background-color: #FDF9FD;
}
footer .top-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #A4A4A4;
  flex-wrap: wrap;
}
footer .top-row .info-box {
  min-width: 0;
  flex: 0 1 auto;
  margin-right: 2%;
  margin-bottom: 2%;
}
footer .top-row .info-box .icon-wrapper {
  background-color: white;
}
footer .top-row .info-box .icon-wrapper svg {
  fill: #DB992F;
}
footer .top-row .info-box .text a {
  color: #1F3586;
}
footer .top-row .info-box .text a svg {
  fill: #1F3586;
}
footer .top-row .info-box:hover .icon-wrapper {
  box-shadow: 0 0.3rem 0.6rem #DB992F;
}
footer .columns {
  display: flex;
  justify-content: space-between;
  padding-top: 2.5rem;
  font-weight: 400;
  font-size: 1.7rem;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #A4A4A4;
  gap: 2rem;
}
footer .columns .logo {
  max-width: 14.4rem;
  margin-top: 1rem;
}
footer .columns a {
  color: black;
  font-size: 1.7rem;
}
footer .columns .column {
  width: 100%;
  max-width: 33rem;
}
footer .columns .column .title {
  font-size: 1.7rem;
  font-weight: 600;
  border-bottom: 0.1rem solid #A4A4A4;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
footer .columns .column ul li {
  margin-bottom: 1.5rem;
}
footer .bottom-row {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
}
footer .bottom-row .banners {
  display: flex;
  align-items: center;
}
footer .bottom-row .banners img {
  max-width: 3.2rem;
  margin-right: 0.5rem;
}
footer .bottom-row .banners .simplepay {
  max-width: 10rem;
  margin-right: 8rem;
}
footer .bottom-row .banners .amex {
  margin-left: -0.5rem;
}
footer .bottom-row .banners .olcsobbat {
  max-width: 8rem;
  margin-right: 3rem;
  margin-left: 3rem;
}
footer .bottom-row .banners .arukereso {
  max-width: 12rem;
}
footer .bottom-row .copyright p {
  margin: 2rem 0;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  footer {
    background-color: #ffffff;
    padding-top: 0;
  }
  footer .columns {
    flex-direction: column;
    border-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  footer .columns .about-us {
    display: none;
  }
  footer .columns .column {
    max-width: 100%;
  }
  footer .columns .column .title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 0.1rem solid #F6F7FB;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
  }
  footer .columns .column .title .mobile-section-toggle {
    box-shadow: 0 0.2rem 0.3rem rgba(36, 36, 36, 0.1215686275);
    background-color: #FFFFFF;
    z-index: 6;
    position: static;
    transform: translateY(0);
  }
  footer .columns .column .title .mobile-section-toggle img {
    transform: rotate(90deg);
  }
  footer .columns .column ul {
    max-height: 0;
    visibility: hidden;
    transition: max-height 250ms ease;
    padding-top: 1rem;
    padding-left: 1.5rem;
  }
  footer .columns .column ul li {
    max-height: 0;
    margin-bottom: 0;
    transition: max-height 250ms ease;
  }
  footer .columns .column.opened ul {
    max-height: 100rem;
    visibility: visible;
  }
  footer .columns .column.opened ul li {
    max-height: 10rem;
    margin-bottom: 1.5rem;
  }
  footer .bottom-row {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0.5rem;
  }
  footer .bottom-row .banners {
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .bottom-row .banners .simplepay {
    margin-right: 3rem;
  }
  footer .bottom-row .banners .olcsobbat {
    margin-right: 5.5rem;
    margin-top: 1.5rem;
    margin-left: -1rem;
  }
  footer .bottom-row .banners .arukereso {
    max-width: 12rem;
    margin-top: 1.5rem;
  }
  footer .copyright p {
    font-size: 1.2rem;
    font-weight: 400;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  footer .top,
footer .columns,
footer .bottom-row {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.breadcrumbs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  padding: 3.2rem 0 2.7rem 0;
  border-bottom: 0.1rem solid #E4E4E4;
}
.breadcrumbs .links {
  color: #A4A4A4;
  font-weight: 300;
}
.breadcrumbs .links a {
  color: #A4A4A4;
}
.breadcrumbs .links a:hover {
  color: #02447e;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .breadcrumbs {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.shop .content-container {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shop .content-container {
    display: flex;
    justify-content: space-between;
  }
}
.shop .mobile-filter-bar ul {
  padding-right: 4rem;
  height: auto;
}
.shop .mobile-filter-bar .item {
  height: auto;
  padding: 0.5rem 1.5rem;
  background-color: #F6F7FB;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}
.shop .sidebar {
  width: 33rem;
  max-width: 33rem;
  border-right: 0.1rem solid #E4E4E4;
}
@media only screen and (max-width: 768px) {
  .shop .sidebar {
    border-radius: 0.4rem 0.4rem 0 0;
    position: fixed;
    width: 100vw;
    height: 75vh;
    background-color: white;
    border-right: none;
    max-width: 100vw;
    z-index: 8;
    bottom: 0;
    left: 0;
    padding: 0 1.5rem;
    transition: transform 250ms ease;
    transform: translateY(100%);
  }
}
@media only screen and (max-width: 768px) {
  .shop .sidebar.opened {
    transform: translateY(0);
  }
}
.shop .sidebar.opened .sidebar-actions {
  display: flex;
}
.shop .sidebar.opened ~ .sidebar-mobile-backdrop {
  transform: translateY(0);
}
.shop .sidebar .sorting {
  font-size: 1.7rem;
  font-weight: 400;
  border: 0;
  width: 100%;
}
.shop .sidebar .sorting .options {
  margin-top: 1rem;
}
.shop .sidebar .sidebar-actions {
  display: none;
}
.shop .sidebar .sidebar-actions .delete-filters {
  border: none;
  color: black;
}
.shop .sidebar .items-container {
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 15rem;
}
@media only screen and (min-width: 768px) {
  .shop .sidebar .items-container aside {
    width: 33rem;
    max-width: 33rem;
  }
}
.shop .sidebar-mobile-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  margin-bottom: 1.5rem;
}
.shop .sidebar-mobile-title-bar span {
  font-size: 1.8rem;
}
.shop .sidebar-mobile-title-bar img {
  width: 1.5rem;
}
.shop .sidebar-mobile-backdrop {
  content: "";
  transition: transform 250ms ease;
  transform: translateY(100%);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  z-index: 7;
  width: 100vw;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .shop .sidebar-mobile-backdrop {
    display: none;
  }
}
.shop .sidebar-item {
  padding: 2.5rem 3.5rem 2.5rem 1.5rem;
  border-bottom: 0.1rem solid #E4E4E4;
}
@media only screen and (max-width: 768px) {
  .shop .sidebar-item {
    padding-right: 0;
    padding-left: 0;
  }
}
.shop .sidebar-item .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.shop .sidebar-item .item-title h4 {
  color: #1A202C;
  font-size: 1.7rem;
  margin: 0;
}
.shop .sidebar-item .item-title .toggler {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .shop .sidebar-item .item-title .toggler {
    box-shadow: 0 0.2rem 0.3rem rgba(36, 36, 36, 0.1215686275);
    background-color: #FFFFFF;
    border-radius: 500rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.shop .sidebar-item .item-title .toggler input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.shop .sidebar-item .item-title .toggler svg {
  width: 1.2rem;
  height: 0.7rem;
  cursor: pointer;
  will-change: transform;
  transition: transform 150ms ease;
}
.shop .sidebar-item .item-title .toggler:hover svg {
  fill: #02447e;
}
.shop .sidebar-item .item-title .toggler input:checked ~ svg {
  transform: rotate(180deg);
}
.shop .sidebar-item .item-content {
  position: relative;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 150ms ease;
  height: 100%;
  max-height: 0;
}
@media only screen and (max-width: 768px) {
  .shop .sidebar-item .item-content {
    padding: 0 1.5rem;
  }
}
.shop .sidebar-item .item-content.opened {
  max-height: 50rem;
  visibility: visible;
  opacity: 1;
}
.shop .color-selector .item-content {
  display: flex;
  flex-wrap: wrap;
  width: 33rem;
  margin-left: -0.4rem;
}
.shop .color-selector .checkbox-container {
  margin: 0 2.5rem 0.7rem 0;
}
.shop .gender-selector .checkbox-container, .shop .filterable-checkbox-selector .checkbox-container {
  display: block;
  margin-bottom: 1.5rem;
}
.shop .price-selector .inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
.shop .price-selector .inputs input {
  font-size: 1.4rem;
  font-weight: 500;
  max-width: 9rem;
  border-radius: 0;
  padding: 0.3rem;
  text-align: center;
}
.shop .filterable-checkbox-selector .search-input {
  margin-bottom: 2.5rem;
}
.shop .products-container {
  position: relative;
  width: 100%;
  padding: 2.2rem 0 2.2rem 3rem;
  font-size: 1.7rem;
}
@media only screen and (max-width: 768px) {
  .shop .products-container {
    padding-left: 0;
  }
}
.shop .products-container .title-bar {
  margin-bottom: 2.5rem;
}
.shop .products-container .title-bar .title {
  font-size: 4.2rem;
  margin: 0;
}
.shop .products-container .title-bar .product-counter {
  padding-top: 2rem;
  font-weight: 400;
}
.shop .products-container .subcategories {
  font-size: 1.7rem;
  font-weight: 400;
  columns: var(--columns, 4);
  -webkit-columns: var(--columns, 4);
  -moz-columns: var(--columns, 4);
  margin-bottom: 5rem;
  text-transform: capitalize;
}
.shop .products-container .subcategories a {
  font-size: 1.7rem;
}
.shop .products-container .subcategories li {
  margin-bottom: 0.5rem;
}
.shop .products-container .subcategories li.active a {
  color: #02447e;
}
.shop .products-container .filter-bar {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  margin-bottom: 3.5rem;
}
.shop .products-container .filter-bar .select-container {
  font-size: 1.7rem;
  font-weight: 400;
}
.shop .products-container .active-filters {
  font-weight: 400;
}
.shop .products-container .active-filters .filters {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.shop .products-container .active-filters .af-button {
  padding: 0.2rem 3rem 0.2rem 0.5rem;
  background-color: #F6F7FB;
  position: relative;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}
.shop .products-container .active-filters .af-button .close {
  display: inline-block;
  background: url("../images/icons/close--lightgray.svg") no-repeat;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  will-change: transform;
  transition: transform 150ms ease;
  cursor: pointer;
}
.shop .products-container .active-filters .af-button .close:hover {
  transform: translateY(-50%) rotate(90deg);
}
.shop .products-container .sorting {
  border: 0;
}
.shop .products-container .sorting .options {
  margin-top: 1rem;
}
.shop .products-container .products {
  display: flex;
  flex-wrap: wrap;
}
.shop .products-container .products .product-box.big .head {
  height: 21.8rem;
  min-width: 100%;
}
.shop .products-container .products .product-box.big .head .image-link {
  height: 21.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .shop .products-container .products .product-box.big .head .image-link {
    min-width: 21.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .shop .products-container .products .product-box {
    margin-right: 3%;
    margin-bottom: 3%;
    flex-grow: 1;
    flex-basis: 16%;
  }
}
.shop .products-container .paginator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  border-top: 0.1rem solid #ececec;
  padding-top: 2rem;
}
.shop .products-container .paginator .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  font-size: 2rem;
}
.shop .products-container .paginator .go-to-page {
  background-color: #dcdcdc;
}
.shop .products-container .paginator .go-to-page.first, .shop .products-container .paginator .go-to-page.last, .shop .products-container .paginator .go-to-page.active {
  background-color: #02447e;
}
.shop .products-container .paginator .go-to-page.disabled, .shop .products-container .paginator .go-to-page.disabled:hover {
  background-color: #dcdcdc;
}
.shop .products-container .paginator .go-to-page.disabled:hover, .shop .products-container .paginator .go-to-page.active:hover {
  box-shadow: none;
}
.shop .products-container .paginator .go-to-page:not(.active, .disabled):hover {
  background-color: #1547FF;
}
@media only screen and (max-width: 768px) {
  .shop .products-container {
    padding-top: 0;
  }
  .shop .products-container .subcategories {
    --columns: 2;
    column-gap: 2rem;
    padding: 0 2rem;
  }
  .shop .products-container .paginator {
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: space-between;
    flex-direction: column;
  }
  .shop .products-container .paginator .summary {
    display: none;
  }
  .shop .products-container .paginator .go-to-page {
    padding: 1.3rem 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .shop .products-container .subcategories {
    --columns: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .shop .products-container .subcategories {
    --columns: 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 965px) {
  .shop .products-container .products {
    justify-content: center;
  }
  .shop .products-container .products .product-box.big {
    margin-right: 5%;
    margin-bottom: 5%;
    max-width: 40rem;
  }
}
@media only screen and (min-width: 965px) and (max-width: 990px) {
  .shop .products-container .products .product-box.big {
    margin-right: 1%;
    margin-bottom: 1%;
    max-width: 33rem;
  }
  .shop .products-container .products .product-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 990px) and (max-width: 1260px) {
  .shop .products-container .products .product-box.big {
    margin-right: 5%;
    margin-bottom: 5%;
    max-width: 40rem;
  }
  .shop .products-container .products .product-box:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1260px) and (max-width: 1293px) {
  .shop .products-container .products .product-box.big {
    margin-right: 1%;
    margin-bottom: 1%;
    max-width: 40rem;
  }
  .shop .products-container .products .product-box:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1293px) and (max-width: 1440px) {
  .shop .products-container .products .product-box:nth-child(3n) {
    margin-right: 0;
  }
  .shop .products-container .products .product-box.big {
    max-width: 40rem;
  }
}
@media only screen and (min-width: 1300px) {
  .shop .products-container .subcategories {
    --columns: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .shop .content-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 1440px) {
  .shop .products-container .products .product-box:nth-child(3n) {
    margin-right: 0;
  }
}

.noUi-target {
  background: #F6F7FB;
  border-radius: 0.4rem;
  border: 0;
  box-shadow: none;
  height: 0.6rem;
  margin: 1.5rem 0;
}

.noUi-horizontal .noUi-handle,
.noUi-handle {
  border: 0.1rem solid #F6F7FB;
  border-radius: 50%;
  background-color: #02447e;
  width: 3.2rem;
  height: 3.2rem;
  box-shadow: none;
  top: -1.3rem;
  cursor: pointer;
}
.noUi-horizontal .noUi-handle:hover,
.noUi-handle:hover {
  background-color: #1547FF;
}
.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after,
.noUi-handle:before,
.noUi-handle:after {
  display: none;
}

.noUi-connect {
  background-color: #02447e;
}

.product-content-container {
  margin-top: 3rem;
  font-weight: 300;
}
.product-content-container .image-section {
  width: 100%;
  max-width: 69rem;
}
@media only screen and (max-width: 768px) {
  .product-content-container .image-section {
    margin-bottom: 1rem;
    max-width: 100%;
  }
}
.product-content-container .product-image-box {
  max-width: 57rem;
  height: 44rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 0.4rem;
}
@media only screen and (min-width: 768px) {
  .product-content-container .product-image-box {
    border: 0.1rem solid #EFEFEF;
  }
}
.product-content-container .product-image-box img {
  vertical-align: middle;
}
.product-content-container .product-image-box .my-favourite {
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  z-index: 2;
}
.product-content-container .product-image-box .my-favourite svg {
  width: 50%;
}
@media only screen and (min-width: 768px) {
  .product-content-container .product-image-box .my-favourite {
    top: 1.5rem;
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
  }
  .product-content-container .product-image-box .my-favourite svg {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.product-content-container .product-image-box .discount,
.product-content-container .product-image-box .new {
  position: absolute;
  left: 0;
  top: 2rem;
  color: #FFFFFF;
  border-radius: 0 0.4rem 0.4rem 0;
  padding: 0.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .product-content-container .product-image-box .discount,
.product-content-container .product-image-box .new {
    top: 1.5rem;
    padding: 0.7rem;
  }
}
.product-content-container .product-image-box .new {
  background-color: #2FDB74;
}
.product-content-container .product-image-box .discount {
  background-color: #DB2F46;
  padding-right: 0.9rem;
  top: 5.5rem;
}
@media only screen and (min-width: 768px) {
  .product-content-container .product-image-box .discount {
    top: 6rem;
  }
}
.product-content-container .product-image-box .product-image {
  text-align: center;
}
.product-content-container .product-image-box .product-image img {
  will-change: transform;
  transition: transform 150ms ease;
  max-width: 90%;
  max-height: 90%;
}
.product-content-container .product-image-box .product-image:hover img {
  transform: scale(1.15);
}
.product-content-container .product-image-box .thumbnails-on-mobile {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
}
.product-content-container .product-image-box .thumbnails-on-mobile .thumbnail {
  padding: 0.1rem;
  max-width: 3.9rem;
  max-height: 3.9rem;
}
.product-content-container .product-image-box .thumbnails-on-mobile .thumbnail.active {
  border-color: #02447e;
}
.product-content-container .thumbnails-container {
  display: flex;
  justify-content: center;
  max-width: 57rem;
  width: 100%;
  margin-top: 1.2rem;
}
.product-content-container .thumbnails-container .thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  width: 9.9rem;
  height: 9.9rem;
  border: 0.1rem solid #EFEFEF;
  border-radius: 0.4rem;
  margin-right: 1.5rem;
  cursor: pointer;
}
.product-content-container .thumbnails-container .thumbnail img {
  will-change: transform;
  transition: transform 150ms ease;
}
@media only screen and (min-width: 768px) {
  .product-content-container .thumbnails-container .thumbnail:hover img {
    transform: scale(1.15);
  }
}
.product-content-container .thumbnails-container .thumbnail.active {
  border-color: #adadad;
}
.product-content-container .top-section {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #F6F7FB;
}
@media only screen and (max-width: 768px) {
  .product-content-container .top-section {
    display: block;
    padding-bottom: 0;
    flex-wrap: wrap;
  }
}
.product-content-container .product-main {
  max-width: 69rem;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-main {
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
    max-width: 100%;
  }
}
.product-content-container .product-main .product-title {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-main .product-title {
    order: 1;
    font-size: 1.7rem;
    line-height: 2.4rem;
  }
}
.product-content-container .top-bar {
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 0.1rem solid #F6F7FB;
}
@media only screen and (max-width: 768px) {
  .product-content-container .top-bar {
    order: 2;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .product-content-container .sku {
    margin: 0.5rem;
    font-size: 1.1rem;
    order: 3;
  }
}
.product-content-container .rating-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .product-content-container .rating-section {
    font-size: 1.1rem;
  }
}
.product-content-container .rating-section p {
  margin: 0;
}
.product-content-container .rating-section .mobile-star {
  margin: 0 0.2rem;
}
.product-content-container .rating-section .mobile-star svg {
  display: inline-block;
  width: 1.5rem;
  fill: #DB992F;
}
.product-content-container .ratings {
  margin-top: -0.4rem;
  margin-left: 0.8rem;
  margin-right: 0.7rem;
}
.product-content-container .ratings svg {
  width: 1.2rem;
  height: 1.2rem;
}
.product-content-container .ratings span + span {
  margin-left: 0.2rem;
}
.product-content-container .short-description {
  margin: 0;
  padding: 1.5rem 0;
  border-bottom: 0.1rem solid #F6F7FB;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .product-content-container .short-description {
    order: 4;
  }
}
.product-content-container .variations {
  font-weight: 500;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid #F6F7FB;
}
@media only screen and (max-width: 768px) {
  .product-content-container .variations {
    order: 5;
  }
}
.product-content-container .variations .color-options {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-left: -0.5rem;
}
.product-content-container .product-price {
  padding: 1.5rem 0;
  border-bottom: 0.1rem solid #F6F7FB;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-price {
    display: flex;
    align-items: center;
    order: 3;
  }
}
.product-content-container .product-price .details {
  display: inline-block;
  position: relative;
  margin-left: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-price .details {
    order: 2;
    display: flex;
    align-items: center;
  }
}
.product-content-container .product-price .amount {
  margin: 0;
  display: inline-block;
  font-size: 4.2rem;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-price .amount {
    font-size: 2.4rem;
  }
}
.product-content-container .product-price .discount-percentage {
  display: inline-block;
  background-color: #DB2F46;
  border-radius: 100rem;
  font-size: 1rem;
  color: #ffffff;
  padding: 0.2rem 0.4rem;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-price .discount-percentage {
    order: 2;
    font-size: 1.3rem;
  }
}
.product-content-container .product-price .original-price {
  display: block;
  margin-top: 0.5rem;
  color: #A4A4A4;
  text-decoration: line-through;
  font-size: 1.2rem;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .product-content-container .product-price .original-price {
    margin: 0 1rem 0 0.5rem;
  }
}
.product-content-container .cart-controls {
  padding-top: 4.5rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .product-content-container .cart-controls {
    order: 5;
  }
}
.product-content-container .cart-controls input {
  margin: 0 2.5rem 0 0;
  height: 5.2rem;
  max-width: 9rem;
  text-align: center;
  font-weight: 500;
}
.product-content-container .stock-status-indicator {
  color: #1A973E;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .product-content-container .stock-status-indicator {
    font-size: 1.4rem;
    margin-left: 3rem;
  }
}
.product-content-container .stock-status-indicator .check-icon {
  font-weight: 500;
  width: 1.2rem;
  height: 1.2rem;
  background-color: #1A973E;
  border-radius: 50%;
  margin-right: 0.7rem;
  background-image: url("../images/icons/checkmark-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 52%;
}
@media only screen and (min-width: 768px) {
  .product-content-container .stock-status-indicator .check-icon {
    font-weight: 400;
    width: 2.4rem;
    height: 2.4rem;
    background-size: initial;
  }
}
.product-content-container .shipping-informations {
  font-size: 1.4rem;
  margin-top: 1.5rem;
  order: 6;
}
@media only screen and (min-width: 768px) {
  .product-content-container .shipping-informations {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.5rem;
  }
}
.product-content-container .shipping-informations p {
  display: flex;
  align-items: center;
  flex-basis: 50%;
  margin: 0.7rem 0;
}
.product-content-container .shipping-informations .icon {
  margin-right: 1.5rem;
}
.product-content-container .bottom-section {
  font-size: 1.7rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid #F6F7FB;
}
@media only screen and (max-width: 768px) {
  .product-content-container .bottom-section {
    border-bottom: none;
    flex-direction: column;
    padding: 0 1.5rem;
  }
  .product-content-container .bottom-section .product-description, .product-content-container .bottom-section .product-details, .product-content-container .bottom-section .shipping-informations {
    border-bottom: 0.1rem solid #F6F7FB;
    padding-bottom: 1.5rem;
  }
  .product-content-container .bottom-section .product-description {
    order: 3;
  }
  .product-content-container .bottom-section .product-details {
    order: 1;
  }
  .product-content-container .bottom-section .shipping-informations {
    order: 2;
  }
  .product-content-container .bottom-section .shipping-informations p:not(:last-child) {
    margin: 0 0 1rem 0;
  }
}
.product-content-container .bottom-section .title {
  margin: 2rem 0 1.5rem 0;
}
.product-content-container .bottom-section p {
  line-height: 1.5;
  margin: 0;
}
.product-content-container .bottom-section .box {
  width: 100%;
  max-width: 69rem;
}
.product-content-container .bottom-section .product-description .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  border-spacing: unset;
}
.product-content-container .bottom-section .product-description .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.product-content-container .bottom-section .product-description .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.product-content-container .bottom-section .product-description .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.product-content-container .bottom-section .product-description .table-bordered {
  border: 1px solid #dee2e6;
}
.product-content-container .bottom-section .product-description .table-bordered thead td {
  border-bottom-width: 2px;
}
.product-content-container .bottom-section .product-description .table-bordered thead th {
  border-bottom-width: 2px;
}
.product-content-container .bottom-section .product-description .table-bordered td {
  border: 1px solid #dee2e6;
}
.product-content-container .bottom-section .product-description .table-bordered th {
  border: 1px solid #dee2e6;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .product-content-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.product-page .m\@bottom-floating-bar input {
  font-weight: 500;
  padding: 0.5rem;
}
.product-page .m\@bottom-floating-bar .my-favourite {
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F6F7FB;
}

.related-products {
  margin-bottom: 5rem;
}
.related-products .products.mobile span.discount, .related-products .products.mobile span.new {
  margin-left: -1.2rem;
}
.related-products .product-box a > img {
  width: 15.6rem;
  height: 15.6rem;
  object-fit: contain;
}
@media only screen and (max-width: 1024px) {
  .related-products .products.desktop {
    display: grid;
    grid-template-columns: repeat(auto-fit, 15.6rem);
    gap: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .related-products .title-bar .title {
    font-size: 1.7rem;
    color: #1A202C;
    padding: 0 1.5rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .related-products {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
.ratings svg {
  fill: #DB992F;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
}
.ratings svg.filled {
  display: none;
}

.ratings span {
  text-align: center;
  cursor: pointer;
}

.ratings span.active .empty {
  display: none;
}
.ratings span.active .filled {
  display: inline-block;
}

.ratings--gray svg {
  fill: #a4a4a4;
}
.ratings--big svg {
  width: 3.5rem;
  height: 3.5rem;
}
.ratings--big span {
  display: inline-block;
  width: 3.5rem;
  height: 3.5rem;
}
.ratings--wider span {
  width: 4.8rem;
}

.icon {
  background-repeat: no-repeat;
  background-position: center;
  width: 1.8rem;
  height: 1.2rem;
  display: inline-block;
}
.icon--bg-blue {
  background-color: rgba(23, 67, 228, 0.1215686275);
}

.icon-circle {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  color: #ffffff;
  line-height: 2.5rem;
  font-size: 1.4rem;
}
.icon-circle.icon-circle--md {
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
}
.icon-circle img {
  z-index: 1;
}

.icon-truck {
  background-image: url("../images/icons/truck.svg");
}

.icon-market {
  background-image: url("../images/icons/market-black.svg");
}

.check-icon, .times-icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #1A973E;
  background-image: url("../images/icons/checkmark-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.times-icon {
  background-color: #ff0000;
  background-image: url("../images/icons/close--white.svg");
}

.product .sl-overlay {
  background-color: #1F3586;
}

.cart-head {
  font-weight: 300;
  text-align: center;
  margin-bottom: 3rem;
}
.cart-head .title {
  font-size: 4.2rem;
  margin: 2.5rem 0 0 0;
}

.free-shipping-info {
  margin: 1.5rem 0 0.5rem 0;
}
.free-shipping-info strong {
  font-weight: 600;
}
.free-shipping-info img {
  height: 1.5rem;
  vertical-align: middle;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 1200px) {
  .free-shipping-info img {
    height: 3rem;
  }
}

.free-shipping-progressbar {
  background-color: #F6F7FB;
  width: 100%;
  max-width: 47rem;
  height: 0.6rem;
  padding: 0;
  margin: 0 auto;
  border-radius: 0.6rem;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) {
  .free-shipping-progressbar {
    height: 1.2rem;
  }
}
.free-shipping-progressbar .progress {
  display: block;
  background-color: #deb412;
  width: 40%;
  height: 100%;
  transition: width 150ms ease;
}

.cart-content {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #F6F7FB;
}
.cart-content .cart-item {
  display: flex;
  align-items: center;
  padding: 2.7rem 3.7rem;
  width: 100%;
  border-radius: 0.4rem;
  border: 0.1rem solid #EFEFEF;
  margin: 0 0 1.5rem 0;
  transition: opactiy 150ms ease;
}
.cart-content .cart-item.removed {
  opacity: 0;
}
.cart-content .cart-item > * {
  flex: 1 1 auto;
  width: 100%;
}
.cart-content .cart-item div, .cart-content .cart-item p, .cart-content .cart-item img, .cart-content .cart-item input {
  margin: 0;
}
.cart-content .cart-item img {
  max-height: 14.6rem;
  max-width: 14.6rem;
  object-fit: contain;
}
.cart-content .cart-item .item-details {
  margin-left: 4rem;
  max-width: 30rem;
  min-width: 25rem;
  font-size: 1.7rem;
}
.cart-content .cart-item .item-details a {
  font-size: 1.7rem;
}
.cart-content .cart-item .item-details .item-title {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.cart-content .cart-item .item-details .sku {
  margin: 0;
  font-size: 1.4rem;
  color: #A4A4A4;
  font-weight: 300;
}
.cart-content .cart-item .item-price {
  margin: 0 9vw 0 0.5rem;
  max-width: 10rem;
}
.cart-content .cart-item .quantity {
  position: relative;
  max-width: 9rem;
  margin: 0 13vw 0 0;
  font-size: 1.7rem;
  font-weight: 600;
}
.cart-content .cart-item .quantity .cart-quantity-decrease,
.cart-content .cart-item .quantity .cart-quantity-increase {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 2.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.cart-content .cart-item .quantity .cart-quantity-decrease:hover,
.cart-content .cart-item .quantity .cart-quantity-increase:hover {
  color: #02447e;
}
.cart-content .cart-item .quantity .cart-quantity-decrease::-moz-selection,
.cart-content .cart-item .quantity .cart-quantity-increase::-moz-selection {
  background: none;
}
.cart-content .cart-item .quantity .cart-quantity-decrease::selection,
.cart-content .cart-item .quantity .cart-quantity-increase::selection {
  background: none;
}
.cart-content .cart-item .quantity .cart-quantity-decrease {
  left: 0;
  justify-content: flex-end;
}
.cart-content .cart-item .quantity .cart-quantity-increase {
  right: 0;
  justify-content: flex-start;
}
.cart-content .cart-item .quantity input {
  width: 100%;
  height: 5.2rem;
  text-align: center;
  font-weight: 500;
  padding: 1.5rem 2.5rem;
}
.cart-content .cart-item .item-total {
  font-size: 2.4rem;
  font-weight: 500;
}
.cart-content .cart-item .remove-icon {
  max-width: 2.4rem;
  text-align: right;
}
.cart-content .gift-item {
  background-color: #F6F7FB;
}
.cart-content .gift-item .item-total {
  margin-right: 5.5rem;
  text-align: right;
}

.cart-coupon {
  padding: 3rem 0;
  border-bottom: 0.1rem solid #F6F7FB;
}
@media only screen and (max-width: 768px) {
  .cart-coupon {
    display: grid;
    grid-template-areas: "input button" "message message";
    padding: 1.5rem;
    margin: 0;
  }
}
.cart-coupon .input-block {
  display: inline-block;
  max-width: 33rem;
  margin-right: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .cart-coupon .input-block {
    margin: 0 2.5rem 0 0;
    grid-area: input;
  }
}
.cart-coupon .button {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 10rem;
}
@media only screen and (max-width: 768px) {
  .cart-coupon .button {
    margin: 0;
    grid-area: button;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: end;
    justify-self: end;
  }
}
.cart-coupon .message {
  margin-left: 2.5rem;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
}
.cart-coupon .message .icon {
  transform: translate(0, 25%);
  margin-right: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .cart-coupon .message {
    margin: 0;
    grid-area: message;
    font-size: 1.1rem;
  }
  .cart-coupon .message .icon {
    width: 1.4rem;
    height: 1.4rem;
    background-size: 50%;
    margin-top: 0.5rem;
  }
}
.cart-coupon .text {
  display: inline-block;
  max-width: 30.5rem;
  font-weight: 500;
  text-align: right;
  line-height: 1.5;
  margin: 0;
  padding-top: 1.3rem;
}

.cart-totals {
  background-color: #F6F7FB;
  display: flex;
  justify-content: flex-end;
  padding: 2.5rem 1.5rem 1.5rem 1.5rem;
  margin-bottom: 5rem;
}
.cart-totals .details {
  max-width: 31.5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.cart-totals .details .text, .cart-totals .details .value {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0 0 1rem 0;
  color: #848484;
}
.cart-totals .details .text {
  max-width: 15rem;
}
.cart-totals .details .value {
  text-align: right;
  max-width: 15rem;
}
.cart-totals .details .summa {
  color: #000000;
  font-weight: 500;
  margin-bottom: 0;
}
.cart-totals .details .summa.text {
  line-height: 3.2rem;
}
.cart-totals .details .summa.value {
  font-size: 2.4rem;
}

@media only screen and (max-width: 768px) {
  .cart-totals {
    background-color: #FFFFFF;
  }
  .cart-totals .details {
    max-width: 100%;
  }
  .cart-totals .details .text {
    max-width: 60%;
  }

  .mobile-bottom-navigation .summa {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
  }
}
.remove-icon img {
  vertical-align: middle;
  transition: transform 150ms ease;
  cursor: pointer;
}
.remove-icon img:hover {
  transform: rotate(90deg) scale(1.2);
}

@media only screen and (max-width: 960px) {
  .cart-content {
    padding: 1rem 1.5rem 0 1.5rem;
  }
  .cart-content .cart-item {
    padding: 2rem 0;
    display: grid;
    grid-template-areas: "img title title action" "img favourite controls price";
    grid-template-columns: 11rem 4.5rem 9rem 1fr;
    border: 0;
    border-bottom: 0.1rem solid #EFEFEF;
    border-radius: 0;
  }
  .cart-content .cart-item > img {
    grid-area: img;
    display: block;
    align-self: start;
    justify-self: start;
    max-width: 10.8rem;
    max-height: 10.8rem;
  }
  .cart-content .cart-item .item-details {
    grid-area: title;
    margin: 1.5rem 0 0 0;
  }
  .cart-content .cart-item .item-details a {
    font-size: 1.3rem;
  }
  .cart-content .cart-item .item-details .sku {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .cart-content .cart-item .mobile-unit-price {
    margin-bottom: 0.5rem;
  }
  .cart-content .cart-item .item-price {
    display: none;
  }
  .cart-content .cart-item .quantity {
    grid-area: controls;
    margin: 0;
    font-size: 1.3rem;
    max-width: 8rem;
  }
  .cart-content .cart-item .quantity input {
    font-size: 1.3rem;
    height: 3rem;
  }
  .cart-content .cart-item .quantity span[data-action=increase],
.cart-content .cart-item .quantity span[data-action=decrease] {
    width: 2rem;
  }
  .cart-content .cart-item .my-favourite {
    grid-area: favourite;
    width: 3rem;
    height: 3rem;
    background-color: #f6f5fa;
    transform: translate(0, -0.1rem);
  }
  .cart-content .cart-item .item-total {
    grid-area: price;
    font-size: 1.8rem;
    text-align: right;
  }
  .cart-content .cart-item.gift-item {
    margin: -2rem 1.5rem 0 -1.5rem;
    width: calc(100% + 3rem);
    padding: 4rem 1.5rem 2rem 1.5rem;
  }
  .cart-content .cart-item.gift-item .item-total {
    margin-right: 0;
  }
  .cart-content .cart-item .remove-icon {
    grid-area: action;
    align-self: start;
    justify-self: end;
    max-width: 100%;
  }
  .cart-content .cart-item .remove-icon img {
    width: 1.5rem;
  }

  .cart-totals {
    display: block;
    margin: 0;
  }
  .cart-totals .details {
    display: grid;
    grid-template-columns: 4fr minmax(10rem, 1fr);
  }
  .cart-totals .details .text, .cart-totals .details .value {
    font-size: 1.2rem;
  }
  .cart-totals .details .summa, .cart-totals .details .summa.value {
    font-size: 1.7rem;
    align-self: center;
  }

  .banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0 3rem 0;
    padding: 0 1.5rem;
  }
  .banners img {
    max-width: 3.2rem;
  }
  .banners .simplepay {
    max-width: 10rem;
  }
  .banners .small-images {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
  }
  .banners .small-images img:last-child {
    margin-right: -0.75rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  section.cart-head,
section.cart-content,
section.cart-coupon,
section.cart-totals,
section.checkout-process-navigation {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 960px) {
  .cart-totals .details {
    max-width: 100%;
  }

  .cart-totals {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1060px) {
  .cart-content .cart-item .item-price {
    margin: 0 2vw 0 0.5rem;
  }
  .cart-content .cart-item .quantity {
    margin: 0 5vw 0 0;
  }
}
@media only screen and (max-width: 1200px) {
  .cart-content .cart-item .item-price {
    margin: 0 5vw 0 0.5rem;
  }
  .cart-content .cart-item .quantity {
    margin: 0 10vw 0 0;
  }
}
.checkout-page .select-container .select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.checkout-page .input-block.error label:after {
  top: 4rem;
}

.order-comment textarea {
  width: 100%;
  margin-bottom: 1rem;
  resize: vertical;
  min-height: 10rem;
}

.checkout-process-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5rem;
}
.checkout-process-navigation > * {
  flex: 1 1 auto;
}
.checkout-process-navigation .continue {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.checkout-process-navigation .continue p {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  color: #A4A4A4;
  max-width: 21.5rem;
  width: 100%;
  margin-right: 3rem;
}
.checkout-process-navigation .go-forward {
  width: 100%;
  max-width: 21rem;
}

.form-container .column-title {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
.form-container .shipping-option {
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}
.form-container .shipping-option:not(:last-child) {
  border-bottom: 0.1rem solid #F6F7FB;
}
.form-container .radio-container, .form-container .option-price {
  font-size: 1.7rem;
}
.form-container .option-price {
  display: inline-block;
  margin: 0;
  font-weight: 500;
}
.form-container .option-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-container .shop-select {
  padding-left: 4.3rem;
}
.form-container .option-description {
  margin: 0.5rem 0 0 0;
  padding-left: 4.3rem;
  font-weight: 300;
  max-width: 44rem;
}
.form-container .gls-location-select, .form-container .foxpost-location-select, .form-container .postapont-location-select {
  padding-left: 4.3rem;
}
.form-container .gls-location-select .select-container .select .text {
  font-size: 1.4rem;
}
.form-container .card-payment-option {
  position: relative;
}
.form-container .card-payment-option .option-description {
  max-width: 35rem;
}
.form-container .card-payment-icons {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -60%);
  right: 0;
}
.form-container .card-payment-icons img {
  margin-right: 1.2rem;
}
.form-container .card-payment-icons .card-visa {
  width: 4.5rem;
}
.form-container .card-payment-icons .card-mastercard {
  width: 3.6rem;
}
.form-container .card-payment-icons .card-gpay {
  width: 4.7rem;
}
.form-container .select-container.big {
  margin-bottom: 1rem;
}
.form-container .customer-type-options {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .form-container .customer-type-options .radio-container {
    margin: 0;
    font-size: 1.4rem;
  }
}
.form-container.step3 {
  margin-bottom: 3rem;
}

@media only screen and (min-width: 768px) and (max-width: 1180px) {
  .checkout-page .step-2 .form-container,
.checkout-page .step-3 .form-container,
.checkout-page .step-4 .form-container {
    flex-wrap: wrap;
  }
  .checkout-page .step-2 .form-container .column,
.checkout-page .step-3 .form-container .column,
.checkout-page .step-4 .form-container .column {
    max-width: 100%;
    width: 100%;
  }
  .checkout-page .step-2 .form-container .cart-content,
.checkout-page .step-3 .form-container .cart-content,
.checkout-page .step-4 .form-container .cart-content {
    padding: 0;
  }
  .checkout-page .step-2 .form-container .cart-content .cart-item,
.checkout-page .step-3 .form-container .cart-content .cart-item,
.checkout-page .step-4 .form-container .cart-content .cart-item {
    display: flex;
    align-items: center;
    padding: 1.7rem 1.7rem 0.7rem 0.7rem;
    width: 100%;
    border-radius: 0.4rem;
    border: 0.1rem solid #EFEFEF;
    margin: 0 0 1.5rem 0;
    transition: opactiy 150ms ease;
  }
}
.cart-content-mini {
  border-bottom: none;
  padding-bottom: 1rem;
}
.cart-content-mini .cart-item {
  padding: 1.7rem 1.7rem 0.7rem 0.7rem;
}
.cart-content-mini .cart-item img {
  max-height: 6.6rem;
  max-width: 6.6rem;
}
.cart-content-mini .cart-item .item-details {
  max-width: 20rem;
  margin-left: 1rem;
}
.cart-content-mini .cart-item .item-details a, .cart-content-mini .cart-item .item-details .item-title {
  font-size: 1.2rem;
}
.cart-content-mini .cart-item .item-details .sku {
  font-size: 0.9rem;
}
.cart-content-mini .cart-item .item-total {
  font-size: 1.7rem;
  max-width: 12rem;
  text-align: right;
}
.cart-content-mini .cart-item .quantity {
  margin-right: 1.5rem;
  margin-left: 2rem;
}

@media only screen and (max-width: 768px) {
  .form-container {
    padding: 0 1.5rem;
  }
  .form-container .column-title {
    margin-top: 3rem;
  }
  .form-container .radio-container {
    line-height: 2.3rem;
    display: flex;
    align-items: center;
    height: auto;
  }
  .form-container .radio-container .checkmark {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .form-container .option-price {
    flex: 1 0 auto;
    text-align: right;
  }
  .form-container .option-description {
    line-height: 1.4;
    margin-top: 1rem;
  }
  .form-container .shop-select {
    margin-top: 2rem;
  }
  .form-container .select-container.big.opened .options {
    max-height: 21rem;
  }
  .form-container .card-payment-icons {
    position: static;
    top: 0;
    right: 0;
    transform: translate(0, 0);
    margin-top: 1rem;
    padding-left: 4.3rem;
  }

  .checkout-step-2-page .form-container .customer-type-options {
    display: flex;
    justify-content: space-between;
  }
  .checkout-step-2-page .form-container .customer-type-options label {
    margin: 0;
    font-size: 1.4rem;
  }
  .checkout-step-2-page .form-container .custom-switch {
    display: flex;
    align-items: center;
  }
  .checkout-step-2-page .form-container .custom-switch-content-checked,
.checkout-step-2-page .form-container .custom-switch-content-unchecked {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .checkout-page .step-2,
.checkout-page .step-3,
.checkout-page .step-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .checkout-page .step-2 .checkout-process-navigation,
.checkout-page .step-3 .checkout-process-navigation,
.checkout-page .step-4 .checkout-process-navigation {
    padding-left: 0;
    padding-right: 0;
  }
}
.message-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 0.4rem;
  margin: 2rem auto;
  position: fixed;
  top: 11rem;
  right: 1rem;
  background: white;
  max-width: 40rem;
  z-index: 9;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2509803922);
  border-color: #b9b9b9;
  padding: 2rem;
  transition: all ease 200ms;
}
.message-box .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.message-box .content .icon {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  min-height: 2.4rem;
  margin-right: 1rem;
}
.message-box .content .times-icon {
  background-size: 50%;
}
.message-box a {
  margin: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .message-box {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 1.5rem;
    left: 0;
    max-width: calc(100% - 2rem);
    margin: 0 1rem;
    background-color: white;
    box-shadow: 0 -0.3rem 1rem rgba(140, 140, 140, 0.3019607843);
    width: 100%;
    border-color: rgba(140, 140, 140, 0.3019607843) !important;
    z-index: 9;
    padding: 2rem;
  }
  .message-box .remove-icon {
    position: absolute;
    top: -1rem;
    right: -1rem;
    background: white;
    border-radius: 50%;
  }
  .message-box .content {
    width: 100%;
  }
  .message-box .content .icon {
    margin-right: 0.2rem;
  }
}

.message-error {
  color: #FF0000;
  border-color: #FF0000;
}

.message-success {
  color: #1A973E;
  border-color: #1A973E;
}

.order-thank-you .container {
  max-width: 90rem;
  margin: 2rem auto;
  padding: 0 6.15rem 0.5rem 6.15rem;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .order-thank-you .container {
    max-width: 100%;
    padding: 3rem 1.5rem;
    margin: 0;
    min-height: 100vh;
  }
}
.order-thank-you header {
  border-bottom: 0.2rem solid #A4A4A4;
}
@media only screen and (max-width: 768px) {
  .order-thank-you header {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .order-thank-you header .main > a {
    display: none;
  }
  .order-thank-you header .main .header-logo {
    justify-content: center;
    width: 100%;
  }
  .order-thank-you header .main .header-logo img {
    width: 18.4rem;
    max-height: 10rem;
  }
}
@media only screen and (max-width: 768px) {
  .order-thank-you main {
    padding: 0;
  }
  .order-thank-you main h1 {
    font-size: 2.4rem;
    color: #000000;
    width: 100%;
    margin-top: 2.5rem;
  }
}
.order-thank-you .bags-icon {
  max-width: 23.2rem;
}
@media only screen and (min-width: 1200px) {
  .order-thank-you .bags-icon {
    max-width: 13rem;
    margin-bottom: 1rem;
  }
}

.blog-article-page {
  font-size: 1.7rem;
  font-weight: 400;
  padding: 0 1.5rem;
}
.blog-article-page .tags-container {
  padding-left: 0rem !important;
}
.blog-article-page .blog-articles .banner {
  margin: 0;
}
.blog-article-page h1 {
  font-size: 4.2rem;
  margin-bottom: 2rem;
  margin-top: 0;
  font-weight: 500;
}
.blog-article-page h2 {
  font-size: 3.8rem;
  margin: 0.7em 0;
}
.blog-article-page h3 {
  font-size: 3rem;
  margin: 0.6em 0;
}
.blog-article-page h4 {
  font-size: 2.8rem;
  margin: 0.5em 0;
}
.blog-article-page h5 {
  font-size: 2.4rem;
  margin: 0.4em 0;
}
.blog-article-page h6 {
  font-size: 2.2rem;
  margin: 0.3em 0;
}
.blog-article-page p {
  line-height: 2.5rem;
  font-size: 1.7rem;
}
.blog-article-page a {
  color: #02447e;
}
.blog-article-page ul {
  list-style-type: disc;
  margin-left: 3.5rem;
}
.blog-article-page table {
  width: 100%;
  border-spacing: 0;
}
.blog-article-page table td {
  padding: 1rem 1.5rem;
}
.blog-article-page table tr:not(:last-of-type) td {
  border-bottom: 0.1rem solid black;
}
.blog-article-page pre {
  background: #edf7ff;
  padding: 1rem 2rem;
}
.blog-article-page .tags-container .label a {
  color: white;
}
.blog-article-page .tags-container .label a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .blog-article-page {
    padding: 0;
  }
  .blog-article-page .tags-container {
    padding-left: 1.5rem;
  }
  .blog-article-page .blog-articles {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 1300px) {
  .blog-article-page .blog-articles {
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    gap: 3rem;
  }
}
@media only screen and (min-width: 1440px) {
  .blog-article-page .blog-articles {
    padding: 0;
  }
}

.page-faq .faq-cat-box {
  cursor: pointer;
}
.page-faq .faq-cat-box:hover, .page-faq .faq-cat-box.active {
  background: #02447e;
  color: #FFFFFF;
}
.page-faq .faq-cat-box:hover svg, .page-faq .faq-cat-box.active svg {
  fill: #FFFFFF;
}
.page-faq .questions {
  max-width: 93rem;
  margin: 0 auto 5rem auto;
  font-size: 1.7rem;
  font-weight: 400;
  padding: 0 1.5rem;
}
@media only screen and (min-width: 960px) {
  .page-faq .questions {
    padding: 0 0;
  }
}
.page-faq .questions .item {
  cursor: pointer;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  max-height: 6rem;
  overflow: hidden;
  transition: all 250ms ease;
}
.page-faq .questions .item.opened {
  margin-bottom: 3rem;
  max-height: 30rem;
  border-bottom-color: #02447e;
}
.page-faq .questions .item.opened .toggle-icon {
  transform: rotate(0);
}
.page-faq .questions .item.opened .question {
  color: #02447e;
}
.page-faq .questions .item.opened .toggle-icon {
  border-color: #02447e;
}
.page-faq .questions .item.opened .toggle-icon svg {
  fill: #02447e;
}
.page-faq .questions .question {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.page-faq .questions .toggle-icon {
  border: 0.1rem solid #bababa;
  border-radius: 50%;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(45deg);
  transition: all 250ms ease;
  cursor: pointer;
  margin-left: 0.5rem;
}
.page-faq .questions .toggle-icon svg {
  fill: #bababa;
}
.page-faq .questions .answer {
  line-height: 2.2rem;
}

.swipe-arrow {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  box-shadow: 0 0.2rem 0.3rem rgba(36, 36, 36, 0.1215686275);
  background-color: #FFFFFF;
  z-index: 6;
}
@media only screen and (min-width: 768px) {
  .swipe-arrow {
    display: none;
  }
}

.category-swipe-list {
  margin-bottom: 1.5rem;
  position: relative;
}
.category-swipe-list a {
  color: #000000;
  flex-basis: 0;
  display: flex;
  align-items: center;
}
.category-swipe-list ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 1rem);
  overflow-x: scroll;
  overflow-y: hidden;
  height: 10rem;
  gap: 1.5rem;
}
.category-swipe-list ul li {
  flex-basis: 0;
}
.category-swipe-list ul li:first-child {
  margin-left: 1.5rem;
}
.category-swipe-list .item {
  background-color: #FFFFFF;
  box-shadow: 0 0.5rem 1.5rem rgba(36, 36, 36, 0.0509803922);
  border-radius: 0.4rem;
  height: 6rem;
  white-space: nowrap;
}
.category-swipe-list .item .shape--circle {
  margin-right: 1.5rem;
  border: 0.1rem solid #F6F7FB;
}
.category-swipe-list .item p {
  margin: 0;
}

.home .hero-slider {
  height: 30rem;
}
.home .hero-slider .background {
  background-size: auto;
  background-position: center center;
}
.home .hero-slider .hero-box {
  width: calc(100% - 3rem);
  height: 100%;
  margin: 0 1.5rem;
}
.home .hero-slider .actions {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}
.home .hero-slider .actions .title {
  font-size: 2.7rem;
  font-weight: 500;
}
.home .hero-slider .actions .subtitle {
  font-size: 1.8rem;
}
.home .offer-mini-banners {
  position: relative;
}
.home .offer-mini-banners .box-square {
  min-width: 15rem;
  width: 15rem;
  min-height: 18rem;
  height: 18rem;
  padding: 1.5rem;
}
.home .offer-mini-banners .box-square .title {
  font-size: 1.7rem;
  font-weight: 500;
}
.home .offer-mini-banners .box-square .subtitle {
  display: none;
}
.home .banner-fullwidth {
  height: 100%;
  max-height: 18rem;
}
.home .banner-fullwidth .box-square {
  max-height: 18rem;
}
.home .banner-fullwidth .background {
  background-position: center center;
}
.home .banner-fullwidth .title {
  line-height: 3.3rem;
  font-weight: 500;
}
.home .mobile-cta-container .button img {
  margin-left: 0.7rem;
}
.home .mobile-search {
  padding-top: 0.5rem;
  margin-right: 0.3rem;
}

@media only screen and (max-width: 768px) {
  .left-arrow {
    transform: rotate(180deg);
    width: 0.8rem;
    margin-right: 1rem;
  }

  .favourites .page-title {
    display: none;
  }

  .breadcrumbs {
    padding: 0 1.5rem 1.5rem 1.5rem;
    display: block;
    border-bottom: 0;
  }
  .breadcrumbs.border-bottom-mobile {
    border-bottom: 0.1rem solid #F6F7FB;
  }
  .breadcrumbs .go-back {
    margin-bottom: 1.2rem;
  }
  .breadcrumbs .actions {
    display: none;
  }
  .breadcrumbs .links {
    font-size: 1.4rem;
  }

  .modal-login, .modal-register {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: translate(0, 0);
  }
  .modal-login .image-container, .modal-register .image-container {
    display: none;
  }
  .modal-login .form-container, .modal-register .form-container {
    padding: 7.5rem 1.5rem 0 1.5rem;
    flex: 1 1 auto;
    overflow-y: scroll;
  }
  .modal-login .form-container .close-button, .modal-register .form-container .close-button {
    background-image: url("../images/icons/modal-close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 2rem;
  }
  .modal-login .form-container .logo, .modal-register .form-container .logo {
    width: 18.3rem;
  }
  .modal-login .form-container h1, .modal-register .form-container h1 {
    font-size: 2.6rem;
  }
  .modal-login .form-container .subtitle, .modal-register .form-container .subtitle {
    font-weight: 400;
  }
  .modal-login .form-container .subtitle a, .modal-register .form-container .subtitle a {
    font-weight: 600;
    font-size: 1.6rem;
  }
  .modal-login .form-container .social-login, .modal-register .form-container .social-login {
    font-family: "Poppins", sans-serif;
    margin-bottom: 3rem;
  }

  .fw-banner {
    height: 15.4rem;
    padding: 1.5rem;
    background-position: center center;
  }
  .fw-banner .text {
    font-size: 2.3rem;
  }

  .articles-grid-view {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }

  .articles-grid-view .banner,
.banner--big-full {
    padding: 1.5rem;
    margin: 0 1.5rem;
    width: calc(100% - 3rem);
    border-radius: 0.4rem;
    max-height: 30rem;
  }

  .blog-articles {
    margin-top: 1.5rem;
  }

  .blog-articles .banner,
.articles-grid-view .box-small {
    width: 100%;
    margin: 0 1.5rem;
    border: 1px solid #F6F7FB;
    border-radius: 0.4rem;
  }
  .blog-articles .banner a,
.articles-grid-view .box-small a {
    display: flex;
    align-items: center;
  }
  .blog-articles .banner a .cover-image,
.articles-grid-view .box-small a .cover-image {
    background-position: center center;
    width: 100%;
    max-width: 10.4rem;
    max-height: 12rem;
    margin-right: 1.5rem;
    border-radius: 0;
    background-repeat: no-repeat;
    transform: scale(1);
  }
  .blog-articles .banner a .text,
.articles-grid-view .box-small a .text {
    margin-top: 0;
    padding: 0 !important;
    min-height: auto;
  }
  .blog-articles .banner a .text .title,
.articles-grid-view .box-small a .text .title {
    margin-bottom: 0;
  }

  .articles-grid-view .box-small {
    width: calc(100% - 3rem);
  }

  .articles-grid-view + .fw-banner {
    margin-bottom: 0;
  }

  .m\@banners-layout-inline {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .m\@banners-layout-inline .banner {
    width: auto;
    margin: 0 1.5rem;
    border: 1px solid #F6F7FB;
    border-radius: 0.4rem;
  }
  .m\@banners-layout-inline .banner a {
    display: flex;
    align-items: center;
  }
  .m\@banners-layout-inline .banner a .cover-image {
    background-position: center center;
    width: 100%;
    max-width: 10.4rem;
    max-height: 12rem;
    margin-right: 1.5rem;
    border-radius: 0;
    background-repeat: no-repeat;
    transform: scale(1);
  }
  .m\@banners-layout-inline .banner a .text {
    margin-top: 0;
    padding: 0 !important;
    min-height: auto;
  }
  .m\@banners-layout-inline .banner a .text .title {
    margin-bottom: 0;
  }
  .m\@banners-layout-inline .banner a .text p {
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .profile-page > .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .profile-page .product-row > * {
    display: flex;
    align-items: center;
  }
}
.profile-page .product-row .product-image {
  min-width: 9.9rem;
}
.profile-page .product-row .product-image img {
  max-width: 10rem;
  max-height: 10rem;
  object-fit: contain;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
  .profile-page .product-row .product-name {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media only screen and (min-width: 970px) and (max-width: 1110px) {
  .profile-page .product-row .product-name {
    font-size: 2.2rem;
  }
}
@media only screen and (min-width: 1110px) {
  .profile-page .product-row .product-unit-price {
    margin-left: 9.1rem;
  }
  .profile-page .product-row .product-quantity {
    margin-left: 3rem;
  }
  .profile-page .product-row .product-total {
    margin-left: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .profile-page .product-row {
    display: grid;
    grid-template-areas: "image image text" "select qty unit_price" "total_price total_price total_price";
    margin-bottom: 3rem;
  }
  .profile-page.order-details .product-row {
    grid-template-areas: "image text" "qty unit_price" "total_price total_price";
  }
  .profile-page.return-summary .product-row {
    grid-template-areas: "image text" "qty unit_price" "total_price total_price" "actions actions";
  }
  .profile-page .product-row-actions {
    grid-area: actions;
  }
  .profile-page .product-select {
    grid-area: select;
    justify-self: center;
    text-align: center;
    margin-right: 0;
    padding-left: 0.5rem;
  }
  .profile-page .product-image {
    grid-area: image;
    width: 10.8rem;
    height: 10.8rem;
    border: 0;
    padding: 0 !important;
    margin: 0;
  }
  .profile-page .product-image img {
    max-width: 90%;
    margin-right: 1rem;
  }
  .profile-page .product-title-container {
    grid-area: text;
    padding-top: 0.5rem;
    margin-left: 0;
  }
  .profile-page .product-name {
    font-size: 1.7rem;
    line-height: 1.4;
  }
  .profile-page .product-unit-price {
    font-weight: 400;
    grid-area: unit_price;
    margin-top: 1rem;
    padding-top: 0;
    text-align: right;
    margin-left: 0;
    width: 100%;
    justify-self: end;
  }
  .profile-page .product-quantity {
    font-weight: 400;
    grid-area: qty;
    padding-top: 0;
    margin-top: 1rem;
    margin-left: 0;
    justify-self: center;
    width: 100%;
    text-align: center;
  }
  .profile-page .product-total {
    grid-area: total_price;
    text-align: right;
    align-self: end;
    justify-self: end;
    margin-top: 1rem;
    padding-top: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1060px) {
  .profile-page .profile-navigation {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  #account-order .product-row {
    justify-content: space-between;
  }
}
#account-order .return-icon {
  width: 5rem;
}
#account-order .return-icon img {
  vertical-align: middle;
  transition: transform 150ms ease;
  cursor: pointer;
  min-width: 5rem;
}
#account-order .return-icon img:hover {
  transform: rotate(90deg) scale(1.2);
}

.my-favourites-floating-page {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100vw;
  will-change: tansform;
  transition: transform 350ms cubic-bezier(0, 0.99, 0.44, 0.95);
  transform: translateY(calc(-100vh - 8rem));
  background-color: white;
  z-index: 10;
  margin-top: 8rem;
}
.my-favourites-floating-page.opened {
  transform: translateY(0);
}

#account-login .heading-title {
  margin-top: 2rem;
  font-size: 3rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
#account-login .block-title {
  font-size: 2.4rem;
  margin-bottom: 0;
}
#account-login .block-subtitle {
  margin-top: 0.5rem;
  font-weight: 100;
  color: #8a8a8a;
  font-size: 1.6rem;
}
#account-login .block-content {
  margin-top: 3.5rem;
  margin-bottom: 3rem;
}
#account-login .block-password {
  margin-bottom: 1.6rem;
}
#account-login .password-label-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#account-login .password-label-container .show-password {
  min-width: 60px;
}
#account-login .forgot-password {
  margin-bottom: 3rem;
}
#account-login .column-login {
  margin-bottom: 2rem;
  border-bottom: 1px solid #d2d2d2;
}
@media only screen and (min-width: 768px) {
  #account-login .heading-title {
    text-align: center;
    margin-bottom: 5rem;
    font-size: 3.6rem;
    padding-left: 0;
    padding-right: 0;
  }
  #account-login .column-login {
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.search-page .advanced-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ebebeb;
  border-radius: 0.4rem;
  padding: 1rem;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1607843137);
  margin-top: 0.5rem;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .search-page .advanced-filter-bar {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.search-page .advanced-filter-bar > * {
  flex: 1 1 auto;
}
.search-page .sorting-bar {
  justify-content: flex-end;
  display: flex;
  margin: 2rem 0;
}
.search-page input[name=search] {
  width: 100%;
  margin-top: 0;
}
.search-page .products {
  display: flex;
  flex-wrap: wrap;
}
.search-page .products .product-box.big .head {
  height: 21.8rem;
}
.search-page .products .product-box.big .head .image-link {
  height: 21.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .search-page .products .product-box.big .head .image-link {
    min-width: 21.8rem;
  }
}

.pagination-bar {
  display: flex;
  justify-content: space-between;
  margin: 4rem 0;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .pagination-bar {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.pagination-bar .pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.pagination-bar .pagination a, .pagination-bar .pagination li.active {
  color: #000000;
  padding: 1rem;
  background-color: #dcdcdc;
  border-radius: 0.4rem;
}
.pagination-bar .pagination a:hover, .pagination-bar .pagination li.active {
  background-color: #02447e;
  color: white;
}

#information-location .nav-box {
  display: flex;
  justify-content: center;
  padding: 5rem;
  box-shadow: 0 0.3rem 1.6rem rgba(230, 230, 230, 0.2509803922);
  max-width: 21rem;
  width: 100%;
  border: 0.1rem solid #F6F7FB;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  color: black;
  background-color: white;
  text-align: center;
  cursor: pointer;
}
#information-location .nav-box a {
  color: black;
}
#information-location .nav-box:hover, #information-location .nav-box.active {
  background: #02447e;
}
#information-location .nav-box:hover a, #information-location .nav-box.active a {
  color: white;
}

@media only screen and (max-width: 768px) {
  #information-location .nav-box {
    margin: 0 1rem;
    padding: 2rem;
    font-size: 1.2rem;
    width: auto;
    height: auto;
  }
  #information-location .card {
    max-width: 33rem;
  }
}
#information-contact .icon-wrapper {
  min-height: 7.5rem;
  min-width: 7.5rem;
}
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
  #information-contact .info-boxes {
    flex-wrap: wrap;
    gap: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #information-contact .privacy-checkbox {
    margin-bottom: 1rem;
  }
  #information-contact .content-columns {
    flex-wrap: wrap;
  }
  #information-contact .content-columns .column:first-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #information-contact .privacy-checkbox {
    margin-bottom: 1rem;
  }
}

#account-wishlist .product-box-container, #product-search .product-box-container {
  display: flex;
  flex-wrap: wrap;
}
#account-wishlist .product-box-container .product-box.big, #product-search .product-box-container .product-box.big {
  width: 100% !important;
  flex-grow: 1;
  flex-basis: 33%;
}
#account-wishlist .product-box-container .product-box.big .head > a:first-of-type, #product-search .product-box-container .product-box.big .head > a:first-of-type {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  #account-wishlist .product-box-container .product-box.big, #product-search .product-box-container .product-box.big {
    max-width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #account-wishlist .product-box-container .product-box.big:nth-child(2n), #product-search .product-box-container .product-box.big:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  #account-wishlist .product-box-container .product-box.big, #product-search .product-box-container .product-box.big {
    max-width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #account-wishlist .product-box-container .product-box.big:nth-child(2n), #product-search .product-box-container .product-box.big:nth-child(2n) {
    margin-right: 2%;
  }
  #account-wishlist .product-box-container .product-box.big:nth-child(3n), #product-search .product-box-container .product-box.big:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1275px) {
  #account-wishlist .product-box-container .product-box.big, #product-search .product-box-container .product-box.big {
    max-width: 24.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    flex-basis: 23%;
  }
  #account-wishlist .product-box-container .product-box.big:nth-child(2n), #product-search .product-box-container .product-box.big:nth-child(2n) {
    margin-right: 2%;
  }
  #account-wishlist .product-box-container .product-box.big:nth-child(3n), #product-search .product-box-container .product-box.big:nth-child(3n) {
    margin-right: 2%;
  }
  #account-wishlist .product-box-container .product-box.big:nth-child(4n), #product-search .product-box-container .product-box.big:nth-child(4n) {
    margin-right: 0;
  }
}

.blog-list-page #load-more {
  width: calc(100% - 3rem);
  display: block;
  margin: 3rem 1.5rem;
}
.blog-list-page .grid-container {
  margin-top: 4rem;
  margin-bottom: 3.5rem;
}
.blog-list-page .grid-container .action-container {
  align-items: flex-end;
  justify-content: flex-start;
}
.blog-list-page .grid-container .label {
  font-size: 1.2rem;
  padding: 0.3rem 0.8rem;
}
.blog-list-page .grid-container .big-box .title {
  margin-top: 1rem;
}
.blog-list-page .grid-container .box-small .text {
  border: 0;
}
.blog-list-page .grid-container .box-small .title {
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .blog-list-page #load-more {
    width: 100%;
    display: block;
    margin: 3rem 0;
  }
}
@media only screen and (min-width: 1024px) {
  .blog-list-page .grid-container .text {
    padding: 1.5rem 0;
  }
  .blog-list-page .blog-articles {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
  .blog-list-page #load-more {
    width: auto;
    display: block;
    margin: 3rem auto;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.blog-articles .banner {
  min-width: 30rem;
  max-width: 100%;
}
.blog-articles .banner .title {
  font-weight: 500;
  font-size: 1.7rem;
}
.blog-articles .banner .subtitle {
  display: none;
}
@media only screen and (min-width: 768px) {
  .blog-articles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
  }
  .blog-articles .banner .subtitle {
    display: inline-block;
  }
}
@media only screen and (min-width: 1024px) {
  .blog-articles {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}

.table {
  border-spacing: unset;
  border-collapse: collapse;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .table {
    width: auto;
  }
}
.table thead {
  background: #01447e;
  color: white;
  font-size: 1.4rem;
  font-weight: 600;
  border-radius: 0.4rem;
}
.table td {
  padding: 0.75rem 1rem;
}
.table tbody tr:nth-child(even) {
  background-color: #efefef;
}

.modal-overlay {
  z-index: 90;
  position: fixed;
}

.popup-template {
  z-index: 91;
}
.popup-template .modal-header button {
  float: right;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 100%;
  font-size: 3.5rem;
  font-weight: 100;
  padding: 0 0 0.3rem 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -1.75rem;
  right: -1.75rem;
  background: white;
  color: #02447e;
  border: 0;
  transition: all 150ms ease;
}
.popup-template .modal-header button:hover {
  transform: rotate(90deg);
}