html {
  overflow-x: hidden;
}

body {
  background: #000;
}

section {
  position: relative;
}

.flex-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-project header:not(-black) {
  background-color: #fff;
}

.section1 {
  background-color: #FF2C2B;
  color: #fff;
  height: 1038px;
  padding-left: 184px;
  justify-content: flex-end;
}

.coca-cola-title {
  font-family: "Unbounded", "sans-serif";
  font-style: normal;
  font-weight: 400;
  font-size: 75.7923px;
  line-height: 127.98%;
  margin-top: -20px;
  text-align: left;
  z-index: 2;
}

.section_1_imgs {
  left: -308px;
  position: relative;
  z-index: 3;
  top: 34px;
}

.section_1_cocacola {
  position: absolute;
  top: 26.4%;
  left: 41.6%;
}

.section_1_bland_1, .section_1_bland_2, .section_1_star, .section_1_circle {
  position: absolute;
  z-index: 1;
  height: auto;
}

.section_1_bland_1 {
  top: 214px;
  right: -185px;
  width: 814px;
  z-index: 1;
}

.section_1_bland_2 {
  top: 136px;
  left: -327px;
  width: 507px;
  transform: rotate(-70.31deg);
  z-index: 1;
}

.section_1_star_1 {
  top: 775px;
  left: 131px;
  width: 49px;
}

.section_1_star_2 {
  top: 730px;
  left: 511px;
  width: 25px;
}

.section_1_star_3 {
  top: 338px;
  left: 597px;
  width: 28px;
}

.section_1_star_4 {
  top: 820px;
  left: 1273px;
  width: 99px;
}

.section_1_star_5 {
  top: 255px;
  left: 1469px;
  width: 46px;
}

.section_1_circle {
  top: 730px;
  left: 585px;
  width: 112px;
}

.section_2 {
  background-color: #fff;
}

.running-line {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 25px 0 135px;
  animation-name: running;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: linear;
}
.running-line .running_line_inner {
  font-family: "Unbounded", "sans-serif";
  font-style: normal;
  font-weight: 400;
  font-size: 75.4521px;
  line-height: 127.98%;
  text-transform: uppercase;
  color: #000000;
  display: flex;
  position: relative;
  white-space: nowrap;
}

.section_3 {
  background-color: #000000;
}
.section_3 .inner {
  max-width: 1670px;
  margin: 0 auto;
}

.section_3_img {
  margin-top: -105px;
  width: 100%;
}

.section_3_text-block {
  font-family: "Unbounded", "sans-serif";
  padding: 34px 0 30px;
  margin: 0 18px;
  border-bottom: 1px solid #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 149.569px;
  line-height: 127.98%;
  color: #fff;
  text-transform: uppercase;
}

.section_3_link_block {
  width: 415px;
  padding: 4px 4px 5px 4px;
  font-family: "Heebo", "sans-serif";
  font-style: normal;
  font-weight: 500;
  font-size: 25.7942px;
  line-height: 127.98%;
  background: #F1F4F7;
  border-radius: 11.6074px;
  text-transform: none;
  text-align: left;
  color: #383838;
  justify-content: flex-end;
}
.section_3_link_block strong {
  display: block;
  font-weight: 400;
  font-size: 19.9307px;
}
.section_3_link_block .section_3_link_image {
  position: relative;
  margin-right: 13px;
}

.section_4 {
  background-color: #000;
  padding: 89px 0 136px;
}
.section_4 .inner {
  max-width: 1633px;
  margin: 0 auto;
  padding-left: 0;
  justify-content: flex-start;
  align-items: flex-start;
}

.section_4_image {
  margin-left: 66px;
  max-width: 472px;
}

.section_4_text_block {
  color: #fff;
  width: 100%;
  max-width: 715px;
}

.section_4_text_title {
  font-family: "SimplerPro", "sans-serif";
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  line-height: 128%;
  text-align: right;
  margin-top: -18px;
}

.section_4_text {
  font-family: "PloniRegularAAA", "sans-serif";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 128%;
  text-align: right;
}

.section_4_text p {
  margin: 24px 0 34px 0;
}

.section_4_stats {
  border: 0.5px solid #F1F4F7;
  border-radius: 9px;
  margin-top: 60px;
  color: #fff;
  width: 375px;
  height: 88px;
  white-space: nowrap;
  padding: 0 21px 0 10px;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}
