.feature-colors__film p {
  max-width: 675px;
  margin: 2em auto;
  padding-left: 10%;
  padding-right: 10%; }

.feature-colors figcaption {
  margin-top: .5em;
  text-align: center; }

.feature-colors .swiper-button-prev,
.feature-colors .swiper-button-next {
  overflow: hidden;
  margin-top: -1em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.feature-colors .swiper-button-prev::before,
.feature-colors .swiper-button-next::before {
  font-size: 2.4rem; }

.feature-colors .swiper-button-prev {
  left: 0; }

.feature-colors .swiper-button-next {
  right: 0; }

.feature-colors .swiper-slide figure {
  will-change: opacity;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.feature-colors .swiper-slide-prev figure,
.feature-colors .swiper-slide-next figure {
  opacity: .6; }

@media (min-width: 60em) {
  .feature-colors .swiper-button-prev,
  .feature-colors .swiper-button-next {
    margin-top: -1em; }
  .feature-colors .swiper-button-prev::before,
  .feature-colors .swiper-button-next::before {
    font-size: 4.2rem; }
  .feature-colors .swiper-button-prev {
    left: 3.5%; }
  .feature-colors .swiper-button-next {
    right: 3.5%; } }

.feature-performance figcaption {
  margin-top: 10px; }

.feature-performance figure img {
  width: 100%; }

.transform-view__cont {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%; }

.interview-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center; }

.interview-box__h {
  display: block;
  margin: 1em 0; }

.interview-box__p {
  text-align: left; }

@media (min-width: 45em) {
  .interview-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: left; }
  .interview-box__cont {
    overflow: hidden; }
  .interview-box__side {
    min-width: 186px; } }

@media (min-width: 60em) {
  .interview-box {
    width: 600px;
    padding: 40px; }
  .interview-box__side {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 30px; }
  .interview-box__cont {
    min-height: 40vh; }
  .interview-box__h {
    margin-top: 0; } }

.modal-feature .tingle-modal__close {
  top: 19px;
  right: 37px;
  background-color: transparent; }