/*
	Theme Name: Well
	Version: 1.0
	Author: Тарасов Андрей (aka Mario62rus)
*/

/*--------------------------------------------------------------
>>> СОДЕРЖАНИЕ:
----------------------------------------------------------------


--------------------------------------------------------------*/

.ta_popup .wpcf7-form-control.recaptcha {
  border: none;
}

.recaptcha > div {
  margin: auto;
  margin-bottom: 10px;
}

/* ==========================================================================
	ОБЩИЕ СТИЛИ
========================================================================== */
@font-face {
  font-family: "PT Sans";
  src: url("PTC55F_W.eot");
  src:
    local("PT Sans"),
    url("fonts/PTS55F_W.eot?#iefix") format("embedded-opentype"),
    url("fonts/PTS55F_W.woff") format("woff"),
    url("fonts/PTS55F_W.ttf") format("truetype"),
    url("fonts/PTS55F_W.svg#PTSans-Regular") format("svg");
}
@font-face {
  font-family: "PT Sans Bold";
  src: url("PTS75F_W.eot");
  font-weight: bold;
  src:
    local("PT Sans Bold"),
    url("fonts/PTS75F_W.eot?#iefix") format("embedded-opentype"),
    url("fonts/PTS75F_W.woff") format("woff"),
    url("fonts/PTS75F_W.ttf") format("truetype"),
    url("fonts/PTS75F_W.svg#PTSans-Bold") format("svg");
}

*:not(.ab-icon):not(.ab-item):not(.dashicons):not(.fa) {
  box-sizing: border-box;
}
body {
  font:
    18px/1.3 "PT Sans",
    Arial,
    sans-serif;
  color: #222;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
a {
  transition: 0.3s;
  text-decoration: none;
}
em {
  font-style: italic;
}
blockquote {
  border: dotted #666 1px;
  border-left: solid #ff5a00 5px;
  margin: 10px 40px;
  padding: 15px;
  color: #333;
  font-style: italic;
  background: #fcfcfc;
}
blockquote p {
  margin: 0;
}
p {
  margin: 1rem 0;
}
ol {
  list-style: decimal inside;
}
ol li {
  margin: 1rem 0;
}
input[type="submit"] {
  cursor: pointer;
}
*:focus {
  outline: none;
}
img {
  max-width: 100%;
  height: auto;
  border-style: none;
}
iframe {
  display: block;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: transparent !important;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: transparent !important;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}

/* 								   Обтекание картинки текстом
------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone,
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* 													   Кнопки
------------------------------------------------------------- */
.btn {
  display: inline-block;
  color: #303030;
  font: 22px/1 "PT Sans Bold";
  padding: 20px 55px;
  text-transform: uppercase;
  border-radius: 15px;
  border: none;
  background: #ffed00;
}

/* 											 Стрелка "наверх"
------------------------------------------------------------- */
#scroll_to_up {
  position: fixed;
  display: none;
  right: 50px;
  bottom: 50px;
  z-index: 999;
  width: 95px;
  height: 95px;
  opacity: 0.5;
  cursor: pointer;
  background: url(img/arrow-up.png) no-repeat 50% 50% / cover;
}
#scroll_to_up:hover {
  opacity: 1;
}