.section_4_stats .section_4_stats_icon_1 {
  margin-left: 7px;
}
.section_4_stats .section_4_stats_icon_2 {
  margin-left: 7px;
}
.section_4_stats .section_4_num {
  font-family: "Unbounded", "sans-serif";
  font-style: normal;
  font-weight: 600;
  font-size: 49px;
  line-height: 127.98%;
  text-transform: uppercase;
  margin-left: 14px;
  margin-top: 2px;
}
.section_4_stats .stats_text {
  font-family: "PloniRegularAAA", "sans-serif";
  font-weight: 400;
  font-size: 20px;
  line-height: 102.5%;
  text-align: right;
  white-space: normal;
  display: block;
  width: 145px;
}

.section_4_stats_icon {
  mix-blend-mode: hard-light;
}

.sc_4_ellipse_1 {
  position: absolute;
  top: 53%;
  left: -9%;
  width: 940px;
}

.sc_4_ellipse_2 {
  position: absolute;
  top: 29.5%;
  left: 4.3%;
  width: 484px;
}

.section_4_ellipse {
  position: absolute;
}

.section_4_ellipse_3 {
  left: 171px;
  top: 370px;
}

.section_4_circle {
  position: absolute;
}

.section_4_circle_1 {
  left: 395px;
  top: 202px;
}

.section_4_circle_2 {
  top: 157px;
  left: 93%;
}

.section_4_circle_3 {
  left: 746px;
  bottom: 331px;
}

.section_5 {
  background-color: #000;
}
.section_5 .inner {
  padding-left: 0;
  max-width: 1650px;
  justify-content: flex-end;
}

.section_5_img {
  padding: 13px;
  position: relative;
  margin-left: 71px;
}

.section_5_img_4 {
  margin-left: 0;
}

.section_5_img_3, .section_5_img_4 {
  border: 1px solid #FFFFFF;
  border-radius: 23px;
  width: 400px;
}

.section_5_img_2 {
  top: 18px;
  margin-left: 118px;
}

.section_5_img_2 .section_5_cocacola {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 314px;
}

.section_5_img_1 {
  margin-left: 134px;
}

.section_5_img_1 .section_5_cocacola {
  position: relative;
  width: 230px;
  top: 33px;
}

.sc_5_gif img {
  border-radius: 20px;
}

.section_6 {
  padding: 244px 0 160px;
  background-color: #000;
}
.section_6 .inner {
  max-width: 1306px;
  padding-left: 54px;
}

.section_6_text {
  font-family: "Unbounded", "sans-serif";
  font-style: normal;
  font-weight: 700;
  font-size: 98px;
  line-height: 127.98%;
  text-transform: uppercase;
  color: #FFFFFF;
}
.section_6_text .sc_6_text {
  display: block;
  font-weight: 400;
  font-size: 60.7458px;
  line-height: 127.98%;
  text-align: right;
  margin-top: 30px;
}

.sc_6_title {
  font-weight: 600;
  position: relative;
  left: -8px;
  letter-spacing: 1.4px;
}

.qr-code-block {
  position: relative;
  width: 403px;
  background-color: #fff;
  text-align: right;
  margin-right: 46px;
}
.qr-code-block .qr-code {
  width: 308px;
  z-index: 1;
}
.qr-code-block .bottle {
  position: absolute;
  max-width: 154px;
  left: -56px;
  top: 34%;
  transform: translateY(-50%);
  z-index: 2;
}

.portfolio-s2 .marq-wr.-style1 {
  height: 61px;
}
.portfolio-s2 .marq-wr.-style1 .marq {
  font-size: 31px;
}

