/*
xs  < 576px — базовые стили
sm  ≥ 576px
md  ≥ 768px
lg  ≥ 992px
xl  ≥ 1200px
xxl ≥ 1400px
*/

.our-color, .orange {
  color: #f18700;
}

.red-color {
  color: #e42e00;
}

.text-green {
  color: #00b09a;
}

a.our-color {
  color: #f18700;
  text-decoration: none;

  &:hover {
    color: #fff;
    text-decoration: underline;
  }
}

.grey-color {
  color: #97979f;
}

.bg-almost-black {
  background: #101a18;
}

.black-color {
  color: #000;
}

.r-thin {
  font-weight: 300;
}

.mb-16 {
  margin-bottom: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-50 {
  margin-bottom: 24px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 32px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-100 {
  margin-bottom: 96px;
}

.mb-140 {
  margin-bottom: 60px;
}

.mb-180 {
  margin-bottom: 176px;
}

.mb-220 {
  margin-bottom: 220px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-34 {
  margin-top: 34px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-100 {
  margin-top: 96px;
}

.mt-140 {
  margin-top: 112px;
}

.mt-150 {
  margin-top: 134px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-200 {
  margin-top: 200px;
}

.mt-220 {
  margin-top: 220px;
}

.ms-70 {
  margin-left: 70px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-240 {
  padding-bottom: 240px;
}

.pb-260 {
  padding-bottom: 260px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-100 {
  padding-top: 96px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-220 {
  padding-top: 220px;
}

.pl-80 {
  padding-left: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pl-110 {
  padding-left: 110px;
}

.gap8 {
  gap: 8px;
}

.gap16 {
  gap: 16px;
}

.gap28 {
  gap: 28px;
}

.z-10 {
  z-index: 10;
}

.font-12 {
  font-size: 12px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 24px;
}

.font-28 {
  font-size: 27px;
}

.font-30 {
  font-size: 30px;
}

.font-36 {
  font-size: 36px;
}

.t-100 {
  top: -100px;
}

.t-200 {
  top: -200px;
}

.opacity-06 {
  opacity: 0.6;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-22 {
  font-size: 22px;
}

.font-24 {
  font-size: 19px;
}

.font-28 {
  font-size: 21px;
}

.font-36 {
  font-size: 28px;
}

.mt-100 {
  margin-top: 32px;
}

.mt-150 {
  margin-top: 32px;
}

.mt-520 {
  margin-top: 48px;
}

.mb-65 {
  margin-bottom: 32px;
}

.mb-100 {
  margin-bottom: 48px;
}

.mb-140 {
  margin-bottom: 60px;
}

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


/* ========================================
   (≥ 576px)
   ======================================== */
@media only screen and (min-width: 576px) {
  small.text-nowrap {
    white-space: normal !important;
  }
}

/* ========================================
   (≥ 768px)
   ======================================== */
@media only screen and (min-width: 768px) {
  .mb-50 {
    margin-bottom: 50px;
  }

  .mb-65 {
    margin-bottom: 65px;
  }

  .mb-140 {
    margin-bottom: 112px;
  }
}

/* ========================================
   (≥ 992px)
   ======================================== */
@media only screen and (min-width: 992px) {

}

/* ========================================
   (≥ 1200px)
   ======================================== */
@media only screen and (min-width: 1200px) {

}

/* ========================================
   (≥ 1400px)
   ======================================== */
@media only screen and (min-width: 1400px) {

}
