html {
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 999px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  html {
    font-size: 11px;
  }
}
@media (min-width: 1200px) and (max-width: 1699px) {
  html {
    font-size: 13px;
  }
}
@media (min-width: 1700px) and (max-width: 1899px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 1900px) {
  html {
    font-size: 16px;
  }
}
body.--noTransition * {
  transition: none !important;
}

body.-disableScroll {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 100%;
  max-width: 1900px;
}

@media (min-width: 768px) {
  .container {
    padding-right: 1.5789473684vw;
    padding-left: 1.5789473684vw;
  }
}
@media (min-width: 1900px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.-textCenter {
  text-align: center;
}

.-textLeft {
  text-align: left;
}

.-textRight {
  text-align: right;
}

.-ok {
  color: #9BCB3B;
}

.-error {
  color: #EE5C61;
}

.-light {
  color: #A1A4A7;
}

.-hide {
  display: none !important;
}

.-noMargin {
  margin: 0 !important;
}

.-noPadding {
  padding: 0 !important;
}

.-uppercase {
  text-transform: uppercase;
}

.-bold {
  font-weight: 700;
}

.-fontRegular {
  font-weight: 400;
}

.-background {
  background: var(--color-background);
}

.-pictureBackground {
  background: #F2F3F4;
}

.-noPointerEvents {
  pointer-events: none;
}

.-noUserSelect {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.-icon {
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.row,
.col,
.row_up,
.col_up,
.row_down,
.col_down {
  flex-wrap: nowrap;
}

.row,
.col {
  display: flex;
}

.row,
.row_up {
  flex-direction: row;
}

.col,
.col_up {
  flex-direction: column;
}

.row.inline,
.col.inline,
.row_up.inline,
.col_up.inline,
.row_down.inline,
.col_down.inline {
  display: inline-flex;
}

.row.reverse,
.row_up.reverse,
.row_down.reverse {
  flex-direction: row-reverse;
}

.col.reverse,
.col_up.reverse,
.col_down.reverse {
  flex-direction: column-reverse;
}

.row > *,
.col > *,
.row_up > *,
.row_down > *,
.col_down > *,
.col_up > * {
  margin: 0;
}

.flex_wrap {
  flex-wrap: wrap;
}

.no_grow {
  flex-grow: 0;
}

.no_shrink {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.shrink {
  flex-shrink: 1;
}

.row.h_start,
.col.v_start,
.row_up.h_start,
.col_up.v_start {
  justify-content: flex-start;
}

.row.h_end,
.col.v_end,
.row_up.h_end,
.col_up.v_end {
  justify-content: flex-end;
}

.row.h_center,
.col.v_center,
.row_up.h_center,
.col_up.v_center,
.flex_center {
  justify-content: center;
}

.row.h_around,
.col.v_around,
.row_up.h_around,
.col_up.v_around {
  justify-content: space-around;
}

.row.h_justify,
.col.v_justify,
.row_up.h_justify,
.col_up.v_justify {
  justify-content: space-between;
}

.row.v_start,
.col.h_start,
.row_up.v_start,
.col_up.h_start {
  align-items: flex-start;
}

.row.v_end,
.col.h_end,
.row_up.v_end,
.col_up.h_end {
  align-items: flex-end;
}

.row.v_center,
.col.h_center,
.row_up.v_center,
.col_up.h_center,
.flex_center {
  align-items: center;
}

.row.v_baseline,
.col.h_baseline,
.row_up.v_baseline,
.col_up.h_baseline {
  align-items: baseline;
}

.self_end {
  align-self: flex-end;
}

@media (max-width: 767px) {
  .-mobileHidden {
    display: none !important;
  }
  .flex_wrap_down {
    flex-wrap: wrap;
  }
  .row_down,
  .col_down {
    display: flex;
  }
  .col_down {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .row_up,
  .col_up {
    display: flex;
  }
  .-mobileVisible {
    display: none !important;
  }
}
/*# sourceMappingURL=trolstrap.css.map */