.products-catalog {
  position: relative;
  z-index: 4;
}
.products-catalog.--on-bottom ul {
  margin-top: 0;
}
.products-catalog ul {
  position: fixed;
  margin-left: -72px;
  margin-top: 0px;
  border-radius: 18px;
  width: 52px;
  overflow: hidden;
  transition: width 0.3s;
  z-index: 1;
}
.products-catalog ul:hover {
  width: 289px;
}
.products-catalog ul li {
  list-style: none;
  padding: 14px;
}
.products-catalog ul li.--active svg path {
  fill: #4a7ee7;
}
.products-catalog ul li:hover svg path {
  fill: #4a7ee7;
}
.products-catalog ul li a {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #272d37;
}
.products-catalog ul li a span {
  width: 100%;
  text-align: start;
  margin-left: 15px;
  white-space: nowrap;
}
.products-catalog ul li a svg {
  width: auto;
}
@media (max-width: 1024px) {
  .products-catalog {
    display: none;
  }
}

.breadcrumb li {
  color: #7b8aa7;
  transition: 0.3s;
}
.breadcrumb li a {
  color: #7b8aa7;
}
.breadcrumb li:hover a {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .breadcrumb {
    font-size: 14px;
  }
  .breadcrumb img {
    width: 14px;
    height: 14px;
  }
}

.navbar-nav li {
  transition: 0.3s;
}
.navbar-nav li a {
  color: #272d37;
}
.navbar-nav li:hover a {
  color: #4a7ee7;
}

.form-group {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 9px;
  padding: 15px 20px;
}
.form-group textarea {
  border-width: 0px;
  resize: none;
}
.form-group textarea::placeholder {
  font-size: 16px;
}
.form-group textarea:focus {
  box-shadow: 0 0 0 0;
  background: rgba(255, 255, 255, 0.2);
}
.form-group input {
  border-width: 0px;
}
.form-group input::placeholder {
  color: #ffffff;
  font-size: 16px;
}
.form-group input:focus {
  box-shadow: 0 0 0 0;
  background: rgba(255, 255, 255, 0.2);
}

