.wrap_color .title-color {
  font-size: 24px;
  margin: 1em 0;
}
@media all and (max-width: 1260px) {
  .wrap_color .title-color {
    font-size: 19px;
  }
}

.services-block .tns-nav {
  position: static;
}

@media all and (min-width: 1024px) {
  .services-block .tns-nav {
    margin-top: 6px;
  }
}
.services-block .tns-controls {
  margin-top: -102px;
}

.services-block__inner {
  padding: 48px 0 30px 0;
}

@media all and (max-width: 1260px) {
  .services-block__inner {
    padding: 60px 0;
  }
}
@media all and (max-width: 1023px) {
  .services-block__inner {
    padding: 40px 0;
  }
}
.services-block__main {
  margin-bottom: 48px;
}

@media all and (max-width: 1260px) {
  .services-block__main {
    margin-bottom: 32px;
  }
}
@media all and (max-width: 1023px) {
  .services-block__main {
    margin-bottom: 24px;
  }
}
@media all and (max-width: 767px) {
  .services-block__main {
    margin-bottom: 16px;
  }
}
.services-block__title {
  margin-bottom: 6px;
}

.all_color {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -16px;
}
@media all and (max-width: 1260px) {
  .all_color {
    margin: 0 -16px;
  }
}
@media all and (max-width: 1023px) {
  .all_color {
    margin: 0 -12px;
  }
}
@media all and (max-width: 767px) {
  .all_color {
    margin: 0 -8px;
  }
}
.all_color .item-color {
  margin: 0 16px 32px;
  width: calc(20% - 32px);
}
@media all and (max-width: 1260px) {
  .all_color .item-color {
    width: calc(25% - 32px);
    margin: 0 16px 32px;
  }
}
@media all and (max-width: 1023px) {
  .all_color .item-color {
    width: calc(33.33% - 24px);
    margin: 0 12px 24px;
  }
}
@media all and (max-width: 767px) {
  .all_color .item-color {
    width: calc(50% - 24px);
    margin: 0 8px 16px;
  }
}
.all_color .item-color .material-background {
  position: relative;
  display: flex;
  padding-top: 80%;
  flex-direction: column;
  text-decoration: none;
  transition: all 0.3s linear;
  box-shadow: inset 0 0 0 1px rgba(210, 211, 224, 0.4);
}
@media all and (max-width: 1260px) {
  .all_color .item-color .material-background {
    padding-top: 80%;
  }
}
@media all and (max-width: 1023px) {
  .all_color .item-color .material-background {
    padding-top: 80%;
  }
}
@media all and (max-width: 767px) {
  .all_color .item-color .material-background {
    padding-top: 100%;
  }
}

.material-background .material-name {
  display: block;
  z-index: 1111;
  position: absolute;
  left: 12%;
  bottom: 10%;
  width: 75%;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  font-size: 13px;
  line-height: 15px;
  padding: 4px 0;
}/*# sourceMappingURL=style.css.map */