@font-face {
  font-family: "Miama Nueva";
  src: local("Miama Nueva"), local("MiamaNueva"), url("../fonts/MiamaNueva.woff2") format("woff2"), url("../fonts/MiamaNueva.woff") format("woff"), url("../fonts/MiamaNueva.ttf") format("truetype"), url("../fonts/MiamaNueva.svg#MiamaNueva") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner Bold"), local("Commissioner-Bold"), url("../fonts/Commissioner-Bold.woff2") format("woff2"), url("../fonts/Commissioner-Bold.woff") format("woff"), url("../fonts/Commissioner-Bold.ttf") format("truetype"), url("../fonts/Commissioner-Bold.svg#Commissioner-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner SemiBold"), local("Commissioner-SemiBold"), url("../fonts/Commissioner-SemiBold.woff2") format("woff2"), url("../fonts/Commissioner-SemiBold.woff") format("woff"), url("../fonts/Commissioner-SemiBold.ttf") format("truetype"), url("../fonts/Commissioner-SemiBold.svg#Commissioner-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner Regular"), local("Commissioner-Regular"), url("../fonts/Commissioner-Regular.woff2") format("woff2"), url("../fonts/Commissioner-Regular.woff") format("woff"), url("../fonts/Commissioner-Regular.ttf") format("truetype"), url("../fonts/Commissioner-Regular.svg#Commissioner-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Commissioner";
  src: local("Commissioner Medium"), local("Commissioner-Medium"), url("../fonts/Commissioner-Medium.woff2") format("woff2"), url("../fonts/Commissioner-Medium.woff") format("woff"), url("../fonts/Commissioner-Medium.ttf") format("truetype"), url("../fonts/Commissioner-Medium.svg#Commissioner-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.btn-outline-primary {
  --bs-btn-font-size:14px;
  --bs-btn-color:white;
  --bs-btn-border-color:white;
  --bs-btn-border-radius:38px;
  --bs-btn-hover-color:#444A58;
  --bs-btn-hover-bg:transparentize();
  --bs-btn-hover-border-color:#444A58;
}

.btn-primary {
  --bs-btn-bg:#00b050;
  --bs-btn-border-color:#00b050;
  --bs-btn-hover-bg:transparentize();
  --bs-btn-hover-border-color:#00b050;
  --bs-btn-hover-color:#00b050;
}

.nav-link {
  --bs-nav-link-font-size:16px;
  --bs-nav-link-font-weight:600;
  --bs-nav-link-color:white;
  --bs-nav-link-hover-color:#444A58;
}

.dropdown-menu {
  --bs-dropdown-padding-y:0;
  --bs-dropdown-bg:#00b050;
  border: none;
}

.navbar-toggler {
  --bs-navbar-color:white;
  --bs-navbar-toggler-border-color:white;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  --bs-navbar-color:#444A58;
  --bs-navbar-toggler-border-color:#444A58;
  box-shadow: none;
}

.modal {
  --bs-modal-border-color:transparentize();
}

body {
  font-family: "Commissioner", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #444A58;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

a {
  text-decoration: none;
}

.brand {
  gap: 10px;
}
.brand__logo {
  max-width: 50px;
}
.brand__text {
  color: white;
}
.brand__text h4 {
  font-size: 24px;
  font-weight: 700;
}
.brand__text p {
  margin-top: -5px;
  font-size: 16px;
  font-weight: 500;
}

.btn-outline-primary, a {
  transition: 0.8s !important;
}

.nav-link {
  width: 192px;
  padding: 3px 0;
  border-top: 2px solid white;
}
.nav-link:hover, .nav-link:active {
  color: #444A58;
  border-top-color: #444A58;
  transition: 0.8s;
}
@media (max-width: 1200px) {
  .nav-link {
    width: 155px;
  }
}
@media (max-width: 992px) {
  .nav-link {
    width: 120px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .nav-link {
    font-size: 16px;
    border-top: 0;
  }
}

.dropdown-item {
  font-size: 14px;
  color: white;
  font-weight: 600;
}
.dropdown-item:hover {
  background-color: transparent;
}

.separator {
  padding-bottom: 5px;
  border-bottom: 2px solid #00b050;
  margin-bottom: 25px;
}

.main-title {
  font-size: 28px;
  font-weight: 700;
  color: #00b050;
  text-align: center;
}

.view-img-btn {
  border: none;
  padding: 0;
}

.modal-content {
  width: auto;
}
.modal-content .modal-body {
  padding: 0 !important;
}

.card__item {
  padding: 15px 30px;
  height: 100%;
  background-color: #00b050;
  border: 1px solid #00b050;
  border-radius: 8px;
}
.card__item h4 {
  font-size: 24px;
  font-weight: 600;
  color: white;
  border-bottom: 2px solid white;
  padding-bottom: 5px;
}
.card__item p {
  color: white;
  font-size: 14px;
}

.header {
  background-color: #00b050;
  box-shadow: 0 4px 26px 0 rgba(0, 128, 58, 0.71);
}
.header_main {
  background-color: transparent !important;
  box-shadow: none !important;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.header_main .navbar {
  background-color: transparent !important;
}
.header_main .dropdown-menu {
  background-color: transparent !important;
}
.header__top {
  padding: 10px 0;
}
.header__top-contact-inner {
  gap: 25px;
}
.header__top-contact-tel {
  color: white;
  font-size: 14px;
}
.header__top-contact-tel:hover {
  color: #444A58;
}

@media (min-width: 768px) {
  .header__top-mobile {
    display: none;
  }
  .header .media-brand {
    display: none;
  }
}
@media (max-width: 768px) {
  .header__top {
    padding: 10px;
    background-color: #444A58;
  }
  .header__top-mobile {
    display: flex;
    gap: 25px;
  }
  .header__top-brand, .header__top-contact {
    display: none;
  }
}

.banner {
  background-image: url("../assets/images/banner-cover.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.banner__wrapper {
  position: relative;
  height: 100vh;
}
.banner__content {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.banner__content-description {
  text-align: center;
}
.banner__content-description-logo img {
  max-width: 160px;
}
.banner__content-description-text h2 {
  color: #00b050;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 12px;
}
.banner__content-description-text h2 span {
  font-size: 49px;
}
.banner__content-description-text p {
  font-family: "Miama Nueva", sans-serif;
  color: white;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 992px) {
  .banner__content-description {
    margin-bottom: 30px;
  }
}
@media (max-height: 668px) {
  .banner__content-description {
    margin-bottom: 10px;
  }
  .banner__content-description-logo img {
    max-width: 130px;
  }
  .banner__content-description-text h2 {
    font-size: 28px;
  }
  .banner__content-description-text span {
    font-size: 28px;
  }
  .banner__content-description-text p {
    font-size: 18px;
    margin-bottom: 0;
  }
}

.about-content {
  margin: 60px 0;
}
.about-content__top {
  margin: 30px 0;
}

.about-progress {
  margin: 60px 0;
}
.about-progress__title {
  margin-bottom: 35px;
}

.main-about {
  margin: 60px 0;
}
.main-about__title {
  max-width: 870px;
  margin: 0 auto 35px;
}
.main-about__title h2 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  color: #444A58;
}
.main-about__title h2 span {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #00b050;
  margin-bottom: 5px;
}
.main-about__description {
  text-align: center;
  margin-bottom: 35px;
}
.main-about .btn-primary {
  display: block;
  max-width: 220px;
  margin: 0 auto;
}

@media (max-width: 460px) {
  .main-about span {
    font-size: 28px !important;
  }
}
@media (max-width: 420px) {
  .main-about .btn-primary {
    max-width: 100%;
  }
}
@media (max-width: 385px) {
  .main-about h2 {
    font-size: 18px;
  }
  .main-about span {
    font-size: 24px !important;
  }
  .main-about__description p {
    font-size: 14px;
  }
}

.modal-form {
  max-width: 450px;
  padding: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  margin: 0 auto;
}
.modal-form textarea {
  resize: none;
}
.modal-form__title h2 {
  font-size: 24px;
  font-weight: 600;
  color: #00b050;
}
.modal-form__title p {
  font-size: 14px;
}
.modal-form__body input::placeholder, .modal-form__body textarea::placeholder {
  font-size: 14px;
}
.modal-form__body input:focus, .modal-form__body textarea:focus {
  border-color: #00b050;
  box-shadow: rgba(37, 118, 36, 0.25) 0 0 0 0.25rem;
}

.our-brands {
  margin: 60px 0;
}
.our-brands__content .row {
  gap: 20px 0;
}
.our-brands__content-card a {
  padding: 0 15px;
  border-radius: 12px;
}
.our-brands__content-card a:hover {
  transition: 0.8s;
  background-color: rgba(0, 176, 80, 0.4);
}

.footer {
  padding: 25px 0;
  background-color: #00b050;
  box-shadow: 1px -5px 26px 0 rgba(0, 128, 58, 0.71);
}
.footer .brand {
  margin-bottom: 20px;
}
.footer__description {
  font-family: "Miama Nueva", sans-serif;
  font-size: 14px;
  color: white;
}
.footer__contact {
  font-size: 16px;
  color: white;
}
.footer__contact-list {
  list-style: none;
}
.footer__contact a {
  color: inherit;
}
.footer__contact a:hover {
  color: #444A58;
}

@media (max-width: 415px) {
  .footer__contact {
    font-size: 14px;
  }
  .footer__contact-list {
    padding-left: 0;
  }
}

.assortment-intro {
  margin: 50px 0;
}
.assortment-intro__wrapper {
  padding-bottom: 25px;
  border-bottom: 2px solid #00b050;
}
.assortment-intro__wrapper h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 35px;
}

.assortment-card {
  margin: 50px 0;
}
.assortment-card__wrapper {
  padding-bottom: 25px;
  border-bottom: 2px solid #00b050;
}

.assortment-description {
  margin: 50px 0;
  text-align: center;
}

@media (max-width: 1200px) {
  .assortment-intro h2 {
    margin-bottom: 10px !important;
  }
}

.contact-intro__wrapper {
  margin: 50px 0;
}
.contact-intro__title {
  margin-bottom: 35px;
}
.contact-intro__title h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 0;
}
.contact-intro__block h4 {
  font-size: 20px;
}
.contact-intro__block ul a {
  color: #444A58;
}
.contact-intro__block ul li:hover {
  color: #00b050;
  transition: 0.8s;
}
.contact-intro__block ul li:hover a {
  color: #00b050;
}
.contact-intro__block ul a {
  font-size: 14px;
}
.contact-intro__block address {
  font-size: 14px;
}

@media (max-width: 1200px) {
  .contact-intro__title {
    margin-bottom: 5px;
  }
}
@media (max-width: 992px) {
  .contact-intro__block-address {
    text-align: center;
  }
}
@media (max-width: 440px) {
  .contact-intro__title {
    text-align: center;
    margin-bottom: 20px;
  }
  .contact-intro__row.row .col-6 {
    text-align: center;
  }
  .contact-intro__row.row .col-6 ul {
    list-style: none;
  }
}
@media (max-width: 340px) {
  .contact-intro__row.row {
    flex-direction: column !important;
  }
  .contact-intro .col-6 {
    width: 100%;
  }
}

.delivery-intro {
  margin: 50px 0;
}
.delivery-intro h2 {
  font-weight: 700;
  margin-bottom: 15px;
}

.delivery-card {
  margin: 50px 0;
}

@media (max-width: 768px) {
  .delivery-intro h2 {
    text-align: center;
  }
}

.service-intro {
  margin: 35px 0;
}

.service-attendance {
  margin: 35px 0 50px;
}
.service-attendance h2 {
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 992px) {
  .service-intro h2 {
    margin-bottom: 20px;
  }
}

.error-banner .container {
  position: relative;
  height: calc(100vh - 296px);
}
.error-banner__wrapper {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.error-banner__wrapper .d-flex {
  gap: 30px;
}
.error-banner__wrapper img {
  width: 140px;
}
@media (max-width: 640px) {
  .error-banner__wrapper {
    width: 95%;
  }
  .error-banner__wrapper .d-flex {
    flex-direction: column;
  }
  .error-banner__description {
    text-align: center;
  }
}
@media (max-width: 400px) {
  .error-banner__description p {
    font-size: 14px;
  }
}

.navigation-resivers-intro{
  margin: 60px 0;
}
.br-none{
  border: none;
}

.main-subtitle{
  font-size: 20px;
  color:#00b050;
  text-align: center;
}

.peculiarities{
  margin: 60px 0;
}


/* stock 15.11 */
.stock_perсent{
  font-size: 18px;
  font-weight: 600;
  color:#00b050;
}


/*# sourceMappingURL=main-styles.css.map */