@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
}
body {
  font-family: 'Montserrat', sans-serif;
}
.bg-grey {
  background-color: #464A4D;
}
.bg-white {
  background-color: #fff;
}
.bg-light-grey {
  background: #F5F4F0;
}
.bg-grey-blue {
  background: #D8E1E6;
}
.btn-primary {
  background: #FF6600;
  box-shadow: 0px 4px 8px rgba(73, 75, 76, 0.12), 0 0px 2px rgba(73, 75, 76, 0.08);
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF !important;
  border: 1px solid #FF6600;
  outline: none!important;
  height: 56px;
  padding: 0 1.5rem;
  border-radius: 0;
}
.btn-primary:hover {
  background: #fff;
  color: #FF6600 !important;
  border: 1px solid #FF6600;
  outline: none!important;
}
.btn-light {
  box-shadow: 0px 4px 8px rgba(73, 75, 76, 0.12), 0 0px 2px rgba(73, 75, 76, 0.08);
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  outline: none!important;
  height: 56px;
  padding: 0 1.5rem;
  border-radius: 0;
}
.btn-light:hover {
  background: #464A4D;
  color: #fff !important;
  border: 1px solid #464A4D;
  outline: none!important;
}
.p-32 {
  padding: 2rem;
}
.mt-32 {
  margin-top: 2rem;
}
.mb-32 {
  margin-bottom: 2rem!important;
}
img {
  max-width: 100%;
  max-height: 100%;
}
.header__row {
  padding: 8px 0;
}
@media (min-width: 576px) {
  .header__row {
    padding: 12px 0;
  }
}
.header__logo {
  height: 36px;
}
@media (min-width: 768px) {
  .header__logo {
    height: 72px;
  }
}
.header__logo img {
  max-width: 100%;
}
.header__phone {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #464A4D;
  text-decoration: none;
  padding: 8px 0;
  /*padding-right: 68px;
  /*background: url(/img/viber.svg)no-repeat right center,url(/img/whatsapp.svg)no-repeat right 34px center;*/
  display: inline-block;
}
@media (min-width: 768px) {
  .header__phone {
    font-size: 20px;
    line-height: 24px;
    padding: 0;
    /*padding-right: 68px;*/
  }
}
.header__bg {
  background: url(/img/fon_top.jpg) no-repeat center;
  background-size: cover;
  padding: 48px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.25px;
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .header__bg {
    padding: 64px 0;
  }
}
@media (min-width: 992px) {
  .header__bg {
    padding: 80px 0;
    font-size: 16px;
    line-height: 28px;
  }
}
.header__bg ul li {
  margin-bottom: 8px;
}
.header__feature {
  padding-left: 56px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='%23F5F4F0'/%3E%3Cpath d='M30 19.0801V20.0001C29.9988 22.1565 29.3005 24.2548 28.0093 25.9819C26.7182 27.7091 24.9033 28.9726 22.8354 29.584C20.7674 30.1954 18.5573 30.122 16.5345 29.3747C14.5117 28.6274 12.7847 27.2462 11.611 25.4372C10.4373 23.6281 9.87979 21.4882 10.0217 19.3364C10.1636 17.1847 10.9972 15.1364 12.3983 13.4972C13.7994 11.8579 15.6928 10.7155 17.7962 10.2403C19.8996 9.76502 22.1003 9.98245 24.07 10.8601' stroke='%232F3133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 12L20 22.01L17 19.01' stroke='%232F3133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%23D8E1E6'/%3E%3C/svg%3E%0A");
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
  min-height: 40px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .header__feature {
    padding-left: 72px;
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='55' height='55' rx='27.5' fill='%23F5F4F0'/%3E%3Cpath d='M38 27.0801V28.0001C37.9988 30.1565 37.3005 32.2548 36.0093 33.9819C34.7182 35.7091 32.9033 36.9726 30.8354 37.584C28.7674 38.1954 26.5573 38.122 24.5345 37.3747C22.5117 36.6274 20.7847 35.2462 19.611 33.4372C18.4373 31.6281 17.8798 29.4882 18.0217 27.3364C18.1636 25.1847 18.9972 23.1364 20.3983 21.4972C21.7994 19.8579 23.6928 18.7155 25.7962 18.2403C27.8996 17.765 30.1003 17.9824 32.07 18.8601' stroke='%232F3133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38 20L28 30.01L25 27.01' stroke='%232F3133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='55' height='55' rx='27.5' stroke='%23D8E1E6'/%3E%3C/svg%3E%0A");
    min-height: 56px;
  }
}
.header__feature ~ .header__feature {
  margin-top: 20px;
}
h1 {
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.25px;
  color: #FFFFFF;
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  h1 {
    font-size: 34px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 60px;
    line-height: 72px;
  }
}
.category-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  gap: 8px;
  background: #FFFFFF;
  border: 1px solid #BDBDBD;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
