/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styles/main.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
html,
body {
  background-color: var(--light-grey-1);
}

* {
  box-sizing: border-box;
}

a {
  color: var(--purple);
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--light-grey-1);
  color: var(--dark-grey-2);
  font-family: Lora;
  font-size: var(--font-size-default);
  min-height: calc(100vh - var(--header-height) - 32px);
  margin: 0;
  margin-top: var(--header-height);
}

.childlab-footer {
  background-color: var(--white);
  color: var(--dark-grey-1);
  text-align: center;
  margin-top: auto;
  font-size: var(--font-size-16);
  padding: var(--size-lg);
}

.childlab-footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--size-lg);
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styles/grid-system.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
.container::after {
  content: "";
  display: table;
  clear: both;
}
.container {
  max-width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1224px;
  }
}
.container-fluid {
  width: 100%;
  padding: 0 10px;
}
.container-fluid::after {
  content: "";
  display: table;
  clear: both;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-1 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.col-2 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.col-3 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 25%;
  max-width: 25%;
}

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

.col-4 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.col-5 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.col-6 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 50%;
  max-width: 50%;
}

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

.col-7 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.col-8 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.col-9 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 75%;
  max-width: 75%;
}

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

.col-10 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.col-11 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.col-12 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

.col-xs-1 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-xs-1 {
  margin-left: 8.3333333333%;
}

.order-xs-1 {
  order: 1;
}

.col-xs-2 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-xs-2 {
  margin-left: 16.6666666667%;
}

.order-xs-2 {
  order: 2;
}

.col-xs-3 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 25%;
  max-width: 25%;
}

.offset-xs-3 {
  margin-left: 25%;
}

.order-xs-3 {
  order: 3;
}

.col-xs-4 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-xs-4 {
  margin-left: 33.3333333333%;
}

.order-xs-4 {
  order: 4;
}

.col-xs-5 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-xs-5 {
  margin-left: 41.6666666667%;
}

.order-xs-5 {
  order: 5;
}

.col-xs-6 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 50%;
  max-width: 50%;
}

.offset-xs-6 {
  margin-left: 50%;
}

.order-xs-6 {
  order: 6;
}

.col-xs-7 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-xs-7 {
  margin-left: 58.3333333333%;
}

.order-xs-7 {
  order: 7;
}

.col-xs-8 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-xs-8 {
  margin-left: 66.6666666667%;
}

.order-xs-8 {
  order: 8;
}

.col-xs-9 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 75%;
  max-width: 75%;
}

.offset-xs-9 {
  margin-left: 75%;
}

.order-xs-9 {
  order: 9;
}

.col-xs-10 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-xs-10 {
  margin-left: 83.3333333333%;
}

.order-xs-10 {
  order: 10;
}

.col-xs-11 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-xs-11 {
  margin-left: 91.6666666667%;
}

.order-xs-11 {
  order: 11;
}

.col-xs-12 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-xs-12 {
  margin-left: 100%;
}

.order-xs-12 {
  order: 12;
}

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

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

.d-xs-flex {
  display: flex !important;
}

.justify-xs-start {
  justify-content: flex-start !important;
}

.justify-xs-center {
  justify-content: center !important;
}

.justify-xs-end {
  justify-content: flex-end !important;
}

.justify-xs-between {
  justify-content: space-between !important;
}

.align-xs-start {
  align-items: flex-start !important;
}

.align-xs-center {
  align-items: center !important;
}

.align-xs-end {
  align-items: flex-end !important;
}

