@import 'css/bootstrap.css';
@font-face {
  font-family: BebasNeue;
  src: url("/fonts/BebasNeueRegular.ttf");
  font-weight: 300;
}
@font-face {
  font-family: BebasNeue;
  src: url("/fonts/BebasNeueBold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: Helvetica;
  src: url("/fonts/HelveticaNeueCyr-Medium.ttf");
  font-weight: 400;
}
.header-bg {
  background-image: url("/img/header-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
}

.header-to-iri-text {
  font-family: BebasNeue, "sans-serif";
  font-weight: 300;
  font-size: 30px;
  color: rgb(255, 255, 255);
  transition: all 0.5s ease;
}
.header-to-iri-text span {
  font-family: BebasNeue, "sans-serif";
  font-weight: 700;
  font-size: 30px;
  color: rgb(35, 185, 68);
}
.header-to-iri-text:hover {
  text-decoration-line: underline;
}

.header-models-position {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.header-svg-part-2 {
  position: absolute;
  z-index: 12;
  left: 0;
  width: 100%;
  bottom: 30px;
}

.product-list-bg {
  background-image: url("/img/product-list-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.product-style {
  border: 1px solid rgb(178, 178, 178);
  height: 100%;
  position: relative;
  overflow: hidden;
}

.product-text-position {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.product-green-decoration {
  position: absolute;
  bottom: 0;
  right: 0;
}

.product-title {
  font-family: BebasNeue, "sans-serif";
  font-weight: 700;
  font-size: 40px;
  color: #ffffff;
  padding-left: 22px;
  padding-right: 40px;
  z-index: 2;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.product-title span {
  font-family: BebasNeue, "sans-serif";
  font-weight: 300;
  font-size: 40px;
}

.product-title-1 {
  font-family: BebasNeue, "sans-serif";
  font-weight: 700;
  font-size: 38px;
  padding: 10px 0;
  color: #ffffff;
  padding-left: 22px;
  z-index: 2;
  line-height: 1em;
  position: relative;
}
.product-title-1 span {
  font-family: BebasNeue, "sans-serif";
  font-weight: 300;
  font-size: 40px;
}

.product-title-style {
  position: relative;
  background-color: rgb(51, 51, 51);
}

.product-btn {
  background-color: rgb(24, 58, 104);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-btn:hover {
  background-color: #2f4d77;
}
.product-btn span {
  font-family: BebasNeue, "sans-serif";
  font-weight: 700;
  font-size: 40px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}

a {
  text-decoration: none;
}

.nav-pills .nav-link.active {
  background-color: #76B82A;
}
.nav-pills .nav-link.active:hover {
  background-color: #6ca026;
}

.nav-pills .nav-link {
  background-color: rgb(24, 58, 104);
  color: #fff;
  text-align: center;
  font-family: BebasNeue, "sans-serif";
  font-weight: 700;
  font-size: 40px;
}
.nav-pills .nav-link:hover {
  background-color: #2f4d77;
}

.nav-link {
  border-radius: 0 !important;
}

.footer-text-left {
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: rgb(255, 255, 255);
}

.footer-text-right a {
  font-family: BebasNeue, "sans-serif";
  font-weight: 400;
  font-size: 55px;
  color: rgb(255, 255, 255);
  line-height: 1em;
}
.footer-text-right span {
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: rgb(255, 255, 255);
}

.page-item:first-child .page-link {
  background-color: rgb(24, 58, 104);
}

.page-item:last-child .page-link {
  background-color: rgb(24, 58, 104);
}

.page-link:hover {
  border: 1px solid rgb(120, 178, 43) !important;
  border-radius: 5px !important;
  color: rgb(0, 0, 0);
}

.page-link {
  border: 1px solid rgb(178, 178, 178) !important;
  border-radius: 5px !important;
  height: 100%;
  width: 50px;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
  font-family: Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: rgb(0, 0, 0);
}

.pagination {
  --bs-pagination-focus-box-shadow: none;
}

.img-hover-scale {
  transition: all 0.4s;
}

.img-hover-scale:hover {
  transform: scale(1.1);
}

body {
  overflow-x: hidden;
}

@media (max-width: 480px) {
  .logo-style {
    width: auto;
    max-width: none;
    height: 180px;
    position: absolute;
    bottom: 0;
    left: -441px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .logo-style {
    width: auto;
    max-width: none;
    height: 180px;
    position: absolute;
    bottom: 0;
    left: -386px;
  }
}

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