/* 													   Прочее
------------------------------------------------------------- */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.justify {
  text-align: justify;
  line-height: 1;
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.justify > * {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.container {
  max-width: 1360px;
  margin: 0 auto;
}

/* ==========================================================================
	Модальные окна и формы
========================================================================== */

/* 													  Оверлей
------------------------------------------------------------- */
.ta_overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.ta_overlay:target {
  visibility: visible;
  opacity: 1;
}

/* 											   Модальное окно
------------------------------------------------------------- */
.ta_popup {
  position: fixed;
  left: 50%;
  right: 0;
  top: 0;
  z-index: 10000;
  width: 80%;
  max-width: 670px;
  padding: 3vh 5vw 2vh;
  border-radius: 15px;
  border: 2px solid #0a584e;
  background: #f7f7f7;
  /* трансформация */
  -webkit-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  -o-transform: translate(-50%, -150%);
  transform: translate(-50%, -150%);
  /* анимируем трансформацию */
  -webkit-transition: transform 0.6s ease-out;
  -moz-transition: transform 0.6s ease-out;
  -ms-transition: transform 0.6s ease-out;
  -o-transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
}
.ta_overlay:target + .ta_popup {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ta_popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  background: url(img/close.png);
}

/* 														Формы
------------------------------------------------------------- */
.wpcf7-not-valid-tip {
  display: none !important;
}
.wpcf7-not-valid {
  border: 2px solid red !important;
}

/* 										Форма обратной связи
------------------------------------------------------------- */
.ta_popup h3 {
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  margin: 0 0 30px;
}
.ta_popup .wpcf7-form-control {
  width: 100%;
  padding: 10px 20px;
  margin: 0 0 20px;
  border-radius: 15px;
  border: 1px solid #0a584e;
}
.ta_popup .wpcf7-form-control:not(.wpcf7-submit) {
  background: #f7f7f7;
}
.ta_popup textarea {
  height: 115px;
  margin: 0;
}
.ta_popup .conf {
  color: #787878;
  text-decoration: underline;
}
.ta_popup .wpcf7-submit {
  color: #fff;
  font-family: "PT Sans";
  margin: 20px 0 0;
  background: #0a584e;
}
.ta_popup .wpcf7-validation-errors {
  display: none !important;
}

/* ==========================================================================
	ШАПКА
========================================================================== */
header {
  padding: 20px 0 15px;
  border-bottom: 1px solid #0a584e;
}
header .logo {
  font: 36px/1 "PT Sans Bold";
  color: #0a584e;
}
header .places {
  font: 22px/1.4 "PT Sans";
}
header .places span {
  font-family: "PT Sans Bold";
  color: #0a584e;
}
header .contacts p {
  margin: 0 0 7px;
  font-size: 22px;
  display: inline-block;
  padding-left: 37px;
}
header .tel {
  font: 22px/1 "PT Sans Bold";
  color: #0a584e;
  background: url(img/tel.png) no-repeat 0 50% / contain;
}
header .address {
  background: url(img/point.png) no-repeat 0 50% / contain;
}
header .email {
  background: url(img/mail.png) no-repeat 0 50%;
}
header .email a {
  color: #000;
}

/* 														 Меню
------------------------------------------------------------- */
.menu_wrp {
  background: #fff;
}
.menu {
  padding: 20px 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu a {
  text-transform: uppercase;
  color: #000;
  line-height: 1;
}
.menu a:hover {
  color: #0a584e;
}
.mobile_menu_toggle {
  display: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAYAAACTQC2+AAABLElEQVR42t3VTytEURjH8fsSbERNGpTJTNQIDSsWyrwgWxYGr8LaRllIXgO7sRMWRjRjlP9SpOP7q2fxuCl13O5invrU7Tz1ezrdc+5NQghH6OISj9hOrHhewT1a1o+h7GOF3YafdegGbYVs6k5hV6nFfTdoPaNBN4ltT/X5y6BNW/uyfgxVS2E1LGEBdUy4QaNYxqL1Yyh7Lum9YlsFjKGIMvpdrw/jGP4HZRcU1sSDTgbeseMGreIVbevHUPaJwjo53KOuwq5TiwduUCOjQW2FneMDL3bu91IXVmtv1o+h7AuFlTCl+4MZDLlBA5jGpPVjKLvUm/eogllUMY8R1xvU58O2X42k7IrCTu2FPdvHc9cNWrM1vdSnSMo+++t4b2R0vDu5/vhy+ZV/AzYJlrwrtelWAAAAAElFTkSuQmCC")
    no-repeat 97% 50% #3f3f3f;
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  text-transform: uppercase;
  position: relative;
}

.menu_wrp .justify:after {
  display: none;
}

/* ==========================================================================
	БЛОК 1
========================================================================== */
.block1 {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  height: 70vh;
}

.block1 .cell {
  position: relative;
  z-index: 1;
}
.block1 .cell p {
  font-family: "PT Sans Bold";
}
.block1 .cell p span {
  color: #ffed00;
  background: #0b584e;
  display: inline-block;
  border-radius: 8px;
  padding: 0px 7px;
}
.block1 .cell div {
}

/* ==========================================================================
	ВЫГОДА
========================================================================== */
.profit {
  text-align: center;
  padding: 50px 0;
}
.profit h3 {
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 7vh;
}
.profit h3 span {
  color: #0a584e;
}
.profit .item {
  font-size: 22px;
  text-align: center;
}

/* ==========================================================================
	КОГДА ТРЕБУЕТСЯ ЧИСТКА
========================================================================== */
.cleaning {
  display: table;
  width: 100%;
  position: relative;
}
.cleaning:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.cleaning .cell {
  display: table-cell;
  height: 75vh;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.cleaning .container {
  display: inline-block;
  max-width: 740px;
}
.cleaning h3 {
  margin: 7vh 0 8vh;
  font: 40px/1 "PT Sans Bold";
}
.cleaning h3 span {
  color: #ffed00;
}
.cleaning .item {
  width: 32%;
  text-align: center;
}

/* ==========================================================================
	ПОЧЕМУ НАС ВЫБИРАЮТ
========================================================================== */
.benefits {
  padding: 10vh 0;
  text-align: center;
}
.benefits h3 {
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 8vh;
}
.benefits h4 {
  font: 22px/1 "PT Sans Bold";
  color: #0a584e;
  margin: 0 0 15px;
}
.benefits .item {
  width: 32%;
  text-align: center;
  margin: 0 0 30px;
}
.benefits .justify {
  margin: 0 0 40px;
}

/* ==========================================================================
	ЭТАПЫ РАБОТЫ
========================================================================== */
.stages {
  color: #fff;
  padding: 13vh 15px 9vh;
  background: url(img/stages-bg.jpg) no-repeat 50% 50% / cover;
}
.stages h3 {
  text-align: center;
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 11vh;
}
.stages .item {
  width: 23%;
  position: relative;
  margin: 0 0 40px;
  background: url(img/arrow-right.png) no-repeat 100% 10px;
}
.stages .item:last-of-type {
  background: none;
}
.stages .item a {
  color: #ffed00;
  font: 18px/1 "PT Sans Bold";
}

/* ==========================================================================
	ПОДРОБНЫЕ ШАГИ ОЧИСТКИ
========================================================================== */
.steps {
  padding: 5vh 15px;
  max-width: 1170px;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  border: 10px solid #0a584e;
  border-radius: 10px;
}
.steps .justify {
  display: none;
}
.steps .justify.show {
  display: block;
}
.steps h3 {
  text-align: center;
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.steps h3 span {
  display: inline-block;
  cursor: pointer;
  padding: 0 0 7px;
  background: url(img/steps-bg.png) repeat-x 0 100%;
}
.steps .item {
  width: 48%;
}
.steps .item p {
  margin: 0 0 20px 30px;
}
.steps .item span {
  float: left;
  margin: 3px 0 0;
  font: 18px/1 "PT Sans Bold";
  color: #0a584e;
}

/* ==========================================================================
	ГАЛЕРЕЯ РАБОТ
========================================================================== */
.gallery {
  padding: 0 15px 10vh;
}
.gallery h3 {
  text-align: center;
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.gallery .slider .slick-list {
  margin: 0 -50px;
}
.gallery .slick-slide {
  text-align: center;
}
.gallery .slider {
  overflow: hidden;
}
.gallery .slider .slick-slide {
  height: 70vh;
  line-height: 70vh;
  position: relative;
}
.gallery .slider .inner {
  position: absolute;
  width: 80%;
  height: 300px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.5s;
  border: 1px solid #444;
}
.gallery .slider .slick-center .inner {
  width: 90%;
  height: 500px;
}

.slider i {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin: -22px 0 0;
  width: 19px;
  height: 45px;
  cursor: pointer;
}
.slider .slick-prev {
  left: 0;
  background: url(img/prev.png);
}
.slider .slick-next {
  right: 0;
  background: url(img/next.png);
}

/* ==========================================================================
	ФАКТОРЫ ЦЕНЫ
========================================================================== */
.factors {
  color: #fff;
  text-align: center;
  padding: 9vh 15px;
  background: url(img/factors-bg.jpg) no-repeat 50% 50% / cover;
}
.factors h3 {
  text-align: center;
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.factors .item {
  display: inline-table;
  vertical-align: top;
  width: 180px;
  height: 180px;
  padding: 0 10px;
  margin: 0 40px 30px 0;
  border-radius: 50%;
  border: 1px solid #fff;
}
.factors .item span {
  display: table-cell;
  vertical-align: middle;
}
.factors p {
  font: 22px/1 "PT Sans Bold";
}
.factors p span {
  color: #ffed00;
}

/* ==========================================================================
	СКИДКА
========================================================================== */
.discount {
  margin: 40px auto;
  padding: 30px 15px;
  max-width: 1170px;
  text-align: center;
  font: 22px/1 "PT Sans Bold";
  border: 10px solid #0a584e;
  border-radius: 10px;
}
.discount h3 {
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.discount h3 span {
  display: inline-block;
  padding: 10px 5px;
  border-radius: 10px;
  background: #ffed00;
}
.discount .img {
  padding: 20px 0;
}
.discount .item {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 35px;
  background: url(img/check.png) no-repeat 0 3px;
}
.discount .item:first-of-type {
  margin-right: 40px;
}
.discount .btn {
  margin-top: 40px;
}

/* ==========================================================================
	ОТЗЫВЫ
========================================================================== */
.reviews {
  margin: 50px 0;
}
.reviews h3 {
  text-align: center;
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.reviews .slick-slide {
  text-align: center;
}
.reviews .item {
  display: inline-block;
  width: 80%;
  padding: 5%;
  line-height: 1;
  text-align: center;
  background: #f7f7f7;
  border-radius: 20px;
  border: 2px solid #0a584e;
}
.reviews .item p {
  /*height: 110px;
	overflow: hidden;*/
  text-align: left;
}
.reviews .item .img {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

/* ==========================================================================
	ОБРАЩЕНИЕ РУКОВОДИТЕЛЯ
========================================================================== */
.petition {
  text-align: center;
  padding: 7vh 15px;
}
.petition h3 {
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.petition p {
  font: 18px/1 "PT Sans Bold";
}
.petition p span {
  display: inline-block;
  position: relative;
}
.petition p span:before,
.petition p span:after {
  content: "";

  width: 12px;
  height: 10px;
}
.petition p span:before {
  position: relative;
  display: inline-block;
  left: -10px;
  top: -5px;
  background: url(img/quotes-left.png);
}
.petition p span:after {
  position: absolute;
  margin: 13px 0 0 10px;
  background: url(img/quotes-right.png);
}
.petition img {
  margin: 30px 0;
}
.petition .sign {
  font: 22px/1.3 "PT Sans Bold";
}
.petition .sign span {
  color: #0a584e;
}

/* ==========================================================================
	КОМПАНИЯ В ЦИФРАХ
========================================================================== */
.digits {
  text-align: center;
  padding: 7vh 15px;
  background: url(img/digits-bg.jpg) no-repeat 50% 50% / cover;
}
.digits h3 {
  font: 40px/1 "PT Sans Bold";
  color: #fff;
  margin: 0 0 5vh;
}
.digits div {
  display: inline-block;
  color: #fff;
  font: 18px/1.1 "PT Sans Bold";
}
.digits div:not(:last-of-type) {
  margin-right: 40px;
}
.digits div p {
  text-transform: uppercase;
  font-size: 30px;
  color: #ffed00;
}

/* ==========================================================================
	ОБРАТНАЯ СВЯЗЬ
========================================================================== */
.connection {
  text-align: center;
  padding: 7vh 15px;
}
.connection h3 {
  font: 40px/1 "PT Sans Bold";
  margin: 0 0 5vh;
}
.connection form {
  display: inline-block;
  max-width: 680px;
}
.connection .wpcf7-text,
.connection textarea {
  padding: 10px 20px;
  border: 1px solid #0a584e;
  border-radius: 10px;
}
.connection textarea {
  height: 170px;
  width: 100%;
  margin: 30px 0 40px;
}
.connection .row .wpcf7-form-control-wrap input {
  width: 210px;
}
.connection .row .wpcf7-form-control-wrap:not(:last-of-type) {
  margin-right: 20px;
}
.connection .btn {
  color: #fff;
  font-size: 18px;
  background: #0a584e;
}

/* ==========================================================================
	ПОДВАЛ
========================================================================== */
footer {
  padding: 30px 15px;
  background: #131313;
}
footer .logo {
  color: #0a584e;
  font: 28px/1 "PT Sans Bold";
}
footer .copy {
  color: #595959;
  font-size: 16px;
}
footer .places {
  color: #fff;
}
footer .places span {
  color: #0a584e;
  font: 18px/1 "PT Sans Bold";
}
footer .places p a {
  display: inline-block;
  margin-top: 15px;
  font-size: 14px;
  color: #595959;
}
footer .contacts p {
  margin: 0 0 7px;
  padding: 0 0 0 40px;
  min-height: 20px;
  color: #fff;
  font: 18px/1 "PT Sans Bold";
}
footer .tel {
  background: url(img/tel2.png) no-repeat 0 50%;
}
footer .address {
  background: url(img/point2.png) no-repeat 0 50%;
}
footer .email {
  background: url(img/mail2.png) no-repeat 0 50%;
}
footer .email a {
  color: #fff;
}
footer .made {
  display: inline-block;
  margin-top: 15px;
  color: #595959;
  font-size: 14px;
}

/* ==========================================================================
	МЕДИА-ЗАПРОСЫ
========================================================================== */

@media screen and (max-height: 800px) {
  .ta_popup .wpcf7-form-control:not(.wpcf7-submit) {
    margin: 0 0 10px;
    padding: 5px 15px;
    font-size: 14px;
  }
  .ta_popup h3 {
    font-size: 18px !important;
    margin: 0 0 10px;
  }
  .ta_popup .conf {
    font-size: 14px;
  }
}

@media screen and (max-width: 1430px) {
  header,
  .menu_wrp,
  .profit,
  .benefits,
  .block1 .cell,
  .reviews {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 1300px) {
  .container {
    max-width: 1280px;
    margin: 0 auto;
  }
  header .logo {
    font-size: 28px;
  }
  .menu a {
    font-size: 16px;
  }
  .block1 .cell p {
    font-size: 40px;
  }
  .gallery .slick-slide {
    padding: 0 30px;
  }
  .reviews .item {
    width: 88%;
  }
  .ta_popup {
    max-width: 550px;
  }
  .ta_popup h3 {
    font-size: 28px;
  }
}

@media screen and (max-width: 1065px) {
  .benefits .item br {
    display: none;
  }
  .stages .item {
    width: 30%;
  }
  .discount,
  .steps {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 1000px) {
  header .logo {
    font-size: 20px;
  }
  header .places,
  header .contacts p {
    font-size: 17px;
  }
  .menu {
    display: none;
    background: #fff;
    position: relative;
    z-index: 100;
    padding: 20px 15px;
  }
  .mobile_menu_toggle {
    display: block;
  }
  .menu_wrp {
    padding: 0;
  }
  .menu a {
    display: block;
    font-size: 18px;
    padding: 5px 0;
  }
  .profit h3,
  .cleaning h3,
  .benefits h3,
  .stages h3,
  .steps h3,
  .gallery h3,
  .factors h3,
  .discount h3,
  .reviews h3,
  .petition h3,
  .digits h3,
  .connection h3 {
    font-size: 26px;
  }
  .profit .item {
    width: 49%;
    font-size: 19px;
  }
  .benefits .item {
    width: 49%;
  }
  footer .logo {
    font-size: 18px;
  }
}

@media screen and (max-width: 800px) {
  .block1 .cell div {
    font-size: 22px;
  }
  .block1 .cell p {
    font-size: 30px;
  }
  .stages .item {
    width: 45%;
  }
  .reviews .item p {
    height: auto;
  }
  .cleaning .cell {
    height: auto;
  }
  #scroll_to_up {
    width: 40px;
    height: 40px;
  }
  .connection .row .wpcf7-form-control-wrap input {
    width: 100%;
    margin: 0 0 20px;
  }
  .connection .row .wpcf7-form-control-wrap {
    margin: 0 !important;
  }
  .connection textarea {
    margin: 0 0 20px;
  }
  header .places,
  footer .places {
    display: none !important;
  }
}

@media screen and (max-width: 540px) {
  header .logo {
    margin: 0 0 20px;
  }
  .block1 .cell p {
    font-size: 27px;
  }
  .block1 .cell div {
    font-size: 17px;
  }
  .btn {
    font-size: 17px;
    padding: 15px 35px;
  }
  .profit .item {
    font-size: 16px;
  }
  .cleaning .item {
    width: 49%;
  }
  .digits div {
    display: block;
    margin: 0 0 20px !important;
  }
  .benefits .item,
  .steps .item,
  .stages .item {
    width: 100%;
    background: none;
  }
  .stages .item br {
    display: none;
  }
  .factors .item {
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    display: block;
    margin: 0 0 20px;
    text-align: center;
  }
  .factors .item span {
    display: inline;
  }
  footer .copy {
    display: none;
  }
  footer .justify > * {
    display: block;
  }
  footer .contacts {
    margin: 15px 0 5px;
  }
}

/* == ALL YOUR CODE ARE BELONG TO POETRY == */

.messengers-links {
  display: flex;
  align-items: center;
  gap: 5px;
}

.messenger-link img,
.messenger-link svg {
  width: 18px;
  height: auto;
  z-index: 1;
}

.messenger-link a,
.messenger-link-icon-wrap {
  width: 35px;
  height: 35px;
  border-radius: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;©
}

.online {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: relative;
  top: -2px;
  display: inline-block;
  background: #12b600;
}

.online_x2 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.mes_onl {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -6px;
  right: -6px;
  background: #ff0000;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.messenger-link:last-child .mes_onl {
  display: none !important;
}

.bg {
  background: #686868;
}

.bg.viber {
  background: #7360f2;
}

.bg.whatsapp {
  background: #43d854;
}

.bg.telegram {
  background: #0088cc;
}

.bg.instagram {
  background: #d6249f;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
}

.bg.vkvideo {
  background: #366bb3;
  overflow: hidden;
}

.bg.vkvideo:before {
  content: "";
  background: #e33446;
  position: absolute;
  right: -1px;
  top: 0;
  width: 84%;
  height: 100%;
  border-radius: 0.7rem;
}

.bg.dzen {
  background: #2c3036;
}

.bg.dzen svg {
  width: 100%;
}

.bg.youtube {
  background: #ff0033;
}
.bg.rutube {
  background: #07151e;
}

.bg.vk {
  background: #0077ff;
}
.bg.max {
  background: radial-gradient(
    circle at -21% 90%,
    #42c2fd 0%,
    #284afa 25%,
    #5b4af4 51%,
    #7226e0 75%,
    #984fe2 100%
  );
}

.bg.facebook {
  background: #3b5998;
}
.w_item a.email,
.bg.email {
  background: #434343;
}

.txt.viber {
  color: #7360f2;
}

.txt.whatsapp {
  color: #43d854;
}

.txt.telegram {
  color: #0088cc;
}

.txt.instagram {
  color: #d6249f;
}

.txt.vk {
  color: #0077ff;
}

.txt.facebook {
  background: #3b5998;
}

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

.flex-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

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

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

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

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

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

.text-decoration-line-through {
  text-decoration: line-through !important;
}

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

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

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

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

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

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

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

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

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

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

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

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

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

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

.float-none {
  float: none !important;
}

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

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

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

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

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

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}

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

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}

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

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}

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

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color) !important;
}

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

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-border-opacity)
  ) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-border-opacity)
  ) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-success-rgb),
    var(--bs-border-opacity)
  ) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-border-opacity)
  ) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

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

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

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

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

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

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

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

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

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

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

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

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

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

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

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

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

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

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-0 {
  margin-right: 0 !important;
}

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

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

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

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

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

.me-auto {
  margin-right: auto !important;
}

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

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

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

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

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

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

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

.ms-0 {
  margin-left: 0 !important;
}

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

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

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

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

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

