.cooperate {
  background: #74273d;
}

.left-block-cooperate h4 {
  color: #fff;
}

.left-block-cooperate p {
  color: #fff;
}

.left-block-cooperate h4 span {
  border-top: 1px #ffffff solid;
}

.footer {
  background: #74273d;
}

.footer span {
  color: #fff;
}

.case-wrapper {
  font-family: 'Roboto';
  font-weight: 300;
  width: 100%;
  padding-left: 90px;
  background: #74273d;
  position: relative;
  overflow: hidden;
  color: #fff;
}

.aft-top {
  padding-top: 125px;
}

.aft-top__title {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
}

.aft-top__title::after {
  display: block;
  content: '';
  width: 89px;
  height: 22px;
  background-image: url(../img/top-icon.png);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 25px;
}

.aft-top h1 {
  font-weight: 700;
  font-size: 64px;
  text-transform: uppercase;
  text-align: center;
}

.aft-top__text {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  max-width: 975px;
  margin: 0 auto;
  margin-bottom: 100px;
}

.aft-top__parallax {
  width: 100%;
  height: 380px;
}

.aft-top__arrow {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 35px;
}

.aft-block-1 {
  width: 100%;
  max-width: 850px;
  padding: 0 15px;
  margin: 0 auto;
  padding-top: 90px;
}

.aft-block-1__title {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}

.aft-block-1__text {
  font-size: 21px;
  margin: 0;
  margin-top: 15px;
}

.aft-block-2 {
  position: relative;
  overflow: hidden;
  height: 800px;
  background: #fff;
  margin-top: 100px;
}

.aft-block-2 .layer {
  width: 100%;
  height: 100%;
}

.aft-block-2__text {
  color: #74273d;
  font-size: 21px;
  line-height: 1.1;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  text-align: justify;
  margin-top: 100px;
}

.aft-block-2__content {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 800px;
  padding-top: 75px;
}

.aft-block-2__content img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 550px;
}

.aft-block-2__part {
  position: absolute;
}

.aft-block-2__part-left-1 {
  top: 0;
  left: 48px;
}

.aft-block-2__part-left-2 {
  top: 22px;
  left: 210px;
}

.aft-block-2__part-left-3 {
  top: 80px;
  left: 37px;
}

.aft-block-2__part-left-4 {
  top: 90px;
  left: 22px;
}

.aft-block-2__part-left-5 {
  top: 130px;
  left: 63px;
}

.aft-block-2__part-left-6 {
  top: 180px;
  left: 113px;
}

.aft-block-2__part-left-7 {
  top: 202px;
  left: 135px;
}

.aft-block-2__part-left-8 {
  top: 370px;
  left: 87px;
}

.aft-block-2__part-left-9 {
  top: 390px;
  left: 130px;
}

.aft-block-2__part-left-10 {
  top: 500px;
  left: 280px;
}

.aft-block-2__part-left-11 {
  top: 550px;
  left: 0;
}

.aft-block-2__part-left-12 {
  top: 590px;
  left: 35px;
}

.aft-block-2__part-right-1 {
  top: 0;
  right: 260px;
}

.aft-block-2__part-right-2 {
  top: 5px;
  right: 0;
}

.aft-block-2__part-right-3 {
  top: 68px;
  right: 0;
}

.aft-block-2__part-right-4 {
  top: 120px;
  right: 0;
}

.aft-block-2__part-right-5 {
  top: 238px;
  right: 225px;
}

.aft-block-2__part-right-6 {
  top: 350px;
  right: 130px;
}

.aft-block-2__part-right-7 {
  top: 380px;
  right: 160px;
}

.aft-block-2__part-right-8 {
  top: 411px;
  right: 56px;
}

.aft-block-2__part-right-9 {
  top: 530px;
  right: 300px;
}

.aft-block-2__part-right-10 {
  top: 540px;
  right: 175px;
}