.page-title {
  font-size: 32px;
  margin-bottom: 40px;
}
.page-sm-title {
  font-size: 18px;
  margin-bottom: 15px;
}
.page-sm-title span {
  color: #4a7ee7;
  margin-right: 15px;
}
.page-text {
  margin-bottom: 40px;
}
.page-text ul {
  padding-left: 16px;
}
.page-text ul li::marker {
  color: #4a7ee7;
}
.page-text:last-child {
  margin-bottom: 0;
}
.page__contacts {
  margin-bottom: 15px;
}
.page__contacts:last-child {
  margin-bottom: 0;
}
.page__contacts span {
  color: #7b8aa7;
  font-size: 14px;
}
.page__contacts a {
  color: #272d37;
}
.page__contacts div {
  margin-left: 15px;
}
.page__contacts p {
  margin: 0;
}
.page__contacts-wrapper {
  max-width: 800px;
  min-width: 322px;
  margin-top: 40px;
}
.page__btns .btn {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-right: 20px;
  transition: 0.3s;
}
.page__btns .btn:hover {
  background-color: #4a7ee7;
  color: #ffffff;
}
.page__btns .btn:last-child {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .page__text {
    width: 100%;
  }
  .page__right-col {
    text-align: left !important;
    margin-bottom: 40px;
    justify-content: start !important;
  }
  .page__contacts-wrapper {
    margin-top: 0px;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .page-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .page-sm-title {
    font-size: 16px;
  }
  .page-text p {
    font-size: 14px;
  }
  .page-text ul {
    font-size: 14px;
  }
  .page__contacts-wrapper {
    flex-direction: column;
    max-width: 100%;
  }
  .page__contacts:last-child {
    margin-bottom: 15px;
  }
}

.colors-btns__wrapper {
  position: relative;
}
.colors-btns__wrapper .btn {
  padding: 5px;
  width: 62px;
  height: 62px;
  border: 1px solid transparent;
}
.colors-btns__wrapper .btn-hover {
  position: absolute;
  top: 30px;
  left: -45px;
  opacity: 0;
  padding: 10px;
  width: 156px;
  height: 190px;
  border-width: 0px;
  border-radius: 18px;
  border: 1px solid #d6dce8;
  z-index: 1;
  transition: 0.3s;
  pointer-events: none;
}
.colors-btns__wrapper .btn-hover img {
  width: 136px;
  height: 136px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.colors-btns__wrapper-title {
  color: #7b8aa7;
}
.colors-btns__wrapper.--active .btn-hover {
  width: auto;
  height: auto;
  top: 38px;
  opacity: 1;
}
.colors-btns__wrapper.--active .btn {
  border: 1px solid #d6dce8;
}
.colors-btns__wrapper .btn {
  border-radius: 18px;
  margin-right: 17px;
  transition: 0.3s;
  padding: 0;
  overflow: hidden;
}
.colors-btns__wrapper .btn img {
  border-radius: 18px;
  width: 51px;
  height: 51px;
}
.colors-btns__wrapper .btn:last-child {
  margin-right: 0;
}

.tags-btns .btn {
  border: 1px solid #d6dce8;
  border-radius: 10px;
  margin-right: 20px;
  transition: 0.3s;
  padding: 8px 20px;
}
.tags-btns .btn:hover {
  opacity: 0.7;
}
.tags-btns .btn:last-child {
  margin-right: 0;
}

.dealer-form {
  padding: 40px;
  border-radius: 18px;
  width: 363px;
  height: 450px;
}
.dealer-form form .btn {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
  width: 100%;
  background-color: #4a7ee7;
  border-radius: 7px;
  transition: 0.3s;
}
.dealer-form form .btn:hover {
  background-color: #5d8ef2;
}
.dealer-form__btns .btn {
  color: #4a7ee7;
  transition: 0.3s;
}
.dealer-form__btns .btn:hover {
  opacity: 0.7;
}
.dealer-form .form-group {
  margin-bottom: 20px;
}
.dealer-form .form-group input::placeholder {
  color: #7b8aa7;
}
.dealer-form .h2 {
  margin-bottom: 20px;
}
.dealer-form p {
  margin-bottom: 20px;
  color: #7b8aa7;
}
@media (max-width: 767px) {
  .dealer-form {
    width: 100%;
    height: 404px;
    padding: 30px;
    margin-top: 40px;
  }
  .dealer-form .h2 {
    font-size: 20px;
  }
  .dealer-form p {
    font-size: 14px;
  }
  .dealer-form .form-group input {
    font-size: 14px;
  }
  .dealer-form .btn {
    font-size: 14px;
  }
  .dealer-form__btns .btn {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .dealer-form form .btn {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

/*===container-news===*/
.container-news .card {
  padding: 20px 20px 30px 30px;
  color: #272d37;
}
.container-news .card-title {
  margin-bottom: 10px;
  font-size: 16px;
}
.container-news .card-text picture {
  margin-right: 10px;
}
.container-news .card-text span {
  font-size: 14px;
}
.container-news .card-text p {
  margin-top: 11px;
  margin-bottom: 0;
  color: #7b8aa7;
  font-size: 14px;
}
@media (max-width: 767px) {
  .container-news .card-title {
    font-size: 14px;
  }
}

/*===CONTAINER-OUR-PRODUCTS===*/
.container-our-products .h1 {
  font-size: 32px;
  margin-bottom: 40px;
}
.container-our-products__row-top .card-body {
  padding: 30px 30px 40px 20px;
}
.container-our-products__row-top .card-img {
  max-width: 297px;
}
.container-our-products__row-bottom .card-body {
  padding: 20px 20px 30px 30px;
}
.container-our-products .card {
  height: 100%;
}
.container-our-products .card a {
  transition: 0.3s;
}
.container-our-products .card a:hover {
  opacity: 0.7;
}
.container-our-products .card-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.container-our-products .card-title a {
  color: #272d37;
}
.container-our-products .card-text a {
  margin-bottom: 5px;
  color: #7b8aa7;
}
.container-our-products .card-text a:last-child {
  margin-bottom: 0;
}
.container-our-products__btn {
  padding: 15px 35px;
  margin-top: 30px;
}

@media (max-width: 1024px) {
  .container-our-products__row-top .card-img {
    max-width: 179px;
  }
  .container-our-products__row-bottom .col:last-child {
    display: none;
  }
  .container-our-products__row-bottom .card-img {
    max-height: 135px;
  }
}
@media (max-width: 767px) {
  .container-our-products .h1 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .container-our-products__row-top {
    display: none;
  }
  .container-our-products__row-bottom {
    flex-direction: column;
  }
  .container-our-products__row-bottom .card {
    margin-bottom: 20px;
  }
  .container-our-products__row-bottom .card-body {
    padding: 20px 20px 20px 30px;
  }
  .container-our-products__row-bottom .card-title {
    font-size: 14px;
  }
  .container-our-products__row-bottom .card-text {
    font-size: 14px;
  }
  .container-our-products__btn {
    margin-top: 0;
    width: 100%;
  }
}
.header {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .header {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .header {
    margin-bottom: 30px;
  }
}

/*===container-complited-projects===*/
.container-complited-projects__slider .slick-slide {
  margin: 0 15px;
}
.container-complited-projects .card-body {
  padding: 30px 30px 30px 20px;
}
.container-complited-projects .card-logo {
  margin-bottom: 10px;
}
.container-complited-projects .card-title {
  font-size: 18px;
  color: #272d37;
}
.container-complited-projects .card-text {
  color: #7b8aa7;
}
.container-complited-projects .card-img-top {
  width: 222px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .container-complited-projects .h1 {
    font-size: 20px;
    width: 200px;
  }
  .container-complited-projects__slider {
    margin-right: 0;
  }
  .container-complited-projects .card {
    flex-direction: column !important;
    margin-right: 0;
  }
  .container-complited-projects .card-body {
    padding: 20px 30px 20px 20px;
  }
  .container-complited-projects .card-title {
    font-size: 14px;
  }
  .container-complited-projects .card-text {
    font-size: 14px;
  }
  .container-complited-projects .card-img-top {
    width: 100%;
    height: 158px;
  }
}

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

.--compact .img-block-t {
  width: 100% !important;
}
@media (max-width: 768px) {
  .img-block-t {
    width: 100% !important;
  }
}