@media (min-width: 768px) {
  .category-link {
    flex-direction: column;
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 16px;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #BDBDBD;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
  }
}
.category-link__img {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 80px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .category-link__img {
    height: auto;
    width: auto;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
.category-link__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #2F3133;
}
@media (min-width: 768px) {
  .category-link__title {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
}
.category-link--small {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  gap: 8px;
  background: #FFFFFF;
  border: 1px solid #BDBDBD;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .category-link--small {
    margin: 0 -4px;
  }
}
div:last-child > .category-link--small {
  margin-bottom: 0;
}
.category-link--small.active {
  background-color: #FF6600;
}
.category-link--small__img {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 80px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: 100%;
}
.category-link--small__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #2F3133;
  word-break: break-word;
}
.active > .category-link--small__title {
  color: white;
}
.category {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .category {
    padding-top: 4rem;
  }
}
@media (min-width: 992px) {
  .category {
    padding-top: 5rem;
  }
}
.category__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #2F3133;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .category__title {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 992px) {
  .category__title {
    font-size: 48px;
    line-height: 56px;
  }
}
.category__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #464A4D;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .category__text {
    padding: 0 48px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .category__slider {
    padding: 0 48px;
  }
}
.category__slider .slick-dots {
  bottom: -1rem;
}
.category__slider .slick-dots li button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.category__slider .slick-dots li button:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #fff;
  opacity: 1;
  margin: 0;
  position: static;
  border: 2px solid #464A4D;
}
.category__slider .slick-dots li.slick-active button:before {
  border: 0;
  background-color: #F04848;
}
@media (min-width: 768px) {
  .category__projects-slider {
    padding: 0 48px;
  }
}
.category__projects-slider-item {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.category__projects-slider-item img {
  height: 144px;
  width: auto;
  max-width: unset;
}
@media (min-width: 768px) {
  .category__projects-slider-item img {
    height: 120px;
  }
}
@media (min-width: 992px) {
  .category__projects-slider-item img {
    height: 160px;
  }
}
@media (min-width: 1200px) {
  .category__projects-slider-item img {
    height: 216px;
  }
}
@media (min-width: 1600px) {
  .category__projects-slider-item img {
    height: 280px;
  }
}
.category__features {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .category__features {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .category__features {
    flex-direction: column;
  }
}
.category__feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  background: #F5F4F0;
  border: 1px solid #D8E1E6;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .category__feature {
    width: 33.3%;
  }
}
@media (min-width: 992px) {
  .category__feature {
    width: auto;
  }
}
.category__feature-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
  color: #2F3133;
  margin-bottom: 8px;
  word-break: break-word;
}
@media (min-width: 768px) {
  .category__feature-title {
    font-size: 20px;
    line-height: 24px;
  }
}
.category__feature-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #464A4D;
}
.category__projects {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #464A4D;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .category__projects {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .category__projects {
    margin-bottom: 3rem;
  }
}
.category__projects-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.2px;
  color: #2F3133;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .category__projects-title {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .category__projects-title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 1.5rem;
  }
}
.category__projects-slider-item {
  padding: 0 12px;
}
.category__slider-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.slick-next,
.slick-prev {
  width: 48px!important;
  height: 48px!important;
  background: transparent!important;
  background-repeat: no-repeat !important;
  background-position: center!important;
  box-shadow: none!important;
}
.slick-next:before,
.slick-prev:before {
  content: '' !important;
}
.slick-prev {
  left: 0!important;
  right: unset!important;
  z-index: 1!important;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 36L18 24L30 12' stroke='%232F3133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.slick-next {
  right: 0!important;
  left: unset!important;
  z-index: 1!important;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 36.5L30 24.5L18 12.5' stroke='%232F3133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.scroller {
  overflow: auto;
  margin: 1rem 0;
  padding: 1rem 0;
  scrollbar-width: none;
  scrollbar-color: #ff6600 #dbe1e6;
}
.scroller::-webkit-scrollbar {
  width: 8px;
}
.scroller::-webkit-scrollbar-track {
  background: #dbe1e6;
}
.scroller::-webkit-scrollbar-thumb {
  background-color: #ff6600;
  border-radius: 8px;
  border: 0px none #ffffff;
}
.scroller::-webkit-scrollbar:horizontal {
  height: 8px;
}
.scroller img {
  width: auto!important;
  max-width: unset;
}
.uc__block {
  margin-bottom: 3rem;
}
.uc ol,
.uc ul {
  list-style-position: inside;
}
.uc__fl {
  float: left;
  margin: 0 2rem 2rem 0;
}
.uc__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.2px;
  color: #464A4D;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.uc__table-wrp {
  overflow: auto;
}
.uc__table td,
.uc__table th {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.25px;
  color: #464A4D;
  padding: 8px;
  min-height: 72px;
  height: 72px;
  text-align: center;
  border: 1px solid #E1E4E5;
}
.uc__table tr td:first-child,
.uc__table tr th:first-child {
  text-align: left;
}
.uc__table tr:first-child th:nth-child(n+2) {
  color: #FF6600;
}
.uc__table tr {
  background: #fff;
}
.uc__table tr:nth-of-type(even) {
  background: #F5F8FA;
}
.uc__table tr:first-child th {
  background: #EBEEF0;
}
form {
  background: #F5F4F0;
  border: 1px solid #D8E1E6;
  border-radius: 16px;
  padding: 48px 16px;
  /*& input[name=phone]{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 19H7V5H17V19ZM17 1H7C5.89 1 5 1.89 5 3V21C5 21.5304 5.21071 22.0391 5.58579 22.4142C5.96086 22.7893 6.46957 23 7 23H17C17.5304 23 18.0391 22.7893 18.4142 22.4142C18.7893 22.0391 19 21.5304 19 21V3C19 1.89 18.1 1 17 1Z' fill='%23C1C9CD'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 15px center;
  }
  & input[name=email]{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4H20C20.5304 4 21.0391 4.21071 21.4142 4.58579C21.7893 4.96086 22 5.46957 22 6V18C22 18.5304 21.7893 19.0391 21.4142 19.4142C21.0391 19.7893 20.5304 20 20 20H4C2.89 20 2 19.1 2 18V6C2 4.89 2.89 4 4 4ZM12 11L20 6H4L12 11ZM4 18H20V8.37L12 13.36L4 8.37V18Z' fill='%23C1C9CD'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 15px center;
  }*/
}
@media (min-width: 576px) {
  form {
    padding: 48px 32px;
  }
}
@media (min-width: 768px) {
  form {
    padding: 48px 60px;
  }
}
@media (min-width: 992px) {
  form {
    padding: 48px 80px;
  }
}
@media (min-width: 1200px) {
  form {
    padding: 48px 95px;
  }
}
form .h {
  font-weight: 600;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  color: #2F3133;
}
form input[type=text] {
  align-items: center;
  padding: 10px 15px 10px 15px;
  gap: 10px;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #D8E1E6;
  border-radius: 4px;
}
form button {
  height: 44px!important;
  border-radius: 4px!important;
}
footer {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: #464A4D;
}
.alert-container {
  position: fixed;
  top: 32px;
  width: 100%;
  z-index: 10000;
}
.alert-container .alert {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.3);
  display: none;
}
/*# sourceMappingURL=css.css.map */