@font-face {
  font-family: "Source Sans 3";
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/sourcesans3-regular.woff2") format("woff2"), url("../fonts/sourcesans3-regular.woff") format("woff"), url("../fonts/sourcesans3-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Source Sans 3";
  font-weight: bold;
  font-display: swap;
  src: url("../fonts/sourcesans3-bold.woff2") format("woff2"), url("../fonts/sourcesans3-bold.woff") format("woff"), url("../fonts/sourcesans3-bold.ttf") format("truetype");
}
html {
  font-size: 14px;
}

body {
  padding-bottom: 57px;
  font: 1rem/1.3571 "Source Sans 3", sans-serif;
  color: #1d1e1c;
  background-color: #fff;
}

h1 {
  margin-bottom: 2.2857rem;
  font-weight: normal;
  font-size: 5rem;
}
h1::after {
  content: "";
  display: block;
  height: 10px;
  background: linear-gradient(90deg, #227331 0%, #fff 80%);
}

h2 {
  font-weight: normal;
  font-size: 2.7857rem;
  margin-bottom: 1.7857rem;
}

h3 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.5rem;
}

p, ul, ol {
  margin-bottom: 1.2143rem;
  text-align: justify;
}

b,
strong {
  font-weight: 700;
}

a {
  color: #1b7331;
}
a:hover, a:focus, a:active {
  color: #1b7331;
}

form input, form textarea {
  width: 100%;
  background-color: #fff;
  border: 1px solid #1b7331;
  border-radius: 0.2857rem;
  outline: none;
}

input[type=submit].btn-primary {
  color: #fff;
  background-color: #1b7331;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
input[type=submit].btn-primary:hover, input[type=submit].btn-primary:focus, input[type=submit].btn-primary:active {
  background-color: #114a1f !important;
}

@font-face {
  font-family: "icons";
  font-display: block;
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype");
}
.icon {
  font-family: "icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cross::before {
  content: "\e900";
}

.icon-envelope::before {
  content: "\e901";
}

.icon-house::before {
  content: "\e902";
}

.icon-menu::before {
  content: "\e903";
}

.icon-phone::before {
  content: "\e904";
}

.icon-user::before {
  content: "\e905";
}

#navbar-main {
  padding-left: 7rem;
  padding-right: 4rem;
  margin-bottom: 8rem;
  font-size: 2.1429rem;
  background: linear-gradient(90deg, #fff 0%, #227331 100%);
}
#navbar-main .navbar-nav {
  padding: 4rem 0;
  justify-content: flex-end;
}
#navbar-main .navbar-toggler {
  font-size: 2rem;
  color: #fff;
}
#navbar-main .navbar-toggler .icon::before {
  content: "\e900";
}
#navbar-main .navbar-toggler.collapsed .icon::before {
  content: "\e903";
}
#navbar-main .nav-item {
  margin: 0 4rem;
}
#navbar-main .nav-link {
  padding: 0.8571rem 1rem 0 1rem;
  line-height: 1.4333;
  color: #fff;
  border-width: 0;
  border-left-width: 3px;
  border-style: solid;
  border-color: #fff;
  transition: all 0.15s ease-in-out;
}
#navbar-main .nav-link.active, #navbar-main .nav-link:hover, #navbar-main .nav-link:focus, #navbar-main .nav-link:active {
  border-color: #227331;
}

[data-simplebar] {
  padding-right: 20px;
}

.simplebar-track {
  background: #aeaeae;
  border-radius: 4px;
}
.simplebar-track .simplebar-scrollbar {
  margin: 0;
  background: #777;
  border-radius: 4px;
}
.simplebar-track .simplebar-scrollbar::before {
  background: #1d1e1c;
  border-radius: 4px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: 0;
  height: 100%;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar {
  right: 0;
  width: 100%;
}

.container-fluid {
  min-width: 300px;
  max-width: 2048px;
}

#main-wrapper {
  padding-left: 7rem;
  padding-right: 4rem;
}

#content-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
}

#photo-wrapper {
  max-width: 50%;
}
#photo-wrapper img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-style: solid;
  border-width: 1rem 0;
  border-image: linear-gradient(90deg, #fff 0%, #227331 100%) 1;
}

.intro-heading {
  margin-top: 3rem;
}
.intro-heading h1 {
  margin-bottom: 5rem;
}
.intro-heading h1::after {
  width: 84%;
  margin-left: auto;
  margin-right: auto;
}

.intro {
  font-size: 2.5rem;
  line-height: 1.2286;
  text-align: center;
}

.contacts .row {
  align-items: center;
}
.contacts .row.phone-wrapper {
  margin-bottom: 1rem;
}
.contacts .row.phone-wrapper a {
  color: inherit;
}
.contacts .icon {
  display: inline-block;
  padding: 0.4286rem;
  font-size: 2rem;
  line-height: 1;
  color: #777;
  background: radial-gradient(circle, #fafcf8 0%, #6bb85e 90%);
  border-radius: 1rem;
}
.contacts .icon::before {
  display: inline-block;
}

#contact-form .row {
  align-items: flex-start;
}
#contact-form .msg {
  font-weight: bold;
}
#contact-form .msg > div {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  color: #fff;
  background-color: #1b7331;
  border-radius: 0.2857rem;
}
#contact-form .msg > div.error {
  background-color: #ce2121;
}

#spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  color: #aeaeae;
  background-color: rgba(0, 0, 0, 0.7);
}

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