@keyframes running {
  0% {
    transform: translate(100%, 0);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@media screen and (max-width: 991px) {
  .section_4 .section_4_circle_3 {
    bottom: 6.8229166667vw;
  }
}
@media screen and (max-width: 768px) {
  .single-project.postid-960 .header.-black-m {
    background: #FF2C2B;
  }
  .section1 {
    flex-wrap: wrap;
    padding-left: 0;
    height: auto;
    padding-top: 122px;
    padding-bottom: 47px;
  }
  .section1 .section_1_imgs {
    position: relative;
    top: 0;
    left: 0;
    order: 2;
    margin: 0 auto;
  }
  .section1 .section_1_man {
    width: 418px;
    left: -60px;
    position: relative;
  }
  .section1 .section_1_cocacola {
    width: 224px;
    left: 113px;
  }
  .section1 .coca-cola-title {
    position: relative;
    font-size: 42px;
    line-height: 127.98%;
    text-align: center;
    width: 100%;
    order: 1;
    padding: 0 4%;
  }
  .section1 .coca-cola-title br {
    display: none;
  }
  .section1 .section_1_bland_1 {
    top: auto;
    right: -162px;
    width: 394px;
    z-index: 1;
    bottom: 64px;
    transform: matrix(0.96, -0.27, -0.27, -0.96, 0, 0);
  }
  .section1 .section_1_bland_2 {
    position: absolute;
    width: 309px;
    height: 230px;
    left: -175px;
    top: auto;
    bottom: 104px;
    transform: matrix(0.43, 0.9, 0.9, -0.43, 0, 0);
  }
  .section1 .section_1_circle {
    width: 86px;
    height: 86px;
    left: -25px;
    top: 441px;
  }
  .section1 .section_1_star_1 {
    width: 49px;
    height: 49px;
    right: -7px;
    top: 353px;
  }
  .section1 .section_1_star_2 {
    width: 38px;
    height: 38px;
    left: -2px;
    top: 253px;
    transform: rotate(14.06deg);
  }
  .section_2 .running-line {
    padding: 18px 0 52px;
  }
  .section_2 .running-line .running_line_inner {
    font-size: 48px;
    line-height: 127.98%;
  }
  .section_3 .inner {
    padding: 0 4%;
  }
  .section_3 .section_3_image-block {
    position: relative;
    height: 656px;
    max-width: 390px;
    margin: 0 auto;
  }
  .section_3 .section_3_image_1 {
    position: absolute;
    width: 245px;
    left: 0;
    top: -17px;
    z-index: 1;
  }
  .section_3 .section_3_image_2 {
    position: absolute;
    width: 123px;
    right: 4px;
    top: 75px;
  }
  .section_3 .section_3_image_3 {
    position: absolute;
    width: 177px;
    left: 0;
    top: 323px;
    z-index: 3;
  }
  .section_3 .section_3_image_4 {
    position: absolute;
    width: 221px;
    right: 0;
    top: 254px;
    z-index: 2;
  }
  .section_3 .section_3_image_5 {
    position: absolute;
    width: 160px;
    left: 0;
    top: 515px;
    z-index: 3;
  }
  .section_3 .section_3_text-block {
    display: none;
  }
  .section_3 video {
    width: 100%;
    border-radius: 5px;
  }
  .section_4 {
    padding: 54px 0 37px;
  }
  .section_4 .inner {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 4%;
  }
  .section_4 .inner > picture {
    order: 2;
  }
  .section_4 .section_4_text_block {
    order: 1;
    margin-bottom: 13px;
  }
  .section_4 .section_4_image {
    margin-left: 0;
    max-width: 220px;
  }
  .section_4 .section_4_stats {
    margin: 18px auto 16px;
    max-width: 391px;
  }
  .section_4 .section_4_text_title {
    font-size: 42px;
    line-height: 128%;
    text-align: right;
    margin-right: 5px;
    margin-top: 0;
  }
  .section_4 .section_4_text {
    text-align: right;
    font-size: 18px;
    line-height: 128%;
    margin-right: 4px;
  }
  .section_4 .section_4_text p {
    margin: 10px 0 22px 0;
  }
  .section_4 .section_4_text p:last-of-type {
    margin: 10px 0 0;
  }
  .section_4 .section_4_stats {
    min-width: 300px;
    padding: 5px;
    font-size: 24px;
  }
  .section_4 .section_4_ellipse_1 {
    left: -95px;
    width: 344px;
    top: -46px;
    height: 100px;
  }
  .section_4 .section_4_circle_1 {
    width: 32px;
    height: 32px;
    left: 27px;
    top: 30px;
    z-index: 1;
  }
  .section_4 .section_4_stats {
    padding: 21px;
    width: 100%;
    justify-content: space-between;
  }
  .section_4 .section_4_stats .stats_text {
    font-size: 20px;
    line-height: 102.5%;
    width: 150px;
    margin-right: 5px;
  }
  .section_4 .section_4_stats .section_4_num {
    font-weight: 600;
    font-size: 49px;
    line-height: 100%;
    margin-top: 0;
  }
  .section_4 .section_4_image {
    width: 100%;
    max-width: 416px;
  }
  .section_4 .video-container {
    order: 2;
  }
  .section_4 .sc_4_ellipse_1 {
    top: 0;
    left: 0;
  }
  .section_5 .inner {
    flex-wrap: wrap;
    padding: 0 17px;
    justify-content: center;
  }
  .section_5 .section_5_img {
    padding: 6px;
    width: calc(50% - 5px);
    margin: 0;
    max-width: 189px;
  }
  .section_5 .section_5_img_3 {
    margin-left: 10px;
  }
  .section_5 .section_5_img_1 {
    display: none;
  }
  .section_5 .section_5_img_2 {
    display: none;
  }
  .section_5 .section_5_img_3 {
    order: 1;
    border-radius: 10px;
  }
  .section_5 .section_5_img_4 {
    order: 2;
    border-radius: 10px;
  }
  .section_5 .sc_5_gif img {
    border-radius: 10px;
  }
  .section_6 {
    padding: 206px 0 16px;
  }
  .section_6 .inner {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 19px;
  }
  .section_6 .section_6_text {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    font-size: 80px;
    line-height: 80px;
  }
  .section_6 .section_6_text .sc_6_text {
    font-size: 24px;
    line-height: 31px;
    margin-top: 19px;
    margin-right: 19px;
  }
  .section_6 .sc_6_bottle {
    position: absolute;
    right: 29px;
    top: 48px;
    height: 225px;
    width: 110px;
  }
  .section_6 .sc_6_bottle .section_5_bottle {
    position: absolute;
    width: 68px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .section_6 .sc_6_bottle .section_5_cocacola {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 109px;
  }
  .section_6 .sc_6_title {
    left: 0;
  }
  .portfolio-s2 {
    padding-top: 75px;
  }
  .portfolio-s2 .marq-wr.-style1 {
    height: 34px;
    border: 0;
  }
  .portfolio-s2 .marq-wr.-style1 .marq {
    font-size: 14px;
  }
}
@media all and (max-width: 425px) {
  .section1 .coca-cola-title {
    font-size: 9.8823529412vw;
  }
  .section1 .section_1_man {
    width: 98.3529411765vw;
    left: -14.1176470588vw;
  }
  .section1 .section_1_cocacola {
    width: 52.7058823529vw;
    left: 26.5882352941vw;
  }
  .section1 .section_1_bland_1 {
    right: -38.1176470588vw;
    width: 92.7058823529vw;
    bottom: 15.0588235294vw;
  }
  .section1 .section_1_bland_2 {
    width: 72.7058823529vw;
    height: 54.1176470588vw;
    left: -41.1764705882vw;
    bottom: 24.4705882353vw;
  }
  .section1 .section_1_star_1 {
    width: 11.5294117647vw;
    height: 11.5294117647vw;
    right: -1.6470588235vw;
    top: 83.0588235294vw;
  }
  .section1 .section_1_circle {
    width: 20.2352941176vw;
    height: 20.2352941176vw;
    left: -5.8823529412vw;
    top: 103.7647058824vw;
  }
  .section_2 .running-line {
    padding: 4.2352941176vw 0 12.2352941176vw;
  }
  .section_2 .running-line .running_line_inner {
    font-size: 11.2941176471vw;
  }
  .section_3 .section_3_image_1 {
    width: 57.6470588235vw;
    top: -4vw;
  }
  .section_3 .section_3_image_2 {
    width: 28.9411764706vw;
    right: 0.9411764706vw;
    top: 17.6470588235vw;
  }
  .section_3 .section_3_image_3 {
    width: 41.6470588235vw;
    top: 76vw;
  }
  .section_3 .section_3_image_4 {
    width: 52vw;
    top: 59.7647058824vw;
  }
  .section_3 .section_3_image_5 {
    width: 37.6470588235vw;
    top: 121.1764705882vw;
  }
  .section_3 .section_3_image-block {
    height: 154.3529411765vw;
  }
  .section_4 .section_4_text_title {
    font-size: 9.8823529412vw;
  }
  .section_4 .section_4_text {
    font-size: 16px;
  }
  .section_4 .section_4_stats {
    font-size: 11.5294117647vw;
    padding: 4.7058823529vw 4.9411764706vw 4.9411764706vw 10px;
  }
  .section_4 .section_4_stats .section_4_stats_icon_1,
  .section_4 .section_4_stats .section_4_stats_icon_2 {
    width: 35px;
  }
  .section_4 .section_4_stats .stats_text {
    font-size: 16px;
    width: 35.2941176471vw;
  }
  .section_6 .section_6_text {
    font-size: 18.8235294118vw;
    line-height: 18.8235294118vw;
  }
  .section_6 .section_6_text .sc_6_text {
    font-size: 5.6470588235vw;
    line-height: 7.2941176471vw;
  }
}
@media all and (max-width: 1899px) and (min-width: 769px) {
  .section1 {
    height: 54.0625vw;
    padding-left: 9.5833333333vw;
  }
  .coca-cola-title {
    font-size: 3.9583333333vw;
  }
  .section_1_imgs {
    left: -16.0416666667vw;
    top: 1.7708333333vw;
    width: 32.1875vw;
    height: auto;
  }
  .section_1_cocacola {
    width: 17.1875vw;
    height: auto;
  }
  .section_1_bland_1 {
    top: 11.1458333333vw;
    right: -9.6354166667vw;
    width: 42.3958333333vw;
  }
  .section_1_bland_2 {
    top: 7.0833333333vw;
    left: -17.03125vw;
    width: 26.40625vw;
  }
  .section_1_star_1 {
    top: 40.3645833333vw;
    left: 6.8229166667vw;
    width: 2.5520833333vw;
  }
  .section_1_star_2 {
    top: 38.0208333333vw;
    left: 26.6145833333vw;
    width: 1.3020833333vw;
  }
  .section_1_star_3 {
    top: 17.6041666667vw;
    left: 31.09375vw;
    width: 1.4583333333vw;
  }
  .section_1_star_4 {
    top: 42.7083333333vw;
    left: 66.3020833333vw;
    width: 5.15625vw;
  }
  .section_1_star_5 {
    top: 13.28125vw;
    left: 76.5104166667vw;
    width: 2.3958333333vw;
  }
  .section_1_circle {
    top: 38.0208333333vw;
    left: 30.46875vw;
    width: 5.8333333333vw;
  }
  .section_2 .running-line {
    padding: 1.6145833333vw 0 6.7708333333vw;
  }
  .section_2 .running-line .running_line_inner {
    font-size: 3.90625vw;
  }
  .section_3 .section_3_img {
    margin-top: -5.46875vw;
  }
  .section_3 .section_3_text-block {
    padding: 1.7708333333vw 0 1.5625vw;
    font-size: 7.7604166667vw;
  }
  .section_3 .section_3_link_block {
    width: 21.6145833333vw;
    font-size: 1.3541666667vw;
    line-height: 127.98%;
  }
  .section_3 .section_3_link_block strong {
    font-size: 1.0416666667vw;
  }
  .section_4 .section_4_text_block {
    max-width: 515px;
  }
  .section_4 .section_4_image {
    max-width: 24.5833333333vw;
  }
  .section_4 .section_4_stats {
    margin-top: 3.3333333333vw;
    font-size: 2.5520833333vw;
    width: 19.53125vw;
    min-width: 375px;
  }
  .section_4 .section_4_stats .stats_text {
    font-size: 20px;
    width: 7.5520833333vw;
    min-width: 150px;
  }
  .section_4 .sc_4_ellipse_1 {
    width: 48.9583333333vw;
  }
  .section_4 .sc_4_ellipse_2 {
    width: 25.2083333333vw;
  }
  .section_4 .section_4_ellipse_3 {
    left: 8.3854166667vw;
    top: 19.2708333333vw;
    width: 25.8854166667vw;
    height: auto;
  }
  .section_4 .section_4_circle_1 {
    left: 20.5729166667vw;
    top: 10.5208333333vw;
  }
  .section_4 .section_4_circle_3 {
    left: 38.8541666667vw;
    bottom: 17.2395833333vw;
  }
}
@media all and (max-width: 1599px) and (min-width: 769px) {
  .section_4 .section_4_circle_3 {
    left: 19.4270833333vw;
    bottom: 8.59375vw;
  }
}
@media all and (max-width: 1024px) and (min-width: 769px) {
  .section_4 .section_4_circle_3 {
    left: 0;
    bottom: 8.59375vw;
  }
}/*# sourceMappingURL=portfolio-cocacola.css.map */