@media (min-width: 576px) {
  .col-sm-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .order-sm-1 {
    order: 1;
  }
  .col-sm-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .order-sm-2 {
    order: 2;
  }
  .col-sm-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .order-sm-3 {
    order: 3;
  }
  .col-sm-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .order-sm-4 {
    order: 4;
  }
  .col-sm-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .order-sm-5 {
    order: 5;
  }
  .col-sm-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .order-sm-6 {
    order: 6;
  }
  .col-sm-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .order-sm-7 {
    order: 7;
  }
  .col-sm-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .order-sm-8 {
    order: 8;
  }
  .col-sm-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .order-sm-9 {
    order: 9;
  }
  .col-sm-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .order-sm-10 {
    order: 10;
  }
  .col-sm-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .order-sm-11 {
    order: 11;
  }
  .col-sm-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
  .order-sm-12 {
    order: 12;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .order-md-1 {
    order: 1;
  }
  .col-md-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .order-md-2 {
    order: 2;
  }
  .col-md-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .order-md-3 {
    order: 3;
  }
  .col-md-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .order-md-4 {
    order: 4;
  }
  .col-md-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .order-md-5 {
    order: 5;
  }
  .col-md-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .order-md-6 {
    order: 6;
  }
  .col-md-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .order-md-7 {
    order: 7;
  }
  .col-md-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .order-md-8 {
    order: 8;
  }
  .col-md-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .order-md-9 {
    order: 9;
  }
  .col-md-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .order-md-10 {
    order: 10;
  }
  .col-md-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .order-md-11 {
    order: 11;
  }
  .col-md-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
  .order-md-12 {
    order: 12;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .order-lg-1 {
    order: 1;
  }
  .col-lg-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .order-lg-2 {
    order: 2;
  }
  .col-lg-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .order-lg-3 {
    order: 3;
  }
  .col-lg-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .order-lg-4 {
    order: 4;
  }
  .col-lg-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .order-lg-5 {
    order: 5;
  }
  .col-lg-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .order-lg-6 {
    order: 6;
  }
  .col-lg-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .order-lg-7 {
    order: 7;
  }
  .col-lg-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .order-lg-8 {
    order: 8;
  }
  .col-lg-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .order-lg-9 {
    order: 9;
  }
  .col-lg-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .order-lg-10 {
    order: 10;
  }
  .col-lg-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .order-lg-11 {
    order: 11;
  }
  .col-lg-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
  .order-lg-12 {
    order: 12;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .order-xl-1 {
    order: 1;
  }
  .col-xl-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .order-xl-2 {
    order: 2;
  }
  .col-xl-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .order-xl-3 {
    order: 3;
  }
  .col-xl-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .order-xl-4 {
    order: 4;
  }
  .col-xl-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .order-xl-5 {
    order: 5;
  }
  .col-xl-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .order-xl-6 {
    order: 6;
  }
  .col-xl-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .order-xl-7 {
    order: 7;
  }
  .col-xl-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .order-xl-8 {
    order: 8;
  }
  .col-xl-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .order-xl-9 {
    order: 9;
  }
  .col-xl-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .order-xl-10 {
    order: 10;
  }
  .col-xl-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .order-xl-11 {
    order: 11;
  }
  .col-xl-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
  .order-xl-12 {
    order: 12;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .order-xxl-1 {
    order: 1;
  }
  .col-xxl-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .order-xxl-2 {
    order: 2;
  }
  .col-xxl-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .order-xxl-3 {
    order: 3;
  }
  .col-xxl-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .order-xxl-4 {
    order: 4;
  }
  .col-xxl-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .order-xxl-5 {
    order: 5;
  }
  .col-xxl-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .order-xxl-6 {
    order: 6;
  }
  .col-xxl-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .order-xxl-7 {
    order: 7;
  }
  .col-xxl-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .order-xxl-8 {
    order: 8;
  }
  .col-xxl-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .order-xxl-9 {
    order: 9;
  }
  .col-xxl-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .order-xxl-10 {
    order: 10;
  }
  .col-xxl-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .order-xxl-11 {
    order: 11;
  }
  .col-xxl-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-12 {
    margin-left: 100%;
  }
  .order-xxl-12 {
    order: 12;
  }
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-between {
    justify-content: space-between !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
}
.align-self-start {
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

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

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

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

.mt-1 {
  margin-top: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

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

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

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

.pt-1 {
  padding-top: 0.5rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

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

.mt-2 {
  margin-top: 1rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

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

.pt-2 {
  padding-top: 1rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

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

.mt-3 {
  margin-top: 1.5rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

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

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

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

.pt-3 {
  padding-top: 1.5rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

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

.mt-4 {
  margin-top: 2rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

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

.pt-4 {
  padding-top: 2rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

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

.mt-5 {
  margin-top: 2.5rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

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

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

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

.pt-5 {
  padding-top: 2.5rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.pl-5 {
  padding-left: 2.5rem !important;
}

.pr-5 {
  padding-right: 2.5rem !important;
}

.px-5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

/*
  // Подключение в основном файле SCSS:
  @import 'grid-system';

  // HTML структура:
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-6 col-lg-4">
        Колонка 1
      </div>
      <div class="col-xs-12 col-md-6 col-lg-4">
        Колонка 2
      </div>
      <div class="col-xs-12 col-md-12 col-lg-4">
        Колонка 3
      </div>
    </div>

    <div class="row">
      <div class="col-lg-8 offset-lg-2">
        Колонка со смещением
      </div>
    </div>

    <div class="row justify-md-center align-md-center">
      <div class="col-sm-6 col-md-4">
        Выровненная колонка
      </div>
    </div>
  </div>
*/
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/styles/header.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
.container::after {
  content: "";
  display: table;
  clear: both;
}
.container {
  max-width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1224px;
  }
}
.container-fluid {
  width: 100%;
  padding: 0 10px;
}
.container-fluid::after {
  content: "";
  display: table;
  clear: both;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.row::after {
  content: "";
  display: table;
  clear: both;
}

.col-1 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.col-2 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.col-3 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 25%;
  max-width: 25%;
}

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

.col-4 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.col-5 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.col-6 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 50%;
  max-width: 50%;
}

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

.col-7 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.col-8 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.col-9 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 75%;
  max-width: 75%;
}

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

.col-10 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.col-11 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.col-12 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

.col-xs-1 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-xs-1 {
  margin-left: 8.3333333333%;
}

.order-xs-1 {
  order: 1;
}

.col-xs-2 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-xs-2 {
  margin-left: 16.6666666667%;
}

.order-xs-2 {
  order: 2;
}

.col-xs-3 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 25%;
  max-width: 25%;
}

.offset-xs-3 {
  margin-left: 25%;
}

.order-xs-3 {
  order: 3;
}

.col-xs-4 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-xs-4 {
  margin-left: 33.3333333333%;
}

.order-xs-4 {
  order: 4;
}

.col-xs-5 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-xs-5 {
  margin-left: 41.6666666667%;
}

.order-xs-5 {
  order: 5;
}

.col-xs-6 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 50%;
  max-width: 50%;
}

.offset-xs-6 {
  margin-left: 50%;
}

.order-xs-6 {
  order: 6;
}

.col-xs-7 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-xs-7 {
  margin-left: 58.3333333333%;
}

.order-xs-7 {
  order: 7;
}

.col-xs-8 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-xs-8 {
  margin-left: 66.6666666667%;
}

.order-xs-8 {
  order: 8;
}

.col-xs-9 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 75%;
  max-width: 75%;
}

.offset-xs-9 {
  margin-left: 75%;
}

.order-xs-9 {
  order: 9;
}

.col-xs-10 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-xs-10 {
  margin-left: 83.3333333333%;
}

.order-xs-10 {
  order: 10;
}

.col-xs-11 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-xs-11 {
  margin-left: 91.6666666667%;
}

.order-xs-11 {
  order: 11;
}

.col-xs-12 {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-xs-12 {
  margin-left: 100%;
}

.order-xs-12 {
  order: 12;
}

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

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

.d-xs-flex {
  display: flex !important;
}

.justify-xs-start {
  justify-content: flex-start !important;
}

.justify-xs-center {
  justify-content: center !important;
}

.justify-xs-end {
  justify-content: flex-end !important;
}

.justify-xs-between {
  justify-content: space-between !important;
}

.align-xs-start {
  align-items: flex-start !important;
}

.align-xs-center {
  align-items: center !important;
}

.align-xs-end {
  align-items: flex-end !important;
}

@media (min-width: 576px) {
  .col-sm-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .order-sm-1 {
    order: 1;
  }
  .col-sm-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .order-sm-2 {
    order: 2;
  }
  .col-sm-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .order-sm-3 {
    order: 3;
  }
  .col-sm-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .order-sm-4 {
    order: 4;
  }
  .col-sm-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .order-sm-5 {
    order: 5;
  }
  .col-sm-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .order-sm-6 {
    order: 6;
  }
  .col-sm-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .order-sm-7 {
    order: 7;
  }
  .col-sm-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .order-sm-8 {
    order: 8;
  }
  .col-sm-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .order-sm-9 {
    order: 9;
  }
  .col-sm-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .order-sm-10 {
    order: 10;
  }
  .col-sm-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .order-sm-11 {
    order: 11;
  }
  .col-sm-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
  .order-sm-12 {
    order: 12;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .order-md-1 {
    order: 1;
  }
  .col-md-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .order-md-2 {
    order: 2;
  }
  .col-md-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .order-md-3 {
    order: 3;
  }
  .col-md-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .order-md-4 {
    order: 4;
  }
  .col-md-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .order-md-5 {
    order: 5;
  }
  .col-md-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .order-md-6 {
    order: 6;
  }
  .col-md-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .order-md-7 {
    order: 7;
  }
  .col-md-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .order-md-8 {
    order: 8;
  }
  .col-md-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .order-md-9 {
    order: 9;
  }
  .col-md-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .order-md-10 {
    order: 10;
  }
  .col-md-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .order-md-11 {
    order: 11;
  }
  .col-md-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
  .order-md-12 {
    order: 12;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .order-lg-1 {
    order: 1;
  }
  .col-lg-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .order-lg-2 {
    order: 2;
  }
  .col-lg-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .order-lg-3 {
    order: 3;
  }
  .col-lg-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .order-lg-4 {
    order: 4;
  }
  .col-lg-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .order-lg-5 {
    order: 5;
  }
  .col-lg-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .order-lg-6 {
    order: 6;
  }
  .col-lg-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .order-lg-7 {
    order: 7;
  }
  .col-lg-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .order-lg-8 {
    order: 8;
  }
  .col-lg-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .order-lg-9 {
    order: 9;
  }
  .col-lg-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .order-lg-10 {
    order: 10;
  }
  .col-lg-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .order-lg-11 {
    order: 11;
  }
  .col-lg-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
  .order-lg-12 {
    order: 12;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .order-xl-1 {
    order: 1;
  }
  .col-xl-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .order-xl-2 {
    order: 2;
  }
  .col-xl-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .order-xl-3 {
    order: 3;
  }
  .col-xl-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .order-xl-4 {
    order: 4;
  }
  .col-xl-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .order-xl-5 {
    order: 5;
  }
  .col-xl-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .order-xl-6 {
    order: 6;
  }
  .col-xl-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .order-xl-7 {
    order: 7;
  }
  .col-xl-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .order-xl-8 {
    order: 8;
  }
  .col-xl-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .order-xl-9 {
    order: 9;
  }
  .col-xl-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .order-xl-10 {
    order: 10;
  }
  .col-xl-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .order-xl-11 {
    order: 11;
  }
  .col-xl-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
  .order-xl-12 {
    order: 12;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .order-xxl-1 {
    order: 1;
  }
  .col-xxl-2 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .order-xxl-2 {
    order: 2;
  }
  .col-xxl-3 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .order-xxl-3 {
    order: 3;
  }
  .col-xxl-4 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .order-xxl-4 {
    order: 4;
  }
  .col-xxl-5 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .order-xxl-5 {
    order: 5;
  }
  .col-xxl-6 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .order-xxl-6 {
    order: 6;
  }
  .col-xxl-7 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .order-xxl-7 {
    order: 7;
  }
  .col-xxl-8 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .order-xxl-8 {
    order: 8;
  }
  .col-xxl-9 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .order-xxl-9 {
    order: 9;
  }
  .col-xxl-10 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .order-xxl-10 {
    order: 10;
  }
  .col-xxl-11 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .order-xxl-11 {
    order: 11;
  }
  .col-xxl-12 {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xxl-12 {
    margin-left: 100%;
  }
  .order-xxl-12 {
    order: 12;
  }
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-between {
    justify-content: space-between !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
}
.align-self-start {
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

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

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

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

.mt-1 {
  margin-top: 0.5rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

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

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

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

.pt-1 {
  padding-top: 0.5rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

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

.mt-2 {
  margin-top: 1rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

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

.pt-2 {
  padding-top: 1rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

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

.mt-3 {
  margin-top: 1.5rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

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

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

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

.pt-3 {
  padding-top: 1.5rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

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

.mt-4 {
  margin-top: 2rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

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

.pt-4 {
  padding-top: 2rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

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

.mt-5 {
  margin-top: 2.5rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

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

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

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

.pt-5 {
  padding-top: 2.5rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.pl-5 {
  padding-left: 2.5rem !important;
}

.pr-5 {
  padding-right: 2.5rem !important;
}

.px-5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

/*
  // Подключение в основном файле SCSS:
  @import 'grid-system';

  // HTML структура:
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-md-6 col-lg-4">
        Колонка 1
      </div>
      <div class="col-xs-12 col-md-6 col-lg-4">
        Колонка 2
      </div>
      <div class="col-xs-12 col-md-12 col-lg-4">
        Колонка 3
      </div>
    </div>

    <div class="row">
      <div class="col-lg-8 offset-lg-2">
        Колонка со смещением
      </div>
    </div>

    <div class="row justify-md-center align-md-center">
      <div class="col-sm-6 col-md-4">
        Выровненная колонка
      </div>
    </div>
  </div>
*/
#wpadminbar {
  position: fixed;
}

.childlab-header {
  position: fixed;
  width: 100%;
  height: var(--header-height);
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  gap: 36px;
  z-index: 1000;
  margin-top: calc(0px - var(--header-height));
}

.childlab-site-branding {
  display: flex;
  align-items: center;
  width: 140px;
  overflow: hidden;
}
.childlab-site-branding img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.childlab-primary-menu {
  display: flex;
  list-style: none;
  gap: 20px;
  transition: opacity 0.3s ease;
}
.childlab-primary-menu .menu-item a {
  padding: var(--size-xs) var(--size-md);
  border-radius: 8px;
  text-decoration: none;
  color: var(--purple);
  font-weight: var(--font-wight-500);
  font-size: var(--font-size-16);
  transition: all 0.3s ease;
}
.childlab-primary-menu .menu-item a:hover {
  background-color: rgba(238, 234, 250, 0.8);
  opacity: 0.7;
  color: var(--purple);
}
.childlab-primary-menu .current-menu-item a {
  background-color: rgb(238, 234, 250);
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/scripts/widgets/Loader/Loader.css ***!
  \*******************************************************************************************************************************************************************************************/
.loader-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}

.loader-container.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  z-index: 9999;
  background-color: rgba(248, 248, 248, 0.95);
}

.loader-spinner {
  position: relative;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
}

.loader-spinner.loader-small {
  width: 40px;
  height: 40px;
}

.loader-spinner.loader-medium {
  width: 64px;
  height: 64px;
}

.loader-spinner.loader-large {
  width: 80px;
  height: 80px;
}

.loader-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #5230d0;
  border-radius: 50%;
  animation: loader-spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}

.loader-spinner.loader-small .loader-dot {
  width: 8px;
  height: 8px;
  transform-origin: 20px 20px;
}

.loader-spinner.loader-large .loader-dot {
  width: 14px;
  height: 14px;
  transform-origin: 40px 40px;
}

.loader-dot:nth-child(1) {
  animation-delay: -0.036s;
  top: 4px;
  left: 28px;
}

.loader-dot:nth-child(2) {
  animation-delay: -0.072s;
  top: 10px;
  left: 10px;
}

.loader-dot:nth-child(3) {
  animation-delay: -0.108s;
  top: 28px;
  left: 4px;
}

.loader-dot:nth-child(4) {
  animation-delay: -0.144s;
  top: 46px;
  left: 10px;
}

.loader-dot:nth-child(5) {
  animation-delay: -0.18s;
  top: 52px;
  left: 28px;
}

.loader-dot:nth-child(6) {
  animation-delay: -0.216s;
  top: 46px;
  left: 46px;
}

.loader-dot:nth-child(7) {
  animation-delay: -0.252s;
  top: 28px;
  left: 52px;
}

.loader-dot:nth-child(8) {
  animation-delay: -0.288s;
  top: 10px;
  left: 46px;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: rotate(360deg);
    opacity: 1;
  }
}

.loader-text {
  color: #5230d0;
  font-size: 16px;
  font-weight: 500;
  margin-top: 12px;
  animation: loader-pulse 1.5s ease-in-out infinite;
}

.loader-spinner.loader-small + .loader-text {
  font-size: 14px;
}

.loader-spinner.loader-large + .loader-text {
  font-size: 18px;
}

@keyframes loader-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

/* Для плавного появления */
.loader-container {
  animation: loader-fade-in 0.3s ease-out;
}

@keyframes loader-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/*# sourceMappingURL=index.css.map*/