.aft-block-2__part-right-11 {
  top: 540px;
  right: 0;
}

.aft-block-2__part-right-12 {
  top: 600px;
  right: 85px;
}

.aft-block-2__part-right-13 {
  top: 740px;
  right: 180px;
}

.aft-parts {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 480px;
}

.aft-parts div {
  color: #fff;
  font-size: 21px;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: cover;
  position: relative;
}

.aft-parts div img {
  position: absolute;
  top: 60px;
  left: 0;
}

.aft-parts__1 {
  height: 100%;
  width: 45%;
  background: #591a31;
}

.aft-parts__1:hover {
  background: url(../img/fruit-1.jpg);
  background-size: cover;
}

.aft-parts__2 {
  height: 100%;
  width: 23%;
  background: #feba10;
}

.aft-parts__2:hover {
  background: url(../img/fruit-2.jpg);
  background-size: cover;
}

.aft-parts__3 {
  height: 100%;
  width: 18%;
  background: #d96f2e;
}

.aft-parts__3:hover {
  background: url(../img/fruit-3.jpg);
  background-size: cover;
}

.aft-parts__4 {
  height: 100%;
  width: 14%;
  background: #eb8c88;
}

.aft-parts__4:hover {
  background: url(../img/fruit-4.jpg);
  background-size: cover;
}

.aft-block-3 {
  width: 100%;
  max-width: 1265px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 115px 0;
}

.aft-block-3__cake {
  margin: 0 100px;
}

.aft-block-3 div {
  display: -webkit-flex;
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 50px 0;
}

.aft-block-3 div p {
  font-size: 21px;
  padding: 0 15px;
}

.aft-block-4 {
  margin: 0 80px;
  padding-top: 100px;
  background: #fff;
}

.aft-block-4__logos {
  display: block;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 15px;
}

.aft-block-4__parts {
  display: block;
  width: 100%;
  max-width: 985px;
  margin: 0 auto;
}

.aft-block-4 p {
  color: #74273d;
  font-size: 21px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 160px;
  margin-bottom: 30px;
  padding: 0 15px;
}

@media (max-width: 1024px) {
  .case-wrapper {
    padding-left: 75px;
  }
}

@media (max-width: 1023px) {
  .aft-block-2 {
    height: auto;
  }

  .aft-block-2 .layer {
    display: none !important;
  }

  .aft-block-2__text {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .aft-block-2__content {
    position: static;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    padding: 0 15px;
    padding-top: 25px;
  }

  .aft-parts {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }

  .aft-parts div {
    width: 100%;
  }

  .aft-parts__1 {
    background: url(../img/fruit-1.jpg);
    background-size: cover;
    height: 200px;
  }

  .aft-parts__2 {
    background: url(../img/fruit-2.jpg);
    background-size: cover;
    height: 200px;
  }

  .aft-parts__3 {
    background: url(../img/fruit-3.jpg);
    background-size: cover;
    height: 200px;
  }

  .aft-parts__4 {
    background: url(../img/fruit-4.jpg);
    background-size: cover;
    height: 200px;
  }

  .aft-block-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0;
  }

  .aft-block-3__cake {
    display: none;
  }

  .aft-block-3 div p {
    font-size: 16px;
  }

  .aft-block-4 {
    margin: 0;
  }

  .aft-block-4 p {
    margin: 20px auto;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .aft-top {
    padding-top: 50px;
  }

  .aft-top__title {
    font-size: 16px;
  }

  .aft-top h1 {
    font-size: 24px;
  }

  .aft-top__text {
    font-size: 15px;
    margin-bottom: 20px;
    padding: 0 15px;
  }

  .aft-top__parallax {
    height: 250px;
  }

  .aft-block-1 {
    padding-top: 30px;
  }

  .aft-block-1__title {
    font-size: 16px;
  }

  .aft-block-1__text {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .case-wrapper {
    padding: 0;
  }
}