.ms-auto {
  margin-left: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

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

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

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fs-7 {
  font-size: 0.9rem !important;
}

.fs-8 {
  font-size: 0.8rem !important;
}

.fs-9 {
  font-size: 0.6rem !important;
}

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

.fst-normal {
  font-style: normal !important;
}

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

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

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

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

.fw-semibold {
  font-weight: 600 !important;
}

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

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

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

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

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

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

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

.text-decoration-line-through {
  text-decoration: line-through !important;
}

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

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

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

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

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

/* rtl:begin:remove */

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

/* rtl:end:remove */

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

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

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

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

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

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-primary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-secondary-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-success-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-warning-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(
    var(--bs-body-bg-rgb),
    var(--bs-bg-opacity)
  ) !important;
}

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

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

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

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

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

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-md {
  border-radius: var(--bs-border-radius-md) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

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

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

svg.fill path,
figure.svg.fill svg path,
svg.fill rect,
figure.svg.fill svg rect,
svg.fill circle,
figure.svg.fill svg circle,
svg.fill polygon,
figure.svg.fill svg polygon {
  fill: currentColor !important;
}

svg.stroke path,
figure.svg.stroke svg path,
svg.stroke rect,
figure.svg.stroke svg rect,
svg.stroke circle,
figure.svg.stroke svg circle,
svg.stroke polygon,
figure.svg.stroke svg polygon {
  stroke: currentColor !important;
}

.aspect-ratio {
  aspect-ratio: 1;
}

.img_cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img_contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.f-1 {
  font-size: 1px;
}
.f-2 {
  font-size: 2px;
}
.f-3 {
  font-size: 3px;
}
.f-4 {
  font-size: 4px;
}
.f-5 {
  font-size: 5px;
}
.f-6 {
  font-size: 6px;
}
.f-7 {
  font-size: 7px;
}
.f-8 {
  font-size: 8px;
}
.f-9 {
  font-size: 9px;
}
.f-10 {
  font-size: 10px;
}
.f-11 {
  font-size: 11px;
}
.f-12 {
  font-size: 12px;
}
.f-13 {
  font-size: 13px;
}
.f-14 {
  font-size: 14px;
}
.f-15 {
  font-size: 15px;
}
.f-16 {
  font-size: 16px;
}
.f-17 {
  font-size: 17px;
}
.f-18 {
  font-size: 18px;
}
.f-19 {
  font-size: 19px;
}
.f-20 {
  font-size: 20px;
}
.f-21 {
  font-size: 21px;
}
.f-22 {
  font-size: 22px;
}
.f-23 {
  font-size: 23px;
}
.f-24 {
  font-size: 24px;
}
.f-25 {
  font-size: 25px;
}
.f-26 {
  font-size: 26px;
}
.f-27 {
  font-size: 27px;
}
.f-28 {
  font-size: 28px;
}
.f-29 {
  font-size: 29px;
}
.f-30 {
  font-size: 30px;
}
.f-31 {
  font-size: 31px;
}
.f-32 {
  font-size: 32px;
}
.f-33 {
  font-size: 33px;
}
.f-34 {
  font-size: 34px;
}
.f-35 {
  font-size: 35px;
}
.f-36 {
  font-size: 36px;
}
.f-37 {
  font-size: 37px;
}
.f-38 {
  font-size: 38px;
}
.f-39 {
  font-size: 39px;
}
.f-40 {
  font-size: 40px;
}
.f-41 {
  font-size: 41px;
}
.f-42 {
  font-size: 42px;
}
.f-43 {
  font-size: 43px;
}
.f-44 {
  font-size: 44px;
}
.f-45 {
  font-size: 45px;
}
.f-46 {
  font-size: 46px;
}
.f-47 {
  font-size: 47px;
}
.f-48 {
  font-size: 48px;
}
.f-49 {
  font-size: 49px;
}
.f-50 {
  font-size: 50px;
}
.f-51 {
  font-size: 51px;
}
.f-52 {
  font-size: 52px;
}
.f-53 {
  font-size: 53px;
}
.f-54 {
  font-size: 54px;
}
.f-55 {
  font-size: 55px;
}
.f-56 {
  font-size: 56px;
}
.f-57 {
  font-size: 57px;
}
.f-58 {
  font-size: 58px;
}
.f-59 {
  font-size: 59px;
}
.f-60 {
  font-size: 60px;
}
.f-61 {
  font-size: 61px;
}
.f-62 {
  font-size: 62px;
}
.f-63 {
  font-size: 63px;
}
.f-64 {
  font-size: 64px;
}
.f-65 {
  font-size: 65px;
}
.f-66 {
  font-size: 66px;
}
.f-67 {
  font-size: 67px;
}
.f-68 {
  font-size: 68px;
}
.f-69 {
  font-size: 69px;
}
.f-70 {
  font-size: 70px;
}
.f-71 {
  font-size: 71px;
}
.f-72 {
  font-size: 72px;
}
.f-73 {
  font-size: 73px;
}
.f-74 {
  font-size: 74px;
}
.f-75 {
  font-size: 75px;
}
.f-76 {
  font-size: 76px;
}
.f-77 {
  font-size: 77px;
}
.f-78 {
  font-size: 78px;
}
.f-79 {
  font-size: 79px;
}
.f-80 {
  font-size: 80px;
}
.f-81 {
  font-size: 81px;
}
.f-82 {
  font-size: 82px;
}
.f-83 {
  font-size: 83px;
}
.f-84 {
  font-size: 84px;
}
.f-85 {
  font-size: 85px;
}
.f-86 {
  font-size: 86px;
}
.f-87 {
  font-size: 87px;
}
.f-88 {
  font-size: 88px;
}
.f-89 {
  font-size: 89px;
}
.f-90 {
  font-size: 90px;
}
.f-91 {
  font-size: 91px;
}
.f-92 {
  font-size: 92px;
}
.f-93 {
  font-size: 93px;
}
.f-94 {
  font-size: 94px;
}
.f-95 {
  font-size: 95px;
}
.f-96 {
  font-size: 96px;
}
.f-97 {
  font-size: 97px;
}
.f-98 {
  font-size: 98px;
}
.f-99 {
  font-size: 99px;
}
.f-100 {
  font-size: 100px;
}
.f-101 {
  font-size: 101px;
}
.f-102 {
  font-size: 102px;
}
.f-103 {
  font-size: 103px;
}
.f-104 {
  font-size: 104px;
}
.f-105 {
  font-size: 105px;
}
.f-106 {
  font-size: 106px;
}
.f-107 {
  font-size: 107px;
}
.f-108 {
  font-size: 108px;
}
.f-109 {
  font-size: 109px;
}
.f-110 {
  font-size: 110px;
}
.f-111 {
  font-size: 111px;
}
.f-112 {
  font-size: 112px;
}
.f-113 {
  font-size: 113px;
}
.f-114 {
  font-size: 114px;
}
.f-115 {
  font-size: 115px;
}
.f-116 {
  font-size: 116px;
}
.f-117 {
  font-size: 117px;
}
.f-118 {
  font-size: 118px;
}
.f-119 {
  font-size: 119px;
}
.f-120 {
  font-size: 120px;
}
.f-121 {
  font-size: 121px;
}
.f-122 {
  font-size: 122px;
}
.f-123 {
  font-size: 123px;
}
.f-124 {
  font-size: 124px;
}
.f-125 {
  font-size: 125px;
}
.f-126 {
  font-size: 126px;
}
.f-127 {
  font-size: 127px;
}
.f-128 {
  font-size: 128px;
}
.f-129 {
  font-size: 129px;
}
.f-130 {
  font-size: 130px;
}
.f-131 {
  font-size: 131px;
}
.f-132 {
  font-size: 132px;
}
.f-133 {
  font-size: 133px;
}
.f-134 {
  font-size: 134px;
}
.f-135 {
  font-size: 135px;
}
.f-136 {
  font-size: 136px;
}
.f-137 {
  font-size: 137px;
}
.f-138 {
  font-size: 138px;
}
.f-139 {
  font-size: 139px;
}
.f-140 {
  font-size: 140px;
}
.f-141 {
  font-size: 141px;
}
.f-142 {
  font-size: 142px;
}
.f-143 {
  font-size: 143px;
}
.f-144 {
  font-size: 144px;
}
.f-145 {
  font-size: 145px;
}
.f-146 {
  font-size: 146px;
}
.f-147 {
  font-size: 147px;
}
.f-148 {
  font-size: 148px;
}
.f-149 {
  font-size: 149px;
}
.f-150 {
  font-size: 150px;
}

.vatop {
  vertical-align: top;
}
.block_center {
  margin: 0 auto;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.h100 {
  height: 100%;
} /*Цвета текстов*/
.fff {
  color: #fff;
} /*Толщина текста*/
.fw100 {
  font-weight: 100;
}
.fw200 {
  font-weight: 200;
}
.fw300 {
  font-weight: 300;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw700 {
  font-weight: 700;
}
.fw800 {
  font-weight: 800;
}
.fw900 {
  font-weight: 900;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
} /*Отступы*/
.mrg5 {
  margin: 5px 0px;
}
.mrg10 {
  margin: 10px 0px;
}
.mrg15 {
  margin: 15px 0px;
}
.mrg20 {
  margin: 20px 0px;
}
.mrg25 {
  margin: 25px 0px;
}
.mrg30 {
  margin: 30px 0px;
}
.mrg35 {
  margin: 35px 0px;
}
.mrg40 {
  margin: 40px 0px;
}
.mrg45 {
  margin: 45px 0px;
}
.mrg50 {
  margin: 50px 0px;
}
.mrg55 {
  margin: 55px 0px;
}
.mrg60 {
  margin: 60px 0px;
}
.mrg65 {
  margin: 65px 0px;
}
.mrg70 {
  margin: 70px 0px;
}
.mrg75 {
  margin: 75px 0px;
}
.mrg80 {
  margin: 80px 0px;
}
.mrg85 {
  margin: 85px 0px;
}
.mrg90 {
  margin: 90px 0px;
}
.mrg95 {
  margin: 95px 0px;
}
.mrg100 {
  margin: 100px 0px;
}
.mrg105 {
  margin: 105px 0px;
}
.mrg110 {
  margin: 110px 0px;
}
.mrg115 {
  margin: 115px 0px;
}
.mrg120 {
  margin: 120px 0px;
}
.mrg125 {
  margin: 125px 0px;
}
.mrg130 {
  margin: 130px 0px;
}
.mrg135 {
  margin: 135px 0px;
}
.mrg140 {
  margin: 140px 0px;
}
.mrg145 {
  margin: 145px 0px;
}
.mrg150 {
  margin: 150px 0px;
}
.pdg5 {
  padding: 5px 0px;
}
.pdg10 {
  padding: 10px 0px;
}
.pdg15 {
  padding: 15px 0px;
}
.pdg20 {
  padding: 20px 0px;
}
.pdg25 {
  padding: 25px 0px;
}
.pdg30 {
  padding: 30px 0px;
}
.pdg35 {
  padding: 35px 0px;
}
.pdg40 {
  padding: 40px 0px;
}
.pdg45 {
  padding: 45px 0px;
}
.pdg50 {
  padding: 50px 0px;
}
.pdg55 {
  padding: 55px 0px;
}
.pdg60 {
  padding: 60px 0px;
}
.pdg65 {
  padding: 65px 0px;
}
.pdg70 {
  padding: 70px 0px;
}
.pdg75 {
  padding: 75px 0px;
}
.pdg80 {
  padding: 80px 0px;
}
.pdg85 {
  padding: 85px 0px;
}
.pdg90 {
  padding: 90px 0px;
}
.pdg95 {
  padding: 95px 0px;
}
.pdg100 {
  padding: 100px 0px;
}
.pdg105 {
  padding: 105px 0px;
}
.pdg110 {
  padding: 110px 0px;
}
.pdg115 {
  padding: 115px 0px;
}
.pdg120 {
  padding: 120px 0px;
}
.pdg125 {
  padding: 125px 0px;
}
.pdg130 {
  padding: 130px 0px;
}
.pdg135 {
  padding: 135px 0px;
}
.pdg140 {
  padding: 140px 0px;
}
.pdg145 {
  padding: 145px 0px;
}
.pdg150 {
  padding: 150px 0px;
}

.hp-20 {
  height: 20px;
}

.hp-30 {
  height: 30px;
}

.hp-40 {
  height: 40px;
}

.hp-50 {
  height: 50px;
}
.hp-60 {
  height: 60px;
}
.hp-70 {
  height: 70px;
}
.hp-80 {
  height: 80px;
}
.hp-90 {
  height: 90px;
}
.hp-100 {
  height: 100px;
}
.hp-110 {
  height: 110px;
}
.hp-120 {
  height: 120px;
}
.hp-130 {
  height: 130px;
}
.hp-140 {
  height: 140px;
}
.hp-150 {
  height: 150px;
}
.hp-160 {
  height: 160px;
}
.hp-170 {
  height: 170px;
}
.hp-180 {
  height: 180px;
}
.hp-190 {
  height: 190px;
}
.hp-200 {
  height: 200px;
}
.hp-210 {
  height: 210px;
}
.hp-220 {
  height: 220px;
}
.hp-230 {
  height: 230px;
}
.hp-240 {
  height: 240px;
}
.hp-250 {
  height: 250px;
}
.hp-260 {
  height: 260px;
}
.hp-270 {
  height: 270px;
}
.hp-280 {
  height: 280px;
}
.hp-290 {
  height: 290px;
}
.hp-300 {
  height: 300px;
}
.hp-310 {
  height: 310px;
}
.hp-320 {
  height: 320px;
}
.hp-330 {
  height: 330px;
}
.hp-340 {
  height: 340px;
}
.hp-350 {
  height: 350px;
}
.hp-360 {
  height: 360px;
}
.hp-370 {
  height: 370px;
}
.hp-380 {
  height: 380px;
}
.hp-390 {
  height: 390px;
}
.hp-400 {
  height: 400px;
}
.hp-410 {
  height: 410px;
}
.hp-420 {
  height: 420px;
}
.hp-430 {
  height: 430px;
}
.hp-440 {
  height: 440px;
}
.hp-450 {
  height: 450px;
}

@media (min-width: 576px) {
  .hp-sm-50 {
    height: 50px;
  }
  .hp-sm-60 {
    height: 60px;
  }
  .hp-sm-70 {
    height: 70px;
  }
  .hp-sm-80 {
    height: 80px;
  }
  .hp-sm-90 {
    height: 90px;
  }
  .hp-sm-100 {
    height: 100px;
  }
  .hp-sm-110 {
    height: 110px;
  }
  .hp-sm-120 {
    height: 120px;
  }
  .hp-sm-130 {
    height: 130px;
  }
  .hp-sm-140 {
    height: 140px;
  }
  .hp-sm-150 {
    height: 150px;
  }
  .hp-sm-160 {
    height: 160px;
  }
  .hp-sm-170 {
    height: 170px;
  }
  .hp-sm-180 {
    height: 180px;
  }
  .hp-sm-190 {
    height: 190px;
  }
  .hp-sm-200 {
    height: 200px;
  }
  .hp-sm-210 {
    height: 210px;
  }
  .hp-sm-220 {
    height: 220px;
  }
  .hp-sm-230 {
    height: 230px;
  }
  .hp-sm-240 {
    height: 240px;
  }
  .hp-sm-250 {
    height: 250px;
  }
  .hp-sm-260 {
    height: 260px;
  }
  .hp-sm-270 {
    height: 270px;
  }
  .hp-sm-280 {
    height: 280px;
  }
  .hp-sm-290 {
    height: 290px;
  }
  .hp-sm-300 {
    height: 300px;
  }
  .hp-sm-310 {
    height: 310px;
  }
  .hp-sm-320 {
    height: 320px;
  }
  .hp-sm-330 {
    height: 330px;
  }
  .hp-sm-340 {
    height: 340px;
  }
  .hp-sm-350 {
    height: 350px;
  }
  .hp-sm-360 {
    height: 360px;
  }
  .hp-sm-370 {
    height: 370px;
  }
  .hp-sm-380 {
    height: 380px;
  }
  .hp-sm-390 {
    height: 390px;
  }
  .hp-sm-400 {
    height: 400px;
  }
  .hp-sm-410 {
    height: 410px;
  }
  .hp-sm-420 {
    height: 420px;
  }
  .hp-sm-430 {
    height: 430px;
  }
  .hp-sm-440 {
    height: 440px;
  }
  .hp-sm-450 {
    height: 450px;
  }

  .f-sm-1 {
    font-size: 1px;
  }
  .f-sm-2 {
    font-size: 2px;
  }
  .f-sm-3 {
    font-size: 3px;
  }
  .f-sm-4 {
    font-size: 4px;
  }
  .f-sm-5 {
    font-size: 5px;
  }
  .f-sm-6 {
    font-size: 6px;
  }
  .f-sm-7 {
    font-size: 7px;
  }
  .f-sm-8 {
    font-size: 8px;
  }
  .f-sm-9 {
    font-size: 9px;
  }
  .f-sm-10 {
    font-size: 10px;
  }
  .f-sm-11 {
    font-size: 11px;
  }
  .f-sm-12 {
    font-size: 12px;
  }
  .f-sm-13 {
    font-size: 13px;
  }
  .f-sm-14 {
    font-size: 14px;
  }
  .f-sm-15 {
    font-size: 15px;
  }
  .f-sm-16 {
    font-size: 16px;
  }
  .f-sm-17 {
    font-size: 17px;
  }
  .f-sm-18 {
    font-size: 18px;
  }
  .f-sm-19 {
    font-size: 19px;
  }
  .f-sm-20 {
    font-size: 20px;
  }
  .f-sm-21 {
    font-size: 21px;
  }
  .f-sm-22 {
    font-size: 22px;
  }
  .f-sm-23 {
    font-size: 23px;
  }
  .f-sm-24 {
    font-size: 24px;
  }
  .f-sm-25 {
    font-size: 25px;
  }
  .f-sm-26 {
    font-size: 26px;
  }
  .f-sm-27 {
    font-size: 27px;
  }
  .f-sm-28 {
    font-size: 28px;
  }
  .f-sm-29 {
    font-size: 29px;
  }
  .f-sm-30 {
    font-size: 30px;
  }
  .f-sm-31 {
    font-size: 31px;
  }
  .f-sm-32 {
    font-size: 32px;
  }
  .f-sm-33 {
    font-size: 33px;
  }
  .f-sm-34 {
    font-size: 34px;
  }
  .f-sm-35 {
    font-size: 35px;
  }
  .f-sm-36 {
    font-size: 36px;
  }
  .f-sm-37 {
    font-size: 37px;
  }
  .f-sm-38 {
    font-size: 38px;
  }
  .f-sm-39 {
    font-size: 39px;
  }
  .f-sm-40 {
    font-size: 40px;
  }
  .f-sm-41 {
    font-size: 41px;
  }
  .f-sm-42 {
    font-size: 42px;
  }
  .f-sm-43 {
    font-size: 43px;
  }
  .f-sm-44 {
    font-size: 44px;
  }
  .f-sm-45 {
    font-size: 45px;
  }
  .f-sm-46 {
    font-size: 46px;
  }
  .f-sm-47 {
    font-size: 47px;
  }
  .f-sm-48 {
    font-size: 48px;
  }
  .f-sm-49 {
    font-size: 49px;
  }
  .f-sm-50 {
    font-size: 50px;
  }
  .f-sm-51 {
    font-size: 51px;
  }
  .f-sm-52 {
    font-size: 52px;
  }
  .f-sm-53 {
    font-size: 53px;
  }
  .f-sm-54 {
    font-size: 54px;
  }
  .f-sm-55 {
    font-size: 55px;
  }
  .f-sm-56 {
    font-size: 56px;
  }
  .f-sm-57 {
    font-size: 57px;
  }
  .f-sm-58 {
    font-size: 58px;
  }
  .f-sm-59 {
    font-size: 59px;
  }
  .f-sm-60 {
    font-size: 60px;
  }
  .f-sm-61 {
    font-size: 61px;
  }
  .f-sm-62 {
    font-size: 62px;
  }
  .f-sm-63 {
    font-size: 63px;
  }
  .f-sm-64 {
    font-size: 64px;
  }
  .f-sm-65 {
    font-size: 65px;
  }
  .f-sm-66 {
    font-size: 66px;
  }
  .f-sm-67 {
    font-size: 67px;
  }
  .f-sm-68 {
    font-size: 68px;
  }
  .f-sm-69 {
    font-size: 69px;
  }
  .f-sm-70 {
    font-size: 70px;
  }
  .f-sm-71 {
    font-size: 71px;
  }
  .f-sm-72 {
    font-size: 72px;
  }
  .f-sm-73 {
    font-size: 73px;
  }
  .f-sm-74 {
    font-size: 74px;
  }
  .f-sm-75 {
    font-size: 75px;
  }
  .f-sm-76 {
    font-size: 76px;
  }
  .f-sm-77 {
    font-size: 77px;
  }
  .f-sm-78 {
    font-size: 78px;
  }
  .f-sm-79 {
    font-size: 79px;
  }
  .f-sm-80 {
    font-size: 80px;
  }
  .f-sm-81 {
    font-size: 81px;
  }
  .f-sm-82 {
    font-size: 82px;
  }
  .f-sm-83 {
    font-size: 83px;
  }
  .f-sm-84 {
    font-size: 84px;
  }
  .f-sm-85 {
    font-size: 85px;
  }
  .f-sm-86 {
    font-size: 86px;
  }
  .f-sm-87 {
    font-size: 87px;
  }
  .f-sm-88 {
    font-size: 88px;
  }
  .f-sm-89 {
    font-size: 89px;
  }
  .f-sm-90 {
    font-size: 90px;
  }
  .f-sm-91 {
    font-size: 91px;
  }
  .f-sm-92 {
    font-size: 92px;
  }
  .f-sm-93 {
    font-size: 93px;
  }
  .f-sm-94 {
    font-size: 94px;
  }
  .f-sm-95 {
    font-size: 95px;
  }
  .f-sm-96 {
    font-size: 96px;
  }
  .f-sm-97 {
    font-size: 97px;
  }
  .f-sm-98 {
    font-size: 98px;
  }
  .f-sm-99 {
    font-size: 99px;
  }
  .f-sm-100 {
    font-size: 100px;
  }
  .f-sm-101 {
    font-size: 101px;
  }
  .f-sm-102 {
    font-size: 102px;
  }
  .f-sm-103 {
    font-size: 103px;
  }
  .f-sm-104 {
    font-size: 104px;
  }
  .f-sm-105 {
    font-size: 105px;
  }
  .f-sm-106 {
    font-size: 106px;
  }
  .f-sm-107 {
    font-size: 107px;
  }
  .f-sm-108 {
    font-size: 108px;
  }
  .f-sm-109 {
    font-size: 109px;
  }
  .f-sm-110 {
    font-size: 110px;
  }
  .f-sm-111 {
    font-size: 111px;
  }
  .f-sm-112 {
    font-size: 112px;
  }
  .f-sm-113 {
    font-size: 113px;
  }
  .f-sm-114 {
    font-size: 114px;
  }
  .f-sm-115 {
    font-size: 115px;
  }
  .f-sm-116 {
    font-size: 116px;
  }
  .f-sm-117 {
    font-size: 117px;
  }
  .f-sm-118 {
    font-size: 118px;
  }
  .f-sm-119 {
    font-size: 119px;
  }
  .f-sm-120 {
    font-size: 120px;
  }
  .f-sm-121 {
    font-size: 121px;
  }
  .f-sm-122 {
    font-size: 122px;
  }
  .f-sm-123 {
    font-size: 123px;
  }
  .f-sm-124 {
    font-size: 124px;
  }
  .f-sm-125 {
    font-size: 125px;
  }
  .f-sm-126 {
    font-size: 126px;
  }
  .f-sm-127 {
    font-size: 127px;
  }
  .f-sm-128 {
    font-size: 128px;
  }
  .f-sm-129 {
    font-size: 129px;
  }
  .f-sm-130 {
    font-size: 130px;
  }
  .f-sm-131 {
    font-size: 131px;
  }
  .f-sm-132 {
    font-size: 132px;
  }
  .f-sm-133 {
    font-size: 133px;
  }
  .f-sm-134 {
    font-size: 134px;
  }
  .f-sm-135 {
    font-size: 135px;
  }
  .f-sm-136 {
    font-size: 136px;
  }
  .f-sm-137 {
    font-size: 137px;
  }
  .f-sm-138 {
    font-size: 138px;
  }
  .f-sm-139 {
    font-size: 139px;
  }
  .f-sm-140 {
    font-size: 140px;
  }
  .f-sm-141 {
    font-size: 141px;
  }
  .f-sm-142 {
    font-size: 142px;
  }
  .f-sm-143 {
    font-size: 143px;
  }
  .f-sm-144 {
    font-size: 144px;
  }
  .f-sm-145 {
    font-size: 145px;
  }
  .f-sm-146 {
    font-size: 146px;
  }
  .f-sm-147 {
    font-size: 147px;
  }
  .f-sm-148 {
    font-size: 148px;
  }
  .f-sm-149 {
    font-size: 149px;
  }
  .f-sm-150 {
    font-size: 150px;
  }
}

@media (min-width: 768px) {
  .hp-md-50 {
    height: 50px;
  }
  .hp-md-60 {
    height: 60px;
  }
  .hp-md-70 {
    height: 70px;
  }
  .hp-md-80 {
    height: 80px;
  }
  .hp-md-90 {
    height: 90px;
  }
  .hp-md-100 {
    height: 100px;
  }
  .hp-md-110 {
    height: 110px;
  }
  .hp-md-120 {
    height: 120px;
  }
  .hp-md-130 {
    height: 130px;
  }
  .hp-md-140 {
    height: 140px;
  }
  .hp-md-150 {
    height: 150px;
  }
  .hp-md-160 {
    height: 160px;
  }
  .hp-md-170 {
    height: 170px;
  }
  .hp-md-180 {
    height: 180px;
  }
  .hp-md-190 {
    height: 190px;
  }
  .hp-md-200 {
    height: 200px;
  }
  .hp-md-210 {
    height: 210px;
  }
  .hp-md-220 {
    height: 220px;
  }
  .hp-md-230 {
    height: 230px;
  }
  .hp-md-240 {
    height: 240px;
  }
  .hp-md-250 {
    height: 250px;
  }
  .hp-md-260 {
    height: 260px;
  }
  .hp-md-270 {
    height: 270px;
  }
  .hp-md-280 {
    height: 280px;
  }
  .hp-md-290 {
    height: 290px;
  }
  .hp-md-300 {
    height: 300px;
  }
  .hp-md-310 {
    height: 310px;
  }
  .hp-md-320 {
    height: 320px;
  }
  .hp-md-330 {
    height: 330px;
  }
  .hp-md-340 {
    height: 340px;
  }
  .hp-md-350 {
    height: 350px;
  }
  .hp-md-360 {
    height: 360px;
  }
  .hp-md-370 {
    height: 370px;
  }
  .hp-md-380 {
    height: 380px;
  }
  .hp-md-390 {
    height: 390px;
  }
  .hp-md-400 {
    height: 400px;
  }
  .hp-md-410 {
    height: 410px;
  }
  .hp-md-420 {
    height: 420px;
  }
  .hp-md-430 {
    height: 430px;
  }
  .hp-md-440 {
    height: 440px;
  }
  .hp-md-450 {
    height: 450px;
  }

  .f-md-1 {
    font-size: 1px;
  }
  .f-md-2 {
    font-size: 2px;
  }
  .f-md-3 {
    font-size: 3px;
  }
  .f-md-4 {
    font-size: 4px;
  }
  .f-md-5 {
    font-size: 5px;
  }
  .f-md-6 {
    font-size: 6px;
  }
  .f-md-7 {
    font-size: 7px;
  }
  .f-md-8 {
    font-size: 8px;
  }
  .f-md-9 {
    font-size: 9px;
  }
  .f-md-10 {
    font-size: 10px;
  }
  .f-md-11 {
    font-size: 11px;
  }
  .f-md-12 {
    font-size: 12px;
  }
  .f-md-13 {
    font-size: 13px;
  }
  .f-md-14 {
    font-size: 14px;
  }
  .f-md-15 {
    font-size: 15px;
  }
  .f-md-16 {
    font-size: 16px;
  }
  .f-md-17 {
    font-size: 17px;
  }
  .f-md-18 {
    font-size: 18px;
  }
  .f-md-19 {
    font-size: 19px;
  }
  .f-md-20 {
    font-size: 20px;
  }
  .f-md-21 {
    font-size: 21px;
  }
  .f-md-22 {
    font-size: 22px;
  }
  .f-md-23 {
    font-size: 23px;
  }
  .f-md-24 {
    font-size: 24px;
  }
  .f-md-25 {
    font-size: 25px;
  }
  .f-md-26 {
    font-size: 26px;
  }
  .f-md-27 {
    font-size: 27px;
  }
  .f-md-28 {
    font-size: 28px;
  }
  .f-md-29 {
    font-size: 29px;
  }
  .f-md-30 {
    font-size: 30px;
  }
  .f-md-31 {
    font-size: 31px;
  }
  .f-md-32 {
    font-size: 32px;
  }
  .f-md-33 {
    font-size: 33px;
  }
  .f-md-34 {
    font-size: 34px;
  }
  .f-md-35 {
    font-size: 35px;
  }
  .f-md-36 {
    font-size: 36px;
  }
  .f-md-37 {
    font-size: 37px;
  }
  .f-md-38 {
    font-size: 38px;
  }
  .f-md-39 {
    font-size: 39px;
  }
  .f-md-40 {
    font-size: 40px;
  }
  .f-md-41 {
    font-size: 41px;
  }
  .f-md-42 {
    font-size: 42px;
  }
  .f-md-43 {
    font-size: 43px;
  }
  .f-md-44 {
    font-size: 44px;
  }
  .f-md-45 {
    font-size: 45px;
  }
  .f-md-46 {
    font-size: 46px;
  }
  .f-md-47 {
    font-size: 47px;
  }
  .f-md-48 {
    font-size: 48px;
  }
  .f-md-49 {
    font-size: 49px;
  }
  .f-md-50 {
    font-size: 50px;
  }
  .f-md-51 {
    font-size: 51px;
  }
  .f-md-52 {
    font-size: 52px;
  }
  .f-md-53 {
    font-size: 53px;
  }
  .f-md-54 {
    font-size: 54px;
  }
  .f-md-55 {
    font-size: 55px;
  }
  .f-md-56 {
    font-size: 56px;
  }
  .f-md-57 {
    font-size: 57px;
  }
  .f-md-58 {
    font-size: 58px;
  }
  .f-md-59 {
    font-size: 59px;
  }
  .f-md-60 {
    font-size: 60px;
  }
  .f-md-61 {
    font-size: 61px;
  }
  .f-md-62 {
    font-size: 62px;
  }
  .f-md-63 {
    font-size: 63px;
  }
  .f-md-64 {
    font-size: 64px;
  }
  .f-md-65 {
    font-size: 65px;
  }
  .f-md-66 {
    font-size: 66px;
  }
  .f-md-67 {
    font-size: 67px;
  }
  .f-md-68 {
    font-size: 68px;
  }
  .f-md-69 {
    font-size: 69px;
  }
  .f-md-70 {
    font-size: 70px;
  }
  .f-md-71 {
    font-size: 71px;
  }
  .f-md-72 {
    font-size: 72px;
  }
  .f-md-73 {
    font-size: 73px;
  }
  .f-md-74 {
    font-size: 74px;
  }
  .f-md-75 {
    font-size: 75px;
  }
  .f-md-76 {
    font-size: 76px;
  }
  .f-md-77 {
    font-size: 77px;
  }
  .f-md-78 {
    font-size: 78px;
  }
  .f-md-79 {
    font-size: 79px;
  }
  .f-md-80 {
    font-size: 80px;
  }
  .f-md-81 {
    font-size: 81px;
  }
  .f-md-82 {
    font-size: 82px;
  }
  .f-md-83 {
    font-size: 83px;
  }
  .f-md-84 {
    font-size: 84px;
  }
  .f-md-85 {
    font-size: 85px;
  }
  .f-md-86 {
    font-size: 86px;
  }
  .f-md-87 {
    font-size: 87px;
  }
  .f-md-88 {
    font-size: 88px;
  }
  .f-md-89 {
    font-size: 89px;
  }
  .f-md-90 {
    font-size: 90px;
  }
  .f-md-91 {
    font-size: 91px;
  }
  .f-md-92 {
    font-size: 92px;
  }
  .f-md-93 {
    font-size: 93px;
  }
  .f-md-94 {
    font-size: 94px;
  }
  .f-md-95 {
    font-size: 95px;
  }
  .f-md-96 {
    font-size: 96px;
  }
  .f-md-97 {
    font-size: 97px;
  }
  .f-md-98 {
    font-size: 98px;
  }
  .f-md-99 {
    font-size: 99px;
  }
  .f-md-100 {
    font-size: 100px;
  }
  .f-md-101 {
    font-size: 101px;
  }
  .f-md-102 {
    font-size: 102px;
  }
  .f-md-103 {
    font-size: 103px;
  }
  .f-md-104 {
    font-size: 104px;
  }
  .f-md-105 {
    font-size: 105px;
  }
  .f-md-106 {
    font-size: 106px;
  }
  .f-md-107 {
    font-size: 107px;
  }
  .f-md-108 {
    font-size: 108px;
  }
  .f-md-109 {
    font-size: 109px;
  }
  .f-md-110 {
    font-size: 110px;
  }
  .f-md-111 {
    font-size: 111px;
  }
  .f-md-112 {
    font-size: 112px;
  }
  .f-md-113 {
    font-size: 113px;
  }
  .f-md-114 {
    font-size: 114px;
  }
  .f-md-115 {
    font-size: 115px;
  }
  .f-md-116 {
    font-size: 116px;
  }
  .f-md-117 {
    font-size: 117px;
  }
  .f-md-118 {
    font-size: 118px;
  }
  .f-md-119 {
    font-size: 119px;
  }
  .f-md-120 {
    font-size: 120px;
  }
  .f-md-121 {
    font-size: 121px;
  }
  .f-md-122 {
    font-size: 122px;
  }
  .f-md-123 {
    font-size: 123px;
  }
  .f-md-124 {
    font-size: 124px;
  }
  .f-md-125 {
    font-size: 125px;
  }
  .f-md-126 {
    font-size: 126px;
  }
  .f-md-127 {
    font-size: 127px;
  }
  .f-md-128 {
    font-size: 128px;
  }
  .f-md-129 {
    font-size: 129px;
  }
  .f-md-130 {
    font-size: 130px;
  }
  .f-md-131 {
    font-size: 131px;
  }
  .f-md-132 {
    font-size: 132px;
  }
  .f-md-133 {
    font-size: 133px;
  }
  .f-md-134 {
    font-size: 134px;
  }
  .f-md-135 {
    font-size: 135px;
  }
  .f-md-136 {
    font-size: 136px;
  }
  .f-md-137 {
    font-size: 137px;
  }
  .f-md-138 {
    font-size: 138px;
  }
  .f-md-139 {
    font-size: 139px;
  }
  .f-md-140 {
    font-size: 140px;
  }
  .f-md-141 {
    font-size: 141px;
  }
  .f-md-142 {
    font-size: 142px;
  }
  .f-md-143 {
    font-size: 143px;
  }
  .f-md-144 {
    font-size: 144px;
  }
  .f-md-145 {
    font-size: 145px;
  }
  .f-md-146 {
    font-size: 146px;
  }
  .f-md-147 {
    font-size: 147px;
  }
  .f-md-148 {
    font-size: 148px;
  }
  .f-md-149 {
    font-size: 149px;
  }
  .f-md-150 {
    font-size: 150px;
  }
}

@media (min-width: 992px) {
  .hp-lg-50 {
    height: 50px;
  }
  .hp-lg-60 {
    height: 60px;
  }
  .hp-lg-70 {
    height: 70px;
  }
  .hp-lg-80 {
    height: 80px;
  }
  .hp-lg-90 {
    height: 90px;
  }
  .hp-lg-100 {
    height: 100px;
  }
  .hp-lg-110 {
    height: 110px;
  }
  .hp-lg-120 {
    height: 120px;
  }
  .hp-lg-130 {
    height: 130px;
  }
  .hp-lg-140 {
    height: 140px;
  }
  .hp-lg-150 {
    height: 150px;
  }
  .hp-lg-160 {
    height: 160px;
  }
  .hp-lg-170 {
    height: 170px;
  }
  .hp-lg-180 {
    height: 180px;
  }
  .hp-lg-190 {
    height: 190px;
  }
  .hp-lg-200 {
    height: 200px;
  }
  .hp-lg-210 {
    height: 210px;
  }
  .hp-lg-220 {
    height: 220px;
  }
  .hp-lg-230 {
    height: 230px;
  }
  .hp-lg-240 {
    height: 240px;
  }
  .hp-lg-250 {
    height: 250px;
  }
  .hp-lg-260 {
    height: 260px;
  }
  .hp-lg-270 {
    height: 270px;
  }
  .hp-lg-280 {
    height: 280px;
  }
  .hp-lg-290 {
    height: 290px;
  }
  .hp-lg-300 {
    height: 300px;
  }
  .hp-lg-310 {
    height: 310px;
  }
  .hp-lg-320 {
    height: 320px;
  }
  .hp-lg-330 {
    height: 330px;
  }
  .hp-lg-340 {
    height: 340px;
  }
  .hp-lg-350 {
    height: 350px;
  }
  .hp-lg-360 {
    height: 360px;
  }
  .hp-lg-370 {
    height: 370px;
  }
  .hp-lg-380 {
    height: 380px;
  }
  .hp-lg-390 {
    height: 390px;
  }
  .hp-lg-400 {
    height: 400px;
  }
  .hp-lg-410 {
    height: 410px;
  }
  .hp-lg-420 {
    height: 420px;
  }
  .hp-lg-430 {
    height: 430px;
  }
  .hp-lg-440 {
    height: 440px;
  }
  .hp-lg-450 {
    height: 450px;
  }

  .f-lg-1 {
    font-size: 1px;
  }
  .f-lg-2 {
    font-size: 2px;
  }
  .f-lg-3 {
    font-size: 3px;
  }
  .f-lg-4 {
    font-size: 4px;
  }
  .f-lg-5 {
    font-size: 5px;
  }
  .f-lg-6 {
    font-size: 6px;
  }
  .f-lg-7 {
    font-size: 7px;
  }
  .f-lg-8 {
    font-size: 8px;
  }
  .f-lg-9 {
    font-size: 9px;
  }
  .f-lg-10 {
    font-size: 10px;
  }
  .f-lg-11 {
    font-size: 11px;
  }
  .f-lg-12 {
    font-size: 12px;
  }
  .f-lg-13 {
    font-size: 13px;
  }
  .f-lg-14 {
    font-size: 14px;
  }
  .f-lg-15 {
    font-size: 15px;
  }
  .f-lg-16 {
    font-size: 16px;
  }
  .f-lg-17 {
    font-size: 17px;
  }
  .f-lg-18 {
    font-size: 18px;
  }
  .f-lg-19 {
    font-size: 19px;
  }
  .f-lg-20 {
    font-size: 20px;
  }
  .f-lg-21 {
    font-size: 21px;
  }
  .f-lg-22 {
    font-size: 22px;
  }
  .f-lg-23 {
    font-size: 23px;
  }
  .f-lg-24 {
    font-size: 24px;
  }
  .f-lg-25 {
    font-size: 25px;
  }
  .f-lg-26 {
    font-size: 26px;
  }
  .f-lg-27 {
    font-size: 27px;
  }
  .f-lg-28 {
    font-size: 28px;
  }
  .f-lg-29 {
    font-size: 29px;
  }
  .f-lg-30 {
    font-size: 30px;
  }
  .f-lg-31 {
    font-size: 31px;
  }
  .f-lg-32 {
    font-size: 32px;
  }
  .f-lg-33 {
    font-size: 33px;
  }
  .f-lg-34 {
    font-size: 34px;
  }
  .f-lg-35 {
    font-size: 35px;
  }
  .f-lg-36 {
    font-size: 36px;
  }
  .f-lg-37 {
    font-size: 37px;
  }
  .f-lg-38 {
    font-size: 38px;
  }
  .f-lg-39 {
    font-size: 39px;
  }
  .f-lg-40 {
    font-size: 40px;
  }
  .f-lg-41 {
    font-size: 41px;
  }
  .f-lg-42 {
    font-size: 42px;
  }
  .f-lg-43 {
    font-size: 43px;
  }
  .f-lg-44 {
    font-size: 44px;
  }
  .f-lg-45 {
    font-size: 45px;
  }
  .f-lg-46 {
    font-size: 46px;
  }
  .f-lg-47 {
    font-size: 47px;
  }
  .f-lg-48 {
    font-size: 48px;
  }
  .f-lg-49 {
    font-size: 49px;
  }
  .f-lg-50 {
    font-size: 50px;
  }
  .f-lg-51 {
    font-size: 51px;
  }
  .f-lg-52 {
    font-size: 52px;
  }
  .f-lg-53 {
    font-size: 53px;
  }
  .f-lg-54 {
    font-size: 54px;
  }
  .f-lg-55 {
    font-size: 55px;
  }
  .f-lg-56 {
    font-size: 56px;
  }
  .f-lg-57 {
    font-size: 57px;
  }
  .f-lg-58 {
    font-size: 58px;
  }
  .f-lg-59 {
    font-size: 59px;
  }
  .f-lg-60 {
    font-size: 60px;
  }
  .f-lg-61 {
    font-size: 61px;
  }
  .f-lg-62 {
    font-size: 62px;
  }
  .f-lg-63 {
    font-size: 63px;
  }
  .f-lg-64 {
    font-size: 64px;
  }
  .f-lg-65 {
    font-size: 65px;
  }
  .f-lg-66 {
    font-size: 66px;
  }
  .f-lg-67 {
    font-size: 67px;
  }
  .f-lg-68 {
    font-size: 68px;
  }
  .f-lg-69 {
    font-size: 69px;
  }
  .f-lg-70 {
    font-size: 70px;
  }
  .f-lg-71 {
    font-size: 71px;
  }
  .f-lg-72 {
    font-size: 72px;
  }
  .f-lg-73 {
    font-size: 73px;
  }
  .f-lg-74 {
    font-size: 74px;
  }
  .f-lg-75 {
    font-size: 75px;
  }
  .f-lg-76 {
    font-size: 76px;
  }
  .f-lg-77 {
    font-size: 77px;
  }
  .f-lg-78 {
    font-size: 78px;
  }
  .f-lg-79 {
    font-size: 79px;
  }
  .f-lg-80 {
    font-size: 80px;
  }
  .f-lg-81 {
    font-size: 81px;
  }
  .f-lg-82 {
    font-size: 82px;
  }
  .f-lg-83 {
    font-size: 83px;
  }
  .f-lg-84 {
    font-size: 84px;
  }
  .f-lg-85 {
    font-size: 85px;
  }
  .f-lg-86 {
    font-size: 86px;
  }
  .f-lg-87 {
    font-size: 87px;
  }
  .f-lg-88 {
    font-size: 88px;
  }
  .f-lg-89 {
    font-size: 89px;
  }
  .f-lg-90 {
    font-size: 90px;
  }
  .f-lg-91 {
    font-size: 91px;
  }
  .f-lg-92 {
    font-size: 92px;
  }
  .f-lg-93 {
    font-size: 93px;
  }
  .f-lg-94 {
    font-size: 94px;
  }
  .f-lg-95 {
    font-size: 95px;
  }
  .f-lg-96 {
    font-size: 96px;
  }
  .f-lg-97 {
    font-size: 97px;
  }
  .f-lg-98 {
    font-size: 98px;
  }
  .f-lg-99 {
    font-size: 99px;
  }
  .f-lg-100 {
    font-size: 100px;
  }
  .f-lg-101 {
    font-size: 101px;
  }
  .f-lg-102 {
    font-size: 102px;
  }
  .f-lg-103 {
    font-size: 103px;
  }
  .f-lg-104 {
    font-size: 104px;
  }
  .f-lg-105 {
    font-size: 105px;
  }
  .f-lg-106 {
    font-size: 106px;
  }
  .f-lg-107 {
    font-size: 107px;
  }
  .f-lg-108 {
    font-size: 108px;
  }
  .f-lg-109 {
    font-size: 109px;
  }
  .f-lg-110 {
    font-size: 110px;
  }
  .f-lg-111 {
    font-size: 111px;
  }
  .f-lg-112 {
    font-size: 112px;
  }
  .f-lg-113 {
    font-size: 113px;
  }
  .f-lg-114 {
    font-size: 114px;
  }
  .f-lg-115 {
    font-size: 115px;
  }
  .f-lg-116 {
    font-size: 116px;
  }
  .f-lg-117 {
    font-size: 117px;
  }
  .f-lg-118 {
    font-size: 118px;
  }
  .f-lg-119 {
    font-size: 119px;
  }
  .f-lg-120 {
    font-size: 120px;
  }
  .f-lg-121 {
    font-size: 121px;
  }
  .f-lg-122 {
    font-size: 122px;
  }
  .f-lg-123 {
    font-size: 123px;
  }
  .f-lg-124 {
    font-size: 124px;
  }
  .f-lg-125 {
    font-size: 125px;
  }
  .f-lg-126 {
    font-size: 126px;
  }
  .f-lg-127 {
    font-size: 127px;
  }
  .f-lg-128 {
    font-size: 128px;
  }
  .f-lg-129 {
    font-size: 129px;
  }
  .f-lg-130 {
    font-size: 130px;
  }
  .f-lg-131 {
    font-size: 131px;
  }
  .f-lg-132 {
    font-size: 132px;
  }
  .f-lg-133 {
    font-size: 133px;
  }
  .f-lg-134 {
    font-size: 134px;
  }
  .f-lg-135 {
    font-size: 135px;
  }
  .f-lg-136 {
    font-size: 136px;
  }
  .f-lg-137 {
    font-size: 137px;
  }
  .f-lg-138 {
    font-size: 138px;
  }
  .f-lg-139 {
    font-size: 139px;
  }
  .f-lg-140 {
    font-size: 140px;
  }
  .f-lg-141 {
    font-size: 141px;
  }
  .f-lg-142 {
    font-size: 142px;
  }
  .f-lg-143 {
    font-size: 143px;
  }
  .f-lg-144 {
    font-size: 144px;
  }
  .f-lg-145 {
    font-size: 145px;
  }
  .f-lg-146 {
    font-size: 146px;
  }
  .f-lg-147 {
    font-size: 147px;
  }
  .f-lg-148 {
    font-size: 148px;
  }
  .f-lg-149 {
    font-size: 149px;
  }
  .f-lg-150 {
    font-size: 150px;
  }
}

@media (min-width: 1200px) {
  .hp-xl-50 {
    height: 50px;
  }
  .hp-xl-60 {
    height: 60px;
  }
  .hp-xl-70 {
    height: 70px;
  }
  .hp-xl-80 {
    height: 80px;
  }
  .hp-xl-90 {
    height: 90px;
  }
  .hp-xl-100 {
    height: 100px;
  }
  .hp-xl-110 {
    height: 110px;
  }
  .hp-xl-120 {
    height: 120px;
  }
  .hp-xl-130 {
    height: 130px;
  }
  .hp-xl-140 {
    height: 140px;
  }
  .hp-xl-150 {
    height: 150px;
  }
  .hp-xl-160 {
    height: 160px;
  }
  .hp-xl-170 {
    height: 170px;
  }
  .hp-xl-180 {
    height: 180px;
  }
  .hp-xl-190 {
    height: 190px;
  }
  .hp-xl-200 {
    height: 200px;
  }
  .hp-xl-210 {
    height: 210px;
  }
  .hp-xl-220 {
    height: 220px;
  }
  .hp-xl-230 {
    height: 230px;
  }
  .hp-xl-240 {
    height: 240px;
  }
  .hp-xl-250 {
    height: 250px;
  }
  .hp-xl-260 {
    height: 260px;
  }
  .hp-xl-270 {
    height: 270px;
  }
  .hp-xl-280 {
    height: 280px;
  }
  .hp-xl-290 {
    height: 290px;
  }
  .hp-xl-300 {
    height: 300px;
  }
  .hp-xl-310 {
    height: 310px;
  }
  .hp-xl-320 {
    height: 320px;
  }
  .hp-xl-330 {
    height: 330px;
  }
  .hp-xl-340 {
    height: 340px;
  }
  .hp-xl-350 {
    height: 350px;
  }
  .hp-xl-360 {
    height: 360px;
  }
  .hp-xl-370 {
    height: 370px;
  }
  .hp-xl-380 {
    height: 380px;
  }
  .hp-xl-390 {
    height: 390px;
  }
  .hp-xl-400 {
    height: 400px;
  }
  .hp-xl-410 {
    height: 410px;
  }
  .hp-xl-420 {
    height: 420px;
  }
  .hp-xl-430 {
    height: 430px;
  }
  .hp-xl-440 {
    height: 440px;
  }
  .hp-xl-450 {
    height: 450px;
  }

  .f-xl-1 {
    font-size: 1px;
  }
  .f-xl-2 {
    font-size: 2px;
  }
  .f-xl-3 {
    font-size: 3px;
  }
  .f-xl-4 {
    font-size: 4px;
  }
  .f-xl-5 {
    font-size: 5px;
  }
  .f-xl-6 {
    font-size: 6px;
  }
  .f-xl-7 {
    font-size: 7px;
  }
  .f-xl-8 {
    font-size: 8px;
  }
  .f-xl-9 {
    font-size: 9px;
  }
  .f-xl-10 {
    font-size: 10px;
  }
  .f-xl-11 {
    font-size: 11px;
  }
  .f-xl-12 {
    font-size: 12px;
  }
  .f-xl-13 {
    font-size: 13px;
  }
  .f-xl-14 {
    font-size: 14px;
  }
  .f-xl-15 {
    font-size: 15px;
  }
  .f-xl-16 {
    font-size: 16px;
  }
  .f-xl-17 {
    font-size: 17px;
  }
  .f-xl-18 {
    font-size: 18px;
  }
  .f-xl-19 {
    font-size: 19px;
  }
  .f-xl-20 {
    font-size: 20px;
  }
  .f-xl-21 {
    font-size: 21px;
  }
  .f-xl-22 {
    font-size: 22px;
  }
  .f-xl-23 {
    font-size: 23px;
  }
  .f-xl-24 {
    font-size: 24px;
  }
  .f-xl-25 {
    font-size: 25px;
  }
  .f-xl-26 {
    font-size: 26px;
  }
  .f-xl-27 {
    font-size: 27px;
  }
  .f-xl-28 {
    font-size: 28px;
  }
  .f-xl-29 {
    font-size: 29px;
  }
  .f-xl-30 {
    font-size: 30px;
  }
  .f-xl-31 {
    font-size: 31px;
  }
  .f-xl-32 {
    font-size: 32px;
  }
  .f-xl-33 {
    font-size: 33px;
  }
  .f-xl-34 {
    font-size: 34px;
  }
  .f-xl-35 {
    font-size: 35px;
  }
  .f-xl-36 {
    font-size: 36px;
  }
  .f-xl-37 {
    font-size: 37px;
  }
  .f-xl-38 {
    font-size: 38px;
  }
  .f-xl-39 {
    font-size: 39px;
  }
  .f-xl-40 {
    font-size: 40px;
  }
  .f-xl-41 {
    font-size: 41px;
  }
  .f-xl-42 {
    font-size: 42px;
  }
  .f-xl-43 {
    font-size: 43px;
  }
  .f-xl-44 {
    font-size: 44px;
  }
  .f-xl-45 {
    font-size: 45px;
  }
  .f-xl-46 {
    font-size: 46px;
  }
  .f-xl-47 {
    font-size: 47px;
  }
  .f-xl-48 {
    font-size: 48px;
  }
  .f-xl-49 {
    font-size: 49px;
  }
  .f-xl-50 {
    font-size: 50px;
  }
  .f-xl-51 {
    font-size: 51px;
  }
  .f-xl-52 {
    font-size: 52px;
  }
  .f-xl-53 {
    font-size: 53px;
  }
  .f-xl-54 {
    font-size: 54px;
  }
  .f-xl-55 {
    font-size: 55px;
  }
  .f-xl-56 {
    font-size: 56px;
  }
  .f-xl-57 {
    font-size: 57px;
  }
  .f-xl-58 {
    font-size: 58px;
  }
  .f-xl-59 {
    font-size: 59px;
  }
  .f-xl-60 {
    font-size: 60px;
  }
  .f-xl-61 {
    font-size: 61px;
  }
  .f-xl-62 {
    font-size: 62px;
  }
  .f-xl-63 {
    font-size: 63px;
  }
  .f-xl-64 {
    font-size: 64px;
  }
  .f-xl-65 {
    font-size: 65px;
  }
  .f-xl-66 {
    font-size: 66px;
  }
  .f-xl-67 {
    font-size: 67px;
  }
  .f-xl-68 {
    font-size: 68px;
  }
  .f-xl-69 {
    font-size: 69px;
  }
  .f-xl-70 {
    font-size: 70px;
  }
  .f-xl-71 {
    font-size: 71px;
  }
  .f-xl-72 {
    font-size: 72px;
  }
  .f-xl-73 {
    font-size: 73px;
  }
  .f-xl-74 {
    font-size: 74px;
  }
  .f-xl-75 {
    font-size: 75px;
  }
  .f-xl-76 {
    font-size: 76px;
  }
  .f-xl-77 {
    font-size: 77px;
  }
  .f-xl-78 {
    font-size: 78px;
  }
  .f-xl-79 {
    font-size: 79px;
  }
  .f-xl-80 {
    font-size: 80px;
  }
  .f-xl-81 {
    font-size: 81px;
  }
  .f-xl-82 {
    font-size: 82px;
  }
  .f-xl-83 {
    font-size: 83px;
  }
  .f-xl-84 {
    font-size: 84px;
  }
  .f-xl-85 {
    font-size: 85px;
  }
  .f-xl-86 {
    font-size: 86px;
  }
  .f-xl-87 {
    font-size: 87px;
  }
  .f-xl-88 {
    font-size: 88px;
  }
  .f-xl-89 {
    font-size: 89px;
  }
  .f-xl-90 {
    font-size: 90px;
  }
  .f-xl-91 {
    font-size: 91px;
  }
  .f-xl-92 {
    font-size: 92px;
  }
  .f-xl-93 {
    font-size: 93px;
  }
  .f-xl-94 {
    font-size: 94px;
  }
  .f-xl-95 {
    font-size: 95px;
  }
  .f-xl-96 {
    font-size: 96px;
  }
  .f-xl-97 {
    font-size: 97px;
  }
  .f-xl-98 {
    font-size: 98px;
  }
  .f-xl-99 {
    font-size: 99px;
  }
  .f-xl-100 {
    font-size: 100px;
  }
  .f-xl-101 {
    font-size: 101px;
  }
  .f-xl-102 {
    font-size: 102px;
  }
  .f-xl-103 {
    font-size: 103px;
  }
  .f-xl-104 {
    font-size: 104px;
  }
  .f-xl-105 {
    font-size: 105px;
  }
  .f-xl-106 {
    font-size: 106px;
  }
  .f-xl-107 {
    font-size: 107px;
  }
  .f-xl-108 {
    font-size: 108px;
  }
  .f-xl-109 {
    font-size: 109px;
  }
  .f-xl-110 {
    font-size: 110px;
  }
  .f-xl-111 {
    font-size: 111px;
  }
  .f-xl-112 {
    font-size: 112px;
  }
  .f-xl-113 {
    font-size: 113px;
  }
  .f-xl-114 {
    font-size: 114px;
  }
  .f-xl-115 {
    font-size: 115px;
  }
  .f-xl-116 {
    font-size: 116px;
  }
  .f-xl-117 {
    font-size: 117px;
  }
  .f-xl-118 {
    font-size: 118px;
  }
  .f-xl-119 {
    font-size: 119px;
  }
  .f-xl-120 {
    font-size: 120px;
  }
  .f-xl-121 {
    font-size: 121px;
  }
  .f-xl-122 {
    font-size: 122px;
  }
  .f-xl-123 {
    font-size: 123px;
  }
  .f-xl-124 {
    font-size: 124px;
  }
  .f-xl-125 {
    font-size: 125px;
  }
  .f-xl-126 {
    font-size: 126px;
  }
  .f-xl-127 {
    font-size: 127px;
  }
  .f-xl-128 {
    font-size: 128px;
  }
  .f-xl-129 {
    font-size: 129px;
  }
  .f-xl-130 {
    font-size: 130px;
  }
  .f-xl-131 {
    font-size: 131px;
  }
  .f-xl-132 {
    font-size: 132px;
  }
  .f-xl-133 {
    font-size: 133px;
  }
  .f-xl-134 {
    font-size: 134px;
  }
  .f-xl-135 {
    font-size: 135px;
  }
  .f-xl-136 {
    font-size: 136px;
  }
  .f-xl-137 {
    font-size: 137px;
  }
  .f-xl-138 {
    font-size: 138px;
  }
  .f-xl-139 {
    font-size: 139px;
  }
  .f-xl-140 {
    font-size: 140px;
  }
  .f-xl-141 {
    font-size: 141px;
  }
  .f-xl-142 {
    font-size: 142px;
  }
  .f-xl-143 {
    font-size: 143px;
  }
  .f-xl-144 {
    font-size: 144px;
  }
  .f-xl-145 {
    font-size: 145px;
  }
  .f-xl-146 {
    font-size: 146px;
  }
  .f-xl-147 {
    font-size: 147px;
  }
  .f-xl-148 {
    font-size: 148px;
  }
  .f-xl-149 {
    font-size: 149px;
  }
  .f-xl-150 {
    font-size: 150px;
  }
}

@media (min-width: 1400px) {
  .hp-xxl-50 {
    height: 50px;
  }
  .hp-xxl-60 {
    height: 60px;
  }
  .hp-xxl-70 {
    height: 70px;
  }
  .hp-xxl-80 {
    height: 80px;
  }
  .hp-xxl-90 {
    height: 90px;
  }
  .hp-xxl-100 {
    height: 100px;
  }
  .hp-xxl-110 {
    height: 110px;
  }
  .hp-xxl-120 {
    height: 120px;
  }
  .hp-xxl-130 {
    height: 130px;
  }
  .hp-xxl-140 {
    height: 140px;
  }
  .hp-xxl-150 {
    height: 150px;
  }
  .hp-xxl-160 {
    height: 160px;
  }
  .hp-xxl-170 {
    height: 170px;
  }
  .hp-xxl-180 {
    height: 180px;
  }
  .hp-xxl-190 {
    height: 190px;
  }
  .hp-xxl-200 {
    height: 200px;
  }
  .hp-xxl-210 {
    height: 210px;
  }
  .hp-xxl-220 {
    height: 220px;
  }
  .hp-xxl-230 {
    height: 230px;
  }
  .hp-xxl-240 {
    height: 240px;
  }
  .hp-xxl-250 {
    height: 250px;
  }
  .hp-xxl-260 {
    height: 260px;
  }
  .hp-xxl-270 {
    height: 270px;
  }
  .hp-xxl-280 {
    height: 280px;
  }
  .hp-xxl-290 {
    height: 290px;
  }
  .hp-xxl-300 {
    height: 300px;
  }
  .hp-xxl-310 {
    height: 310px;
  }
  .hp-xxl-320 {
    height: 320px;
  }
  .hp-xxl-330 {
    height: 330px;
  }
  .hp-xxl-340 {
    height: 340px;
  }
  .hp-xxl-350 {
    height: 350px;
  }
  .hp-xxl-360 {
    height: 360px;
  }
  .hp-xxl-370 {
    height: 370px;
  }
  .hp-xxl-380 {
    height: 380px;
  }
  .hp-xxl-390 {
    height: 390px;
  }
  .hp-xxl-400 {
    height: 400px;
  }
  .hp-xxl-410 {
    height: 410px;
  }
  .hp-xxl-420 {
    height: 420px;
  }
  .hp-xxl-430 {
    height: 430px;
  }
  .hp-xxl-440 {
    height: 440px;
  }
  .hp-xxl-450 {
    height: 450px;
  }

  .f-xxl-1 {
    font-size: 1px;
  }
  .f-xxl-2 {
    font-size: 2px;
  }
  .f-xxl-3 {
    font-size: 3px;
  }
  .f-xxl-4 {
    font-size: 4px;
  }
  .f-xxl-5 {
    font-size: 5px;
  }
  .f-xxl-6 {
    font-size: 6px;
  }
  .f-xxl-7 {
    font-size: 7px;
  }
  .f-xxl-8 {
    font-size: 8px;
  }
  .f-xxl-9 {
    font-size: 9px;
  }
  .f-xxl-10 {
    font-size: 10px;
  }
  .f-xxl-11 {
    font-size: 11px;
  }
  .f-xxl-12 {
    font-size: 12px;
  }
  .f-xxl-13 {
    font-size: 13px;
  }
  .f-xxl-14 {
    font-size: 14px;
  }
  .f-xxl-15 {
    font-size: 15px;
  }
  .f-xxl-16 {
    font-size: 16px;
  }
  .f-xxl-17 {
    font-size: 17px;
  }
  .f-xxl-18 {
    font-size: 18px;
  }
  .f-xxl-19 {
    font-size: 19px;
  }
  .f-xxl-20 {
    font-size: 20px;
  }
  .f-xxl-21 {
    font-size: 21px;
  }
  .f-xxl-22 {
    font-size: 22px;
  }
  .f-xxl-23 {
    font-size: 23px;
  }
  .f-xxl-24 {
    font-size: 24px;
  }
  .f-xxl-25 {
    font-size: 25px;
  }
  .f-xxl-26 {
    font-size: 26px;
  }
  .f-xxl-27 {
    font-size: 27px;
  }
  .f-xxl-28 {
    font-size: 28px;
  }
  .f-xxl-29 {
    font-size: 29px;
  }
  .f-xxl-30 {
    font-size: 30px;
  }
  .f-xxl-31 {
    font-size: 31px;
  }
  .f-xxl-32 {
    font-size: 32px;
  }
  .f-xxl-33 {
    font-size: 33px;
  }
  .f-xxl-34 {
    font-size: 34px;
  }
  .f-xxl-35 {
    font-size: 35px;
  }
  .f-xxl-36 {
    font-size: 36px;
  }
  .f-xxl-37 {
    font-size: 37px;
  }
  .f-xxl-38 {
    font-size: 38px;
  }
  .f-xxl-39 {
    font-size: 39px;
  }
  .f-xxl-40 {
    font-size: 40px;
  }
  .f-xxl-41 {
    font-size: 41px;
  }
  .f-xxl-42 {
    font-size: 42px;
  }
  .f-xxl-43 {
    font-size: 43px;
  }
  .f-xxl-44 {
    font-size: 44px;
  }
  .f-xxl-45 {
    font-size: 45px;
  }
  .f-xxl-46 {
    font-size: 46px;
  }
  .f-xxl-47 {
    font-size: 47px;
  }
  .f-xxl-48 {
    font-size: 48px;
  }
  .f-xxl-49 {
    font-size: 49px;
  }
  .f-xxl-50 {
    font-size: 50px;
  }
  .f-xxl-51 {
    font-size: 51px;
  }
  .f-xxl-52 {
    font-size: 52px;
  }
  .f-xxl-53 {
    font-size: 53px;
  }
  .f-xxl-54 {
    font-size: 54px;
  }
  .f-xxl-55 {
    font-size: 55px;
  }
  .f-xxl-56 {
    font-size: 56px;
  }
  .f-xxl-57 {
    font-size: 57px;
  }
  .f-xxl-58 {
    font-size: 58px;
  }
  .f-xxl-59 {
    font-size: 59px;
  }
  .f-xxl-60 {
    font-size: 60px;
  }
  .f-xxl-61 {
    font-size: 61px;
  }
  .f-xxl-62 {
    font-size: 62px;
  }
  .f-xxl-63 {
    font-size: 63px;
  }
  .f-xxl-64 {
    font-size: 64px;
  }
  .f-xxl-65 {
    font-size: 65px;
  }
  .f-xxl-66 {
    font-size: 66px;
  }
  .f-xxl-67 {
    font-size: 67px;
  }
  .f-xxl-68 {
    font-size: 68px;
  }
  .f-xxl-69 {
    font-size: 69px;
  }
  .f-xxl-70 {
    font-size: 70px;
  }
  .f-xxl-71 {
    font-size: 71px;
  }
  .f-xxl-72 {
    font-size: 72px;
  }
  .f-xxl-73 {
    font-size: 73px;
  }
  .f-xxl-74 {
    font-size: 74px;
  }
  .f-xxl-75 {
    font-size: 75px;
  }
  .f-xxl-76 {
    font-size: 76px;
  }
  .f-xxl-77 {
    font-size: 77px;
  }
  .f-xxl-78 {
    font-size: 78px;
  }
  .f-xxl-79 {
    font-size: 79px;
  }
  .f-xxl-80 {
    font-size: 80px;
  }
  .f-xxl-81 {
    font-size: 81px;
  }
  .f-xxl-82 {
    font-size: 82px;
  }
  .f-xxl-83 {
    font-size: 83px;
  }
  .f-xxl-84 {
    font-size: 84px;
  }
  .f-xxl-85 {
    font-size: 85px;
  }
  .f-xxl-86 {
    font-size: 86px;
  }
  .f-xxl-87 {
    font-size: 87px;
  }
  .f-xxl-88 {
    font-size: 88px;
  }
  .f-xxl-89 {
    font-size: 89px;
  }
  .f-xxl-90 {
    font-size: 90px;
  }
  .f-xxl-91 {
    font-size: 91px;
  }
  .f-xxl-92 {
    font-size: 92px;
  }
  .f-xxl-93 {
    font-size: 93px;
  }
  .f-xxl-94 {
    font-size: 94px;
  }
  .f-xxl-95 {
    font-size: 95px;
  }
  .f-xxl-96 {
    font-size: 96px;
  }
  .f-xxl-97 {
    font-size: 97px;
  }
  .f-xxl-98 {
    font-size: 98px;
  }
  .f-xxl-99 {
    font-size: 99px;
  }
  .f-xxl-100 {
    font-size: 100px;
  }
  .f-xxl-101 {
    font-size: 101px;
  }
  .f-xxl-102 {
    font-size: 102px;
  }
  .f-xxl-103 {
    font-size: 103px;
  }
  .f-xxl-104 {
    font-size: 104px;
  }
  .f-xxl-105 {
    font-size: 105px;
  }
  .f-xxl-106 {
    font-size: 106px;
  }
  .f-xxl-107 {
    font-size: 107px;
  }
  .f-xxl-108 {
    font-size: 108px;
  }
  .f-xxl-109 {
    font-size: 109px;
  }
  .f-xxl-110 {
    font-size: 110px;
  }
  .f-xxl-111 {
    font-size: 111px;
  }
  .f-xxl-112 {
    font-size: 112px;
  }
  .f-xxl-113 {
    font-size: 113px;
  }
  .f-xxl-114 {
    font-size: 114px;
  }
  .f-xxl-115 {
    font-size: 115px;
  }
  .f-xxl-116 {
    font-size: 116px;
  }
  .f-xxl-117 {
    font-size: 117px;
  }
  .f-xxl-118 {
    font-size: 118px;
  }
  .f-xxl-119 {
    font-size: 119px;
  }
  .f-xxl-120 {
    font-size: 120px;
  }
  .f-xxl-121 {
    font-size: 121px;
  }
  .f-xxl-122 {
    font-size: 122px;
  }
  .f-xxl-123 {
    font-size: 123px;
  }
  .f-xxl-124 {
    font-size: 124px;
  }
  .f-xxl-125 {
    font-size: 125px;
  }
  .f-xxl-126 {
    font-size: 126px;
  }
  .f-xxl-127 {
    font-size: 127px;
  }
  .f-xxl-128 {
    font-size: 128px;
  }
  .f-xxl-129 {
    font-size: 129px;
  }
  .f-xxl-130 {
    font-size: 130px;
  }
  .f-xxl-131 {
    font-size: 131px;
  }
  .f-xxl-132 {
    font-size: 132px;
  }
  .f-xxl-133 {
    font-size: 133px;
  }
  .f-xxl-134 {
    font-size: 134px;
  }
  .f-xxl-135 {
    font-size: 135px;
  }
  .f-xxl-136 {
    font-size: 136px;
  }
  .f-xxl-137 {
    font-size: 137px;
  }
  .f-xxl-138 {
    font-size: 138px;
  }
  .f-xxl-139 {
    font-size: 139px;
  }
  .f-xxl-140 {
    font-size: 140px;
  }
  .f-xxl-141 {
    font-size: 141px;
  }
  .f-xxl-142 {
    font-size: 142px;
  }
  .f-xxl-143 {
    font-size: 143px;
  }
  .f-xxl-144 {
    font-size: 144px;
  }
  .f-xxl-145 {
    font-size: 145px;
  }
  .f-xxl-146 {
    font-size: 146px;
  }
  .f-xxl-147 {
    font-size: 147px;
  }
  .f-xxl-148 {
    font-size: 148px;
  }
  .f-xxl-149 {
    font-size: 149px;
  }
  .f-xxl-150 {
    font-size: 150px;
  }
}

.clamp-1,
.clamp-2,
.clamp-3,
.clamp-4,
.clamp-sm-1,
.clamp-sm-2,
.clamp-sm-3,
.clamp-sm-4,
.clamp-md-1,
.clamp-md-2,
.clamp-md-3,
.clamp-md-4,
.clamp-lg-1,
.clamp-lg-2,
.clamp-lg-3,
.clamp-lg-4,
.clamp-xl-1,
.clamp-xl-2,
.clamp-xl-3,
.clamp-xl-4,
.clamp-xxl-1,
.clamp-xxl-2,
.clamp-xxl-3,
.clamp-xxl-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clamp-1 {
  -webkit-line-clamp: 1;
}
.clamp-2 {
  -webkit-line-clamp: 2;
}
.clamp-3 {
  -webkit-line-clamp: 3;
}
.clamp-4 {
  -webkit-line-clamp: 4;
}

@media (min-width: 576px) {
  .clamp-sm-1 {
    -webkit-line-clamp: 1;
  }
  .clamp-sm-2 {
    -webkit-line-clamp: 2;
  }
  .clamp-sm-3 {
    -webkit-line-clamp: 3;
  }
  .clamp-sm-4 {
    -webkit-line-clamp: 4;
  }
}

@media (min-width: 768px) {
  .clamp-md-1 {
    -webkit-line-clamp: 1;
  }
  .clamp-md-2 {
    -webkit-line-clamp: 2;
  }
  .clamp-md-3 {
    -webkit-line-clamp: 3;
  }
  .clamp-md-4 {
    -webkit-line-clamp: 4;
  }
}

@media (min-width: 992px) {
  .clamp-lg-1 {
    -webkit-line-clamp: 1;
  }
  .clamp-lg-2 {
    -webkit-line-clamp: 2;
  }
  .clamp-lg-3 {
    -webkit-line-clamp: 3;
  }
  .clamp-lg-4 {
    -webkit-line-clamp: 4;
  }
}

@media (min-width: 1200px) {
  .clamp-xl-1 {
    -webkit-line-clamp: 1;
  }
  .clamp-xl-2 {
    -webkit-line-clamp: 2;
  }
  .clamp-xl-3 {
    -webkit-line-clamp: 3;
  }
  .clamp-xl-4 {
    -webkit-line-clamp: 4;
  }
}

@media (min-width: 1400px) {
  .clamp-xxl-1 {
    -webkit-line-clamp: 1;
  }
  .clamp-xxl-2 {
    -webkit-line-clamp: 2;
  }
  .clamp-xxl-3 {
    -webkit-line-clamp: 3;
  }
  .clamp-xxl-4 {
    -webkit-line-clamp: 4;
  }
}

#gtx-trans{
	display: none;
}


.cookie_wrap {
    position: fixed;
    z-index: 10;
    bottom: 30px;
    left: 30px;
    width: 500px;
		background: #fff;
}

@media (max-width: 767px) {

	.block1{
		background-position: 73% 50% !important;
	}

	.block1:after{
		content: ""; 
    position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgb(255 255 255 / 90%) 0%, rgb(255 255 255 / 81%) 51%, rgba(255, 255, 255, 0) 100%);	
	}

	.cookie_wrap {
    position: fixed;
    z-index: 10;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
}

  header .logo {
    order: 1;
    width: 50%;
  }

  header .contacts {
    order: 1;
    width: 50%;
  }

  header .places {
    order: 3;
  }

  header .w_avito {
    order: 4;
  }

  header .w_mess {
    order: 3;
  }

  header .btn {
    font-size: 16px;
    padding: 15px 13px;
  }

  header .contacts p {
    padding-left: 0;
    background: none;
  }
}

@media (max-width: 960px) and (min-width: 768px) {
}