@import url(../js/slick-1.8.1/slick-theme.css);
@import url(../js/slick-1.8.1/slick.css);
@import url(fonts/Averta/font.css);
@import url(fonts/CocoSharp/font.css);
@import url(fonts/Bison/font.css);
@import url(fonts/Averta/font.css);
:root {
  --white: white;
  --light_blue: #f2f7fb;
  --blue: #0e67b2;
  --yellow_btn: #d2b25f;
  --fill_icon: #ebebeb;
  --fill_input: #f8f8f8;
  --border_input: #d3d3d3;
  --active_text: #de9122;
  --black: black;
  --primary-font: "CocoSharpS";
  --secondary-font: "Rufina";
  --wrapper: 1920px;
  --container: 1200px;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
}

body {
  font-family: "CocoSharpS";
  font-weight: 400;
  margin: 0;
}

/* ---- FLEX SYSTEM  ---- */
.wrapper {
  max-width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
}

.container {
  max-width: var(--container);
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.container-big {
  max-width: 1768px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* Desktop */
.col {
  width: auto;
}

.col-md-2 {
  width: calc(100% * 1 / 6);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-3 {
  width: calc(100% * 1 / 4);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-4 {
  width: calc(100% * 1 / 3);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-5 {
  width: calc(100% * 5 / 12);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-6 {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-7 {
  width: calc(100% * 7 / 12);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-8 {
  width: calc(100% * 2 / 3);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-9 {
  width: calc(100% * 3 / 4);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-10 {
  width: calc(100% * 5 / 6);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-11 {
  width: calc(100% * 11 / 12);
  padding-right: 15px;
  padding-left: 15px;
}

.col-md-12 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* Ipad */
@media screen and (max-width: 768px) {
  .col-sm-3 {
    width: calc(100% * 3 / 12);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-4 {
    width: calc(100% * 4 / 12);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-5 {
    width: calc(100% * 5 / 12);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-6 {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-8 {
    width: calc(100% * 7 / 12);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-8 {
    width: calc(100% * 2 / 3);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-10 {
    width: calc(100% * 10 / 12);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* Mobile */
@media screen and (max-width: 600px) {
  .col-5 {
    width: calc(100% * 5 / 12);
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 600px) {
  .col-6 {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 600px) {
  .col-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* --- START --- */
:root {
  --white: white;
  --light_blue: #f2f7fb;
  --blue: #0e67b2;
  --yellow_btn: #d2b25f;
  --fill_icon: #ebebeb;
  --fill_input: #f8f8f8;
  --border_input: #d3d3d3;
  --active_text: #de9122;
  --black: black;
  --primary-font: "CocoSharpS";
  --secondary-font: "Rufina";
  --wrapper: 1920px;
  --container: 1200px;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
}

.container {
  max-width: var(--container);
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.container-big {
  max-width: 1768px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.container-fluid {
  width: 100%;
}

.row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/* --- BUTTON ---*/
.btn {
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2rem 3.5rem;
  color: white;
  text-align: center;
}

.btn-white {
  background: white;
  color: #4cbbb9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-white:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-blue {
  background: #1986da;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-blue:hover {
  background: #0e6eb9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-orange {
  background: #ff7c38;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-orange:hover {
  background: #f56d27;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-red {
  background: #e21b1b;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 12px 0;
}

/* --- SECTION --- */
.section {
  padding: 12rem 0;
}

@media screen and (max-width: 600px) {
  .section {
    padding: 7rem 0;
  }
}

.section-title {
  font-size: 4.5rem;
  font-weight: bold;
  color: black;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
  .section-title {
    font-size: 4rem;
  }
}

@media screen and (max-width: 500px) {
  .section-title {
    font-size: 3rem;
  }
}

@media screen and (max-width: 375px) {
  .section-title {
    font-size: 2.7rem;
  }
}

.section-title.white {
  color: white;
}

.section-des {
  font-size: 1.6rem;
  font-weight: 500;
  color: black;
  text-align: center;
  line-height: 2.4rem;
}

.section .row-title {
  margin-bottom: 30px;
}

/* --- CARD --- */
.wrap-card .card {
  height: 100%;
}

/* --- CLASS DEFAULT */
.justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.relative {
  position: relative;
}

img {
  display: block;
  max-width: 100%;
}

a {
  display: block;
  text-decoration: none;
}

a:focus {
  outline: 0;
  text-decoration: none;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.h-100 {
  height: 100%;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.btn {
  text-decoration: none;
  background: transparent;
}

.btn:focus {
  outline: 0;
}

.block {
  display: block;
}

.inline {
  display: inline-block;
  vertical-align: middle;
}

.vertical-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul {
  padding-left: 0;
}

ul li {
  list-style-type: none;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:focus,
textarea:focus {
  border-radius: 0;
  outline: 0;
}

.slick-slide:focus {
  outline: 0 !important;
  border: none !important;
}

.slick-slide:active {
  outline: 0 !important;
  border: none !important;
}

.smooth-slick {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

.smooth-slick.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.w-100 {
  width: 100%;
}

.scroll-body {
  counter-reset: section;
}

@media screen and (min-width: 1100px) {
  .scroll-body {
    height: 100vh;
    overflow-x: hidden;
  }
}

.scroll-body::-webkit-scrollbar {
  display: none;
}

.scroll-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
}

@media screen and (min-width: 1100px) {
  .scroll-slider {
    overflow: hidden;
  }
}

@media screen and (max-width: 1100px) {
  .scroll-slider {
    position: relative;
    top: inherit;
    left: inherit;
  }
}

.scroll-slider__page {
  height: 100%;
}

.scroll-slider__page .slide {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1c2a2f;
}

@media screen and (min-width: 1100px) {
  .scroll-slider__page .slide {
    overflow: hidden;
  }
}

.scroll-slider__page .slide .slide-content {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .scroll-slider__page .slide {
    position: relative;
    overflow: visible;
    height: 100vh;
  }
}

.scroll-slider__page .slide.sub-active {
  opacity: 1;
  z-index: 2;
}

.scroll-slider__page .slide.active {
  opacity: 1;
  z-index: 3;
}

.scroll-slider__page .slide.active-down {
  -webkit-animation: scrollUp 1s forwards;
          animation: scrollUp 1s forwards;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

.scroll-slider__page .slide.active-up {
  -webkit-animation: scrollDown 1s forwards;
          animation: scrollDown 1s forwards;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

@-webkit-keyframes scrollUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes scrollUp {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes scrollDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes scrollDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.scroll-slider .pagination {
  width: 50px;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 30;
  opacity: 0;
  -webkit-animation: fadeInLeft 1s 0.5s forwards;
          animation: fadeInLeft 1s 0.5s forwards;
}

@media screen and (max-width: 1100px) {
  .scroll-slider .pagination {
    display: none;
  }
}

.scroll-slider__pagination {
  position: absolute;
  top: 53%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}

@-webkit-keyframes fadeInRight2 {
  0% {
    opacity: 0;
    left: -100px;
  }
  100% {
    opacity: 1;
    left: 15px;
  }
}

@keyframes fadeInRight2 {
  0% {
    opacity: 0;
    left: -100px;
  }
  100% {
    opacity: 1;
    left: 15px;
  }
}

.scroll-slider__pagination .list .item {
  width: 3.7rem;
  height: 3.7rem;
  margin-bottom: 10px;
}

.scroll-slider__pagination .list .number {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: white;
  background: transparent;
  font-family: "Play", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.scroll-slider__pagination .list .number:hover {
  background: #e1af45;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.scroll-slider__pagination .list .number.active {
  -webkit-animation: effectColor 0.5s forwards;
          animation: effectColor 0.5s forwards;
  cursor: default;
}

@-webkit-keyframes effectColor {
  0% {
    background: transparent;
  }
  100% {
    background: #e1af45;
  }
}

@keyframes effectColor {
  0% {
    background: transparent;
  }
  100% {
    background: #e1af45;
  }
}

.scroll-body {
  background-color: #1c2a2f;
}

@media screen and (max-width: 600px) {
  .scroll-body {
    height: auto !important;
  }
}

html {
  overflow-y: scroll;
}

.header {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0%;
  z-index: 999;
}

@media screen and (max-width: 1100px) {
  .header {
    background: #000000b0;
  }
}

.header.black .logo-text p {
  -webkit-animation: changeColorBlack 1s forwards;
          animation: changeColorBlack 1s forwards;
}

@-webkit-keyframes changeColorBlack {
  from {
    color: white;
  }
  to {
    color: black;
  }
}

@keyframes changeColorBlack {
  from {
    color: white;
  }
  to {
    color: black;
  }
}

.header.white .logo-text p {
  -webkit-animation: changeColorWhite 1s forwards;
          animation: changeColorWhite 1s forwards;
}

@-webkit-keyframes changeColorWhite {
  from {
    color: black;
  }
  to {
    color: white;
  }
}

@keyframes changeColorWhite {
  from {
    color: black;
  }
  to {
    color: white;
  }
}

.header-inner {
  width: 85%;
  max-width: 1640px;
  margin: auto;
  padding: 4.6vh 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1100px) {
  .header-inner {
    padding: 2.6vh 0;
  }
}

@media screen and (max-width: 800px) {
  .header-inner {
    width: 95%;
  }
}

@media screen and (max-width: 600px) {
  .header-inner {
    padding: 1.6vh 0;
  }
}

.header-inner .logo-img {
  width: 3.85vw;
}

.header-inner__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-animation: fadeInDown 1s forwards;
          animation: fadeInDown 1s forwards;
}

.header-inner__logo img {
  width: 3.85vw;
}

@media screen and (max-width: 1000px) {
  .header-inner__logo img {
    width: 6.85vw;
  }
}

@media screen and (max-width: 600px) {
  .header-inner__logo img {
    width: 8.85vw;
  }
}

.header-inner__logo .logo-text {
  margin-left: 0.83vw;
  text-transform: uppercase;
}

.header-inner__logo .logo-text p {
  color: white;
}

.header-inner__logo .logo-text p.text {
  font-size: 1.45vw;
  font-weight: 600;
}

@media screen and (max-width: 1100px) {
  .header-inner__logo .logo-text p.text {
    font-size: 2.45vw;
  }
}

@media screen and (max-width: 600px) {
  .header-inner__logo .logo-text p.text {
    font-size: 3.45vw;
  }
}

.header-inner__logo .logo-text p.sub {
  font-size: 0.83vw;
}

@media screen and (max-width: 1100px) {
  .header-inner__logo .logo-text p.sub {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 600px) {
  .header-inner__logo .logo-text p.sub {
    font-size: 1.83vw;
  }
}

.header-inner__call {
  position: relative;
  cursor: pointer;
  -webkit-animation: fadeInDown 1s forwards;
          animation: fadeInDown 1s forwards;
  width: 3.64vw;
  height: 3.64vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1100px) {
  .header-inner__call {
    width: 5.64vw;
    height: 5.64vw;
  }
}

@media screen and (max-width: 600px) {
  .header-inner__call {
    width: 7.64vw;
    height: 7.64vw;
  }
}

.header-inner__call:hover .box-icon {
  -webkit-transform: rotate(-92deg);
          transform: rotate(-92deg);
}

.header-inner__call:hover svg path {
  fill: #448cdf;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.header-inner__call svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.header-inner__call svg path {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.header-inner__call .box-icon {
  width: 1.56vw;
  height: 1.56vw;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .header-inner__call .box-icon {
    width: 2.56vw;
    height: 2.56vw;
  }
}

@media screen and (max-width: 600px) {
  .header-inner__call .box-icon {
    width: 3.56vw;
    height: 3.56vw;
  }
}

.header-inner__call .box-icon img {
  width: 100%;
  height: 100%;
}

.header-inner__call .bg-btn {
  width: 3.64vw;
}

@media screen and (max-width: 1100px) {
  .header-inner__call .bg-btn {
    width: 100%;
  }
}

.header-inner__call .icon-call {
  width: 1.56vw;
}

.navigation {
  z-index: 999;
  position: absolute;
  top: 41%;
  left: 2.6vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
}

@media screen and (max-width: 1100px) {
  .navigation {
    display: none;
  }
}

.navigation .navigation-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  cursor: pointer;
}

.navigation .navigation-list li:hover .shape {
  background-color: #1274e4;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.navigation .navigation-list li:hover .text {
  -webkit-animation: fadeIn 0.5 forwards;
          animation: fadeIn 0.5 forwards;
  opacity: 1;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.navigation .navigation-list li.active .text {
  opacity: 1;
}

.navigation .navigation-list li.active .shape {
  position: relative;
  background: transparent;
}

.navigation .navigation-list li.active .shape:after {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 0.52vw;
  height: 0.52vw;
  background-color: #1274e4;
  -webkit-animation: flipInX 0.5s forwards;
          animation: flipInX 0.5s forwards;
}

.navigation .navigation-list li .shape {
  width: 2vw;
  height: 2px;
  background: #707070;
  margin-right: 2.5vw;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.navigation .navigation-list li .text {
  opacity: 0;
  font-size: 15px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 10px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.slide-home {
  background: url("../images/bg-home.png");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slide-home.unshow .btn-case {
  -webkit-animation: hideCase 0.5s forwards;
          animation: hideCase 0.5s forwards;
}

@-webkit-keyframes hideCase {
  from {
    opacity: 1;
    bottom: 7.2vw;
  }
  to {
    opacity: 0;
    bottom: 5vw;
  }
}

@keyframes hideCase {
  from {
    opacity: 1;
    bottom: 7.2vw;
  }
  to {
    opacity: 0;
    bottom: 5vw;
  }
}

.slide-home.unshow .slide-content__project .number {
  opacity: 0;
  -webkit-animation: fadeOutRight 1s forwards;
          animation: fadeOutRight 1s forwards;
}

.slide-home.unshow .slide-content__project .text {
  opacity: 0;
  -webkit-animation: fadeOutRight 1s forwards;
          animation: fadeOutRight 1s forwards;
}

.slide-home.unshow .slide-content__introduce .title-white {
  opacity: 0;
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-home.unshow .slide-content__introduce .title-blue {
  opacity: 0;
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-home.unshow .slide-content__introduce .list-intro li {
  opacity: 0;
}

.slide-home.unshow .slide-content__introduce .list-intro li:first-child {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-home.unshow .slide-content__introduce .list-intro li:nth-child(2) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-home.unshow .slide-content__introduce .list-intro li:last-child {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-home.show .btn-case {
  -webkit-animation: showBtn 1s forwards;
          animation: showBtn 1s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slide-home.show .btn-case .text {
  opacity: 0;
  -webkit-animation: fadeIn 2.5s forwards;
          animation: fadeIn 2.5s forwards;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes showBtn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes showBtn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.slide-home.show .slide-content__introduce .title-white {
  opacity: 0;
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
}

.slide-home.show .slide-content__introduce .title-blue {
  opacity: 0;
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slide-home.show .slide-content__introduce .list-intro li {
  opacity: 0;
}

.slide-home.show .slide-content__introduce .list-intro li:first-child {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slide-home.show .slide-content__introduce .list-intro li:nth-child(2) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slide-home.show .slide-content__introduce .list-intro li:last-child {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slide-home.show .slide-content__project .number {
  opacity: 0;
  -webkit-animation: fadeInRight 1s forwards;
          animation: fadeInRight 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slide-home.show .slide-content__project .text {
  opacity: 0;
  -webkit-animation: fadeInRight 1s forwards;
          animation: fadeInRight 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slide-home .slide-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 14.4vw;
  margin-top: 6.72vw;
}

@media screen and (max-width: 1600px) {
  .slide-home .slide-content {
    margin-top: 10.72vw;
  }
}

@media screen and (max-width: 800px) {
  .slide-home .slide-content {
    padding-left: 6.4vw;
  }
}

.slide-home .slide-content__project {
  position: absolute;
  bottom: 7.29vw;
  right: 7.29vw;
  overflow-x: hidden;
}

@media screen and (max-width: 600px) {
  .slide-home .slide-content__project {
    bottom: 54vw;
  }
}

.slide-home .slide-content__project .box-number {
  font-size: 4vw;
  text-align: right;
}

.slide-home .slide-content__project .box-number .line {
  width: 100%;
  height: 100%;
  background-color: #ffffff52;
  position: absolute;
  top: 0;
  right: 0px;
}

.slide-home .slide-content__project .box-number .wrap-text {
  position: relative;
  display: inline-block;
  overflow-x: hidden;
}

.slide-home .slide-content__project .box-number p.number {
  opacity: 0;
  font-size: 15.6vw;
  font-family: "bison";
  color: white;
  line-height: 0.8;
}

.slide-home .slide-content__project .box-number p.text {
  opacity: 0;
  font-size: 4.16vw;
  font-family: "Bison";
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

.slide-home .slide-content__introduce {
  overflow-x: hidden;
  padding-left: 1.04vw;
  margin-left: -1.04vw;
}

.slide-home .slide-content__introduce .title {
  opacity: 0;
  font-size: 6.25vw;
  font-family: "Bison";
  font-weight: 500;
}

@media screen and (max-width: 1100px) {
  .slide-home .slide-content__introduce .title {
    font-size: 10.25vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-home .slide-content__introduce .title {
    font-size: 15.25vw;
  }
}

.slide-home .slide-content__introduce .title.title-white {
  color: white;
  line-height: 1;
  font-weight: lighter;
}

.slide-home .slide-content__introduce .title.title-blue {
  color: #1274e4;
  font-weight: 700;
}

.slide-home .slide-content__introduce .list-intro {
  margin-top: 15px;
}

.slide-home .slide-content__introduce .list-intro li {
  opacity: 0;
  margin-bottom: 24px;
  margin-left: -20px;
}

@media screen and (max-width: 600px) {
  .slide-home .slide-content__introduce .list-intro li {
    margin-left: 0;
  }
}

.slide-home .slide-content__introduce .list-intro li:hover a:after {
  width: 100%;
}

.slide-home .slide-content__introduce .list-intro li a {
  position: relative;
  font-size: 1.45vw;
  text-transform: uppercase;
  color: white;
  padding: 1vw;
  display: inline-block;
}

@media screen and (max-width: 1100px) {
  .slide-home .slide-content__introduce .list-intro li a {
    font-size: 2.45vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-home .slide-content__introduce .list-intro li a {
    font-size: 3.45vw;
  }
}

.slide-home .slide-content__introduce .list-intro li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: #1274e4;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.h-dode-poly {
  fill: none;
  stroke-width: 1px;
  stroke: #fff;
  opacity: 0.4;
}

.slide-project {
  background-color: #1c2a2f;
}

.slide-project.unshow .wrap-logo {
  -webkit-animation: fadeOutLogo 1s forwards;
          animation: fadeOutLogo 1s forwards;
}

@-webkit-keyframes fadeInLogo {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeInLogo {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}

.slide-project.unshow .box-text .text {
  -webkit-animation: fadeOutDown 1s forwards;
          animation: fadeOutDown 1s forwards;
}

.slide-project.unshow .box-number .number {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.slide-project.unshow .btn-case {
  -webkit-animation: hideBtn 1s forwards;
          animation: hideBtn 1s forwards;
  z-index: 99;
}

.slide-project.unshow .btn-case .text {
  opacity: 0;
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

@-webkit-keyframes hideBtn {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes hideBtn {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.slide-project.show .wrap-logo {
  -webkit-animation: fadeInLogo 1s forwards;
          animation: fadeInLogo 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@keyframes fadeInLogo {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}

.slide-project.show .box-text .text {
  -webkit-animation: fadeInUp 1s forwards;
          animation: fadeInUp 1s forwards;
}

.slide-project.show .box-number .number {
  -webkit-animation: fadeIn 1s forwards;
          animation: fadeIn 1s forwards;
}

.slide-project.show .btn-case {
  -webkit-animation: showBtn 1s forwards;
          animation: showBtn 1s forwards;
  z-index: 99;
}

.slide-project.show .btn-case .text {
  opacity: 0;
  -webkit-animation: fadeIn 2.5s forwards;
          animation: fadeIn 2.5s forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

@keyframes showBtn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.slide-project .bg-project {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.slide-project .bg-project .wrap-logo {
  position: relative;
  z-index: 2;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  opacity: 0;
  -webkit-perspective: 100vw;
          perspective: 100vw;
  height: 100%;
}

.slide-project .bg-project .tri {
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.slide-project .bg-project .tri:nth-child(1) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 51px;
  height: 51px;
  margin-left: -25.5px;
  margin-top: -25.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(8deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(8deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim1 60s infinite linear;
          animation: anim1 60s infinite linear;
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  opacity: 0;
}

@-webkit-keyframes anim1 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(12deg) translate3d(304px, 616px, 1000px) scale(1);
            transform: rotate(12deg) translate3d(304px, 616px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim1 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(12deg) translate3d(304px, 616px, 1000px) scale(1);
            transform: rotate(12deg) translate3d(304px, 616px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(2) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(296deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(296deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim2 60s infinite linear;
          animation: anim2 60s infinite linear;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  opacity: 0;
}

@-webkit-keyframes anim2 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(444deg) translate3d(244px, 416px, 1000px) scale(1);
            transform: rotate(444deg) translate3d(244px, 416px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim2 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(444deg) translate3d(244px, 416px, 1000px) scale(1);
            transform: rotate(444deg) translate3d(244px, 416px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(3) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(263deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(263deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim3 60s infinite linear;
          animation: anim3 60s infinite linear;
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  opacity: 0;
}

@-webkit-keyframes anim3 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(394.5deg) translate3d(358px, 13px, 1000px) scale(1);
            transform: rotate(394.5deg) translate3d(358px, 13px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim3 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(394.5deg) translate3d(358px, 13px, 1000px) scale(1);
            transform: rotate(394.5deg) translate3d(358px, 13px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(4) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(270deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(270deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim4 60s infinite linear;
          animation: anim4 60s infinite linear;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
  opacity: 0;
}

@-webkit-keyframes anim4 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(405deg) translate3d(455px, 795px, 1000px) scale(1);
            transform: rotate(405deg) translate3d(455px, 795px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim4 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(405deg) translate3d(455px, 795px, 1000px) scale(1);
            transform: rotate(405deg) translate3d(455px, 795px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(5) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 144px;
  margin-left: -72px;
  margin-top: -72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(233deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(233deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim5 60s infinite linear;
          animation: anim5 60s infinite linear;
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
  opacity: 0;
}

@-webkit-keyframes anim5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(349.5deg) translate3d(265px, 221px, 1000px) scale(1);
            transform: rotate(349.5deg) translate3d(265px, 221px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim5 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(349.5deg) translate3d(265px, 221px, 1000px) scale(1);
            transform: rotate(349.5deg) translate3d(265px, 221px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(6) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 126px;
  height: 126px;
  margin-left: -63px;
  margin-top: -63px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(106deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(106deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim6 60s infinite linear;
          animation: anim6 60s infinite linear;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
  opacity: 0;
}

@-webkit-keyframes anim6 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(159deg) translate3d(421px, 725px, 1000px) scale(1);
            transform: rotate(159deg) translate3d(421px, 725px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim6 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(159deg) translate3d(421px, 725px, 1000px) scale(1);
            transform: rotate(159deg) translate3d(421px, 725px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(7) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(95deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(95deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim7 60s infinite linear;
          animation: anim7 60s infinite linear;
  -webkit-animation-delay: -2.1s;
          animation-delay: -2.1s;
  opacity: 0;
}

@-webkit-keyframes anim7 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(142.5deg) translate3d(485px, 287px, 1000px) scale(1);
            transform: rotate(142.5deg) translate3d(485px, 287px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim7 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(142.5deg) translate3d(485px, 287px, 1000px) scale(1);
            transform: rotate(142.5deg) translate3d(485px, 287px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(8) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(17deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(17deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim8 60s infinite linear;
          animation: anim8 60s infinite linear;
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
  opacity: 0;
}

@-webkit-keyframes anim8 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(25.5deg) translate3d(473px, 696px, 1000px) scale(1);
            transform: rotate(25.5deg) translate3d(473px, 696px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim8 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(25.5deg) translate3d(473px, 696px, 1000px) scale(1);
            transform: rotate(25.5deg) translate3d(473px, 696px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(9) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 87px;
  height: 87px;
  margin-left: -43.5px;
  margin-top: -43.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(44deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(44deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim9 60s infinite linear;
          animation: anim9 60s infinite linear;
  -webkit-animation-delay: -2.7s;
          animation-delay: -2.7s;
  opacity: 0;
}

@-webkit-keyframes anim9 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(66deg) translate3d(296px, 126px, 1000px) scale(1);
            transform: rotate(66deg) translate3d(296px, 126px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim9 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(66deg) translate3d(296px, 126px, 1000px) scale(1);
            transform: rotate(66deg) translate3d(296px, 126px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(10) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 141px;
  height: 141px;
  margin-left: -70.5px;
  margin-top: -70.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(155deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(155deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim10 60s infinite linear;
          animation: anim10 60s infinite linear;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  opacity: 0;
}

@-webkit-keyframes anim10 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(232.5deg) translate3d(206px, 892px, 1000px) scale(1);
            transform: rotate(232.5deg) translate3d(206px, 892px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim10 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(232.5deg) translate3d(206px, 892px, 1000px) scale(1);
            transform: rotate(232.5deg) translate3d(206px, 892px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(11) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(19deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(19deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim11 60s infinite linear;
          animation: anim11 60s infinite linear;
  -webkit-animation-delay: -3.3s;
          animation-delay: -3.3s;
  opacity: 0;
}

@-webkit-keyframes anim11 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(28.5deg) translate3d(42px, 662px, 1000px) scale(1);
            transform: rotate(28.5deg) translate3d(42px, 662px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim11 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(28.5deg) translate3d(42px, 662px, 1000px) scale(1);
            transform: rotate(28.5deg) translate3d(42px, 662px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(12) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(87deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(87deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim12 60s infinite linear;
          animation: anim12 60s infinite linear;
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
  opacity: 0;
}

@-webkit-keyframes anim12 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(130.5deg) translate3d(959px, 618px, 1000px) scale(1);
            transform: rotate(130.5deg) translate3d(959px, 618px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim12 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(130.5deg) translate3d(959px, 618px, 1000px) scale(1);
            transform: rotate(130.5deg) translate3d(959px, 618px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(13) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 75px;
  margin-left: -37.5px;
  margin-top: -37.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(69deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(69deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim13 60s infinite linear;
          animation: anim13 60s infinite linear;
  -webkit-animation-delay: -3.9s;
          animation-delay: -3.9s;
  opacity: 0;
}

@-webkit-keyframes anim13 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(103.5deg) translate3d(866px, 170px, 1000px) scale(1);
            transform: rotate(103.5deg) translate3d(866px, 170px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim13 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(103.5deg) translate3d(866px, 170px, 1000px) scale(1);
            transform: rotate(103.5deg) translate3d(866px, 170px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(14) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-left: -7.5px;
  margin-top: -7.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(133deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(133deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim14 60s infinite linear;
          animation: anim14 60s infinite linear;
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
  opacity: 0;
}

@-webkit-keyframes anim14 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(199.5deg) translate3d(335px, 977px, 1000px) scale(1);
            transform: rotate(199.5deg) translate3d(335px, 977px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim14 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(199.5deg) translate3d(335px, 977px, 1000px) scale(1);
            transform: rotate(199.5deg) translate3d(335px, 977px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(15) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(331deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(331deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim15 60s infinite linear;
          animation: anim15 60s infinite linear;
  -webkit-animation-delay: -4.5s;
          animation-delay: -4.5s;
  opacity: 0;
}

@-webkit-keyframes anim15 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(496.5deg) translate3d(30px, 747px, 1000px) scale(1);
            transform: rotate(496.5deg) translate3d(30px, 747px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim15 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(496.5deg) translate3d(30px, 747px, 1000px) scale(1);
            transform: rotate(496.5deg) translate3d(30px, 747px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(16) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(57deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(57deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim16 60s infinite linear;
          animation: anim16 60s infinite linear;
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
  opacity: 0;
}

@-webkit-keyframes anim16 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(85.5deg) translate3d(822px, 581px, 1000px) scale(1);
            transform: rotate(85.5deg) translate3d(822px, 581px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim16 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(85.5deg) translate3d(822px, 581px, 1000px) scale(1);
            transform: rotate(85.5deg) translate3d(822px, 581px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(17) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(310deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(310deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim17 60s infinite linear;
          animation: anim17 60s infinite linear;
  -webkit-animation-delay: -5.1s;
          animation-delay: -5.1s;
  opacity: 0;
}

@-webkit-keyframes anim17 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(465deg) translate3d(401px, 525px, 1000px) scale(1);
            transform: rotate(465deg) translate3d(401px, 525px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim17 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(465deg) translate3d(401px, 525px, 1000px) scale(1);
            transform: rotate(465deg) translate3d(401px, 525px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(18) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(65deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(65deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim18 60s infinite linear;
          animation: anim18 60s infinite linear;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  opacity: 0;
}

@-webkit-keyframes anim18 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(97.5deg) translate3d(46px, 480px, 1000px) scale(1);
            transform: rotate(97.5deg) translate3d(46px, 480px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim18 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(97.5deg) translate3d(46px, 480px, 1000px) scale(1);
            transform: rotate(97.5deg) translate3d(46px, 480px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(19) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 51px;
  height: 51px;
  margin-left: -25.5px;
  margin-top: -25.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(295deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(295deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim19 60s infinite linear;
          animation: anim19 60s infinite linear;
  -webkit-animation-delay: -5.7s;
          animation-delay: -5.7s;
  opacity: 0;
}

@-webkit-keyframes anim19 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(442.5deg) translate3d(673px, 252px, 1000px) scale(1);
            transform: rotate(442.5deg) translate3d(673px, 252px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim19 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(442.5deg) translate3d(673px, 252px, 1000px) scale(1);
            transform: rotate(442.5deg) translate3d(673px, 252px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(20) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(15deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(15deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim20 60s infinite linear;
          animation: anim20 60s infinite linear;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
  opacity: 0;
}

@-webkit-keyframes anim20 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(22.5deg) translate3d(863px, 828px, 1000px) scale(1);
            transform: rotate(22.5deg) translate3d(863px, 828px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim20 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(22.5deg) translate3d(863px, 828px, 1000px) scale(1);
            transform: rotate(22.5deg) translate3d(863px, 828px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(21) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  margin-left: -31.5px;
  margin-top: -31.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(272deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(272deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim21 60s infinite linear;
          animation: anim21 60s infinite linear;
  -webkit-animation-delay: -6.3s;
          animation-delay: -6.3s;
  opacity: 0;
}

@-webkit-keyframes anim21 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(408deg) translate3d(272px, 590px, 1000px) scale(1);
            transform: rotate(408deg) translate3d(272px, 590px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim21 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(408deg) translate3d(272px, 590px, 1000px) scale(1);
            transform: rotate(408deg) translate3d(272px, 590px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(22) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(164deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(164deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim22 60s infinite linear;
          animation: anim22 60s infinite linear;
  -webkit-animation-delay: -6.6s;
          animation-delay: -6.6s;
  opacity: 0;
}

@-webkit-keyframes anim22 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(246deg) translate3d(139px, 382px, 1000px) scale(1);
            transform: rotate(246deg) translate3d(139px, 382px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim22 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(246deg) translate3d(139px, 382px, 1000px) scale(1);
            transform: rotate(246deg) translate3d(139px, 382px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(23) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(346deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(346deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim23 60s infinite linear;
          animation: anim23 60s infinite linear;
  -webkit-animation-delay: -6.9s;
          animation-delay: -6.9s;
  opacity: 0;
}

@-webkit-keyframes anim23 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(519deg) translate3d(178px, 11px, 1000px) scale(1);
            transform: rotate(519deg) translate3d(178px, 11px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim23 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(519deg) translate3d(178px, 11px, 1000px) scale(1);
            transform: rotate(519deg) translate3d(178px, 11px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(24) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(268deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(268deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim24 60s infinite linear;
          animation: anim24 60s infinite linear;
  -webkit-animation-delay: -7.2s;
          animation-delay: -7.2s;
  opacity: 0;
}

@-webkit-keyframes anim24 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(402deg) translate3d(541px, 863px, 1000px) scale(1);
            transform: rotate(402deg) translate3d(541px, 863px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim24 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(402deg) translate3d(541px, 863px, 1000px) scale(1);
            transform: rotate(402deg) translate3d(541px, 863px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(25) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 93px;
  height: 93px;
  margin-left: -46.5px;
  margin-top: -46.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(257deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(257deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim25 60s infinite linear;
          animation: anim25 60s infinite linear;
  -webkit-animation-delay: -7.5s;
          animation-delay: -7.5s;
  opacity: 0;
}

@-webkit-keyframes anim25 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(385.5deg) translate3d(909px, 866px, 1000px) scale(1);
            transform: rotate(385.5deg) translate3d(909px, 866px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim25 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(385.5deg) translate3d(909px, 866px, 1000px) scale(1);
            transform: rotate(385.5deg) translate3d(909px, 866px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(26) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(185deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(185deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim26 60s infinite linear;
          animation: anim26 60s infinite linear;
  -webkit-animation-delay: -7.8s;
          animation-delay: -7.8s;
  opacity: 0;
}

@-webkit-keyframes anim26 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(277.5deg) translate3d(109px, 42px, 1000px) scale(1);
            transform: rotate(277.5deg) translate3d(109px, 42px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim26 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(277.5deg) translate3d(109px, 42px, 1000px) scale(1);
            transform: rotate(277.5deg) translate3d(109px, 42px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(27) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 129px;
  height: 129px;
  margin-left: -64.5px;
  margin-top: -64.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(117deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(117deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim27 60s infinite linear;
          animation: anim27 60s infinite linear;
  -webkit-animation-delay: -8.1s;
          animation-delay: -8.1s;
  opacity: 0;
}

@-webkit-keyframes anim27 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(175.5deg) translate3d(21px, 46px, 1000px) scale(1);
            transform: rotate(175.5deg) translate3d(21px, 46px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim27 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(175.5deg) translate3d(21px, 46px, 1000px) scale(1);
            transform: rotate(175.5deg) translate3d(21px, 46px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(28) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(165deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(165deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim28 60s infinite linear;
          animation: anim28 60s infinite linear;
  -webkit-animation-delay: -8.4s;
          animation-delay: -8.4s;
  opacity: 0;
}

@-webkit-keyframes anim28 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(247.5deg) translate3d(980px, 701px, 1000px) scale(1);
            transform: rotate(247.5deg) translate3d(980px, 701px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim28 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(247.5deg) translate3d(980px, 701px, 1000px) scale(1);
            transform: rotate(247.5deg) translate3d(980px, 701px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(29) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  margin-left: -31.5px;
  margin-top: -31.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(52deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(52deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim29 60s infinite linear;
          animation: anim29 60s infinite linear;
  -webkit-animation-delay: -8.7s;
          animation-delay: -8.7s;
  opacity: 0;
}

@-webkit-keyframes anim29 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(78deg) translate3d(491px, 139px, 1000px) scale(1);
            transform: rotate(78deg) translate3d(491px, 139px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim29 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(78deg) translate3d(491px, 139px, 1000px) scale(1);
            transform: rotate(78deg) translate3d(491px, 139px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(30) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(8deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(8deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim30 60s infinite linear;
          animation: anim30 60s infinite linear;
  -webkit-animation-delay: -9s;
          animation-delay: -9s;
  opacity: 0;
}

@-webkit-keyframes anim30 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(12deg) translate3d(317px, 877px, 1000px) scale(1);
            transform: rotate(12deg) translate3d(317px, 877px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim30 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(12deg) translate3d(317px, 877px, 1000px) scale(1);
            transform: rotate(12deg) translate3d(317px, 877px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(31) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 78px;
  height: 78px;
  margin-left: -39px;
  margin-top: -39px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(99deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(99deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim31 60s infinite linear;
          animation: anim31 60s infinite linear;
  -webkit-animation-delay: -9.3s;
          animation-delay: -9.3s;
  opacity: 0;
}

@-webkit-keyframes anim31 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(148.5deg) translate3d(44px, 987px, 1000px) scale(1);
            transform: rotate(148.5deg) translate3d(44px, 987px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim31 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(148.5deg) translate3d(44px, 987px, 1000px) scale(1);
            transform: rotate(148.5deg) translate3d(44px, 987px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(32) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-left: -7.5px;
  margin-top: -7.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(76deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(76deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim32 60s infinite linear;
          animation: anim32 60s infinite linear;
  -webkit-animation-delay: -9.6s;
          animation-delay: -9.6s;
  opacity: 0;
}

@-webkit-keyframes anim32 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(114deg) translate3d(731px, 148px, 1000px) scale(1);
            transform: rotate(114deg) translate3d(731px, 148px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim32 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(114deg) translate3d(731px, 148px, 1000px) scale(1);
            transform: rotate(114deg) translate3d(731px, 148px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(33) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 129px;
  height: 129px;
  margin-left: -64.5px;
  margin-top: -64.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(45deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(45deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim33 60s infinite linear;
          animation: anim33 60s infinite linear;
  -webkit-animation-delay: -9.9s;
          animation-delay: -9.9s;
  opacity: 0;
}

@-webkit-keyframes anim33 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(67.5deg) translate3d(602px, 83px, 1000px) scale(1);
            transform: rotate(67.5deg) translate3d(602px, 83px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim33 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(67.5deg) translate3d(602px, 83px, 1000px) scale(1);
            transform: rotate(67.5deg) translate3d(602px, 83px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(34) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(210deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(210deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim34 60s infinite linear;
          animation: anim34 60s infinite linear;
  -webkit-animation-delay: -10.2s;
          animation-delay: -10.2s;
  opacity: 0;
}

@-webkit-keyframes anim34 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(315deg) translate3d(410px, 78px, 1000px) scale(1);
            transform: rotate(315deg) translate3d(410px, 78px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim34 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(315deg) translate3d(410px, 78px, 1000px) scale(1);
            transform: rotate(315deg) translate3d(410px, 78px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(35) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 39px;
  margin-left: -19.5px;
  margin-top: -19.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(291deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(291deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim35 60s infinite linear;
          animation: anim35 60s infinite linear;
  -webkit-animation-delay: -10.5s;
          animation-delay: -10.5s;
  opacity: 0;
}

@-webkit-keyframes anim35 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(436.5deg) translate3d(392px, 12px, 1000px) scale(1);
            transform: rotate(436.5deg) translate3d(392px, 12px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim35 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(436.5deg) translate3d(392px, 12px, 1000px) scale(1);
            transform: rotate(436.5deg) translate3d(392px, 12px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(36) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 87px;
  height: 87px;
  margin-left: -43.5px;
  margin-top: -43.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(135deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(135deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim36 60s infinite linear;
          animation: anim36 60s infinite linear;
  -webkit-animation-delay: -10.8s;
          animation-delay: -10.8s;
  opacity: 0;
}

@-webkit-keyframes anim36 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(202.5deg) translate3d(649px, 559px, 1000px) scale(1);
            transform: rotate(202.5deg) translate3d(649px, 559px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim36 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(202.5deg) translate3d(649px, 559px, 1000px) scale(1);
            transform: rotate(202.5deg) translate3d(649px, 559px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(37) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 102px;
  height: 102px;
  margin-left: -51px;
  margin-top: -51px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(88deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(88deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim37 60s infinite linear;
          animation: anim37 60s infinite linear;
  -webkit-animation-delay: -11.1s;
          animation-delay: -11.1s;
  opacity: 0;
}

@-webkit-keyframes anim37 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(132deg) translate3d(831px, 936px, 1000px) scale(1);
            transform: rotate(132deg) translate3d(831px, 936px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim37 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(132deg) translate3d(831px, 936px, 1000px) scale(1);
            transform: rotate(132deg) translate3d(831px, 936px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(38) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 3px;
  height: 3px;
  margin-left: -1.5px;
  margin-top: -1.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(76deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(76deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim38 60s infinite linear;
          animation: anim38 60s infinite linear;
  -webkit-animation-delay: -11.4s;
          animation-delay: -11.4s;
  opacity: 0;
}

@-webkit-keyframes anim38 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(114deg) translate3d(791px, 994px, 1000px) scale(1);
            transform: rotate(114deg) translate3d(791px, 994px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim38 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(114deg) translate3d(791px, 994px, 1000px) scale(1);
            transform: rotate(114deg) translate3d(791px, 994px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(39) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(314deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(314deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim39 60s infinite linear;
          animation: anim39 60s infinite linear;
  -webkit-animation-delay: -11.7s;
          animation-delay: -11.7s;
  opacity: 0;
}

@-webkit-keyframes anim39 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(471deg) translate3d(917px, 378px, 1000px) scale(1);
            transform: rotate(471deg) translate3d(917px, 378px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim39 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(471deg) translate3d(917px, 378px, 1000px) scale(1);
            transform: rotate(471deg) translate3d(917px, 378px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(40) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 3px;
  height: 3px;
  margin-left: -1.5px;
  margin-top: -1.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(187deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(187deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim40 60s infinite linear;
          animation: anim40 60s infinite linear;
  -webkit-animation-delay: -12s;
          animation-delay: -12s;
  opacity: 0;
}

@-webkit-keyframes anim40 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(280.5deg) translate3d(524px, 673px, 1000px) scale(1);
            transform: rotate(280.5deg) translate3d(524px, 673px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim40 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(280.5deg) translate3d(524px, 673px, 1000px) scale(1);
            transform: rotate(280.5deg) translate3d(524px, 673px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(41) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 27px;
  height: 27px;
  margin-left: -13.5px;
  margin-top: -13.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(178deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(178deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim41 60s infinite linear;
          animation: anim41 60s infinite linear;
  -webkit-animation-delay: -12.3s;
          animation-delay: -12.3s;
  opacity: 0;
}

@-webkit-keyframes anim41 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(267deg) translate3d(765px, 904px, 1000px) scale(1);
            transform: rotate(267deg) translate3d(765px, 904px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim41 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(267deg) translate3d(765px, 904px, 1000px) scale(1);
            transform: rotate(267deg) translate3d(765px, 904px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(42) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 81px;
  height: 81px;
  margin-left: -40.5px;
  margin-top: -40.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(349deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(349deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim42 60s infinite linear;
          animation: anim42 60s infinite linear;
  -webkit-animation-delay: -12.6s;
          animation-delay: -12.6s;
  opacity: 0;
}

@-webkit-keyframes anim42 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(523.5deg) translate3d(352px, 49px, 1000px) scale(1);
            transform: rotate(523.5deg) translate3d(352px, 49px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim42 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(523.5deg) translate3d(352px, 49px, 1000px) scale(1);
            transform: rotate(523.5deg) translate3d(352px, 49px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(43) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 138px;
  height: 138px;
  margin-left: -69px;
  margin-top: -69px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(323deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(323deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim43 60s infinite linear;
          animation: anim43 60s infinite linear;
  -webkit-animation-delay: -12.9s;
          animation-delay: -12.9s;
  opacity: 0;
}

@-webkit-keyframes anim43 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(484.5deg) translate3d(151px, 294px, 1000px) scale(1);
            transform: rotate(484.5deg) translate3d(151px, 294px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim43 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(484.5deg) translate3d(151px, 294px, 1000px) scale(1);
            transform: rotate(484.5deg) translate3d(151px, 294px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(44) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(165deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(165deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim44 60s infinite linear;
          animation: anim44 60s infinite linear;
  -webkit-animation-delay: -13.2s;
          animation-delay: -13.2s;
  opacity: 0;
}

@-webkit-keyframes anim44 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(247.5deg) translate3d(78px, 860px, 1000px) scale(1);
            transform: rotate(247.5deg) translate3d(78px, 860px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim44 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(247.5deg) translate3d(78px, 860px, 1000px) scale(1);
            transform: rotate(247.5deg) translate3d(78px, 860px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(45) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(201deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(201deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim45 60s infinite linear;
          animation: anim45 60s infinite linear;
  -webkit-animation-delay: -13.5s;
          animation-delay: -13.5s;
  opacity: 0;
}

@-webkit-keyframes anim45 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(301.5deg) translate3d(295px, 173px, 1000px) scale(1);
            transform: rotate(301.5deg) translate3d(295px, 173px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim45 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(301.5deg) translate3d(295px, 173px, 1000px) scale(1);
            transform: rotate(301.5deg) translate3d(295px, 173px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(46) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 144px;
  margin-left: -72px;
  margin-top: -72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(310deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(310deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim46 60s infinite linear;
          animation: anim46 60s infinite linear;
  -webkit-animation-delay: -13.8s;
          animation-delay: -13.8s;
  opacity: 0;
}

@-webkit-keyframes anim46 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(465deg) translate3d(212px, 776px, 1000px) scale(1);
            transform: rotate(465deg) translate3d(212px, 776px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim46 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(465deg) translate3d(212px, 776px, 1000px) scale(1);
            transform: rotate(465deg) translate3d(212px, 776px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(47) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 108px;
  height: 108px;
  margin-left: -54px;
  margin-top: -54px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(67deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(67deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim47 60s infinite linear;
          animation: anim47 60s infinite linear;
  -webkit-animation-delay: -14.1s;
          animation-delay: -14.1s;
  opacity: 0;
}

@-webkit-keyframes anim47 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(100.5deg) translate3d(121px, 700px, 1000px) scale(1);
            transform: rotate(100.5deg) translate3d(121px, 700px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim47 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(100.5deg) translate3d(121px, 700px, 1000px) scale(1);
            transform: rotate(100.5deg) translate3d(121px, 700px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(48) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(199deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(199deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim48 60s infinite linear;
          animation: anim48 60s infinite linear;
  -webkit-animation-delay: -14.4s;
          animation-delay: -14.4s;
  opacity: 0;
}

@-webkit-keyframes anim48 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(298.5deg) translate3d(740px, 189px, 1000px) scale(1);
            transform: rotate(298.5deg) translate3d(740px, 189px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim48 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(298.5deg) translate3d(740px, 189px, 1000px) scale(1);
            transform: rotate(298.5deg) translate3d(740px, 189px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(49) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(233deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(233deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim49 60s infinite linear;
          animation: anim49 60s infinite linear;
  -webkit-animation-delay: -14.7s;
          animation-delay: -14.7s;
  opacity: 0;
}

@-webkit-keyframes anim49 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(349.5deg) translate3d(483px, 789px, 1000px) scale(1);
            transform: rotate(349.5deg) translate3d(483px, 789px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim49 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(349.5deg) translate3d(483px, 789px, 1000px) scale(1);
            transform: rotate(349.5deg) translate3d(483px, 789px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(50) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 87px;
  height: 87px;
  margin-left: -43.5px;
  margin-top: -43.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(126deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(126deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim50 60s infinite linear;
          animation: anim50 60s infinite linear;
  -webkit-animation-delay: -15s;
          animation-delay: -15s;
  opacity: 0;
}

@-webkit-keyframes anim50 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(189deg) translate3d(92px, 226px, 1000px) scale(1);
            transform: rotate(189deg) translate3d(92px, 226px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim50 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(189deg) translate3d(92px, 226px, 1000px) scale(1);
            transform: rotate(189deg) translate3d(92px, 226px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(51) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(164deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(164deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim51 60s infinite linear;
          animation: anim51 60s infinite linear;
  -webkit-animation-delay: -15.3s;
          animation-delay: -15.3s;
  opacity: 0;
}

@-webkit-keyframes anim51 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(246deg) translate3d(524px, 183px, 1000px) scale(1);
            transform: rotate(246deg) translate3d(524px, 183px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim51 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(246deg) translate3d(524px, 183px, 1000px) scale(1);
            transform: rotate(246deg) translate3d(524px, 183px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(52) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(41deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(41deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim52 60s infinite linear;
          animation: anim52 60s infinite linear;
  -webkit-animation-delay: -15.6s;
          animation-delay: -15.6s;
  opacity: 0;
}

@-webkit-keyframes anim52 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(61.5deg) translate3d(510px, 192px, 1000px) scale(1);
            transform: rotate(61.5deg) translate3d(510px, 192px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim52 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(61.5deg) translate3d(510px, 192px, 1000px) scale(1);
            transform: rotate(61.5deg) translate3d(510px, 192px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(53) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 138px;
  height: 138px;
  margin-left: -69px;
  margin-top: -69px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(285deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(285deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim53 60s infinite linear;
          animation: anim53 60s infinite linear;
  -webkit-animation-delay: -15.9s;
          animation-delay: -15.9s;
  opacity: 0;
}

@-webkit-keyframes anim53 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(427.5deg) translate3d(252px, 539px, 1000px) scale(1);
            transform: rotate(427.5deg) translate3d(252px, 539px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim53 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(427.5deg) translate3d(252px, 539px, 1000px) scale(1);
            transform: rotate(427.5deg) translate3d(252px, 539px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(54) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  margin-left: -10.5px;
  margin-top: -10.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(192deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(192deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim54 60s infinite linear;
          animation: anim54 60s infinite linear;
  -webkit-animation-delay: -16.2s;
          animation-delay: -16.2s;
  opacity: 0;
}

@-webkit-keyframes anim54 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(288deg) translate3d(145px, 782px, 1000px) scale(1);
            transform: rotate(288deg) translate3d(145px, 782px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim54 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(288deg) translate3d(145px, 782px, 1000px) scale(1);
            transform: rotate(288deg) translate3d(145px, 782px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(55) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 105px;
  margin-left: -52.5px;
  margin-top: -52.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(312deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(312deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim55 60s infinite linear;
          animation: anim55 60s infinite linear;
  -webkit-animation-delay: -16.5s;
          animation-delay: -16.5s;
  opacity: 0;
}

@-webkit-keyframes anim55 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(468deg) translate3d(152px, 514px, 1000px) scale(1);
            transform: rotate(468deg) translate3d(152px, 514px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim55 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(468deg) translate3d(152px, 514px, 1000px) scale(1);
            transform: rotate(468deg) translate3d(152px, 514px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(56) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(203deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(203deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim56 60s infinite linear;
          animation: anim56 60s infinite linear;
  -webkit-animation-delay: -16.8s;
          animation-delay: -16.8s;
  opacity: 0;
}

@-webkit-keyframes anim56 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(304.5deg) translate3d(214px, 564px, 1000px) scale(1);
            transform: rotate(304.5deg) translate3d(214px, 564px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim56 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(304.5deg) translate3d(214px, 564px, 1000px) scale(1);
            transform: rotate(304.5deg) translate3d(214px, 564px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(57) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 144px;
  margin-left: -72px;
  margin-top: -72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(153deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(153deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim57 60s infinite linear;
          animation: anim57 60s infinite linear;
  -webkit-animation-delay: -17.1s;
          animation-delay: -17.1s;
  opacity: 0;
}

@-webkit-keyframes anim57 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(229.5deg) translate3d(809px, 239px, 1000px) scale(1);
            transform: rotate(229.5deg) translate3d(809px, 239px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim57 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(229.5deg) translate3d(809px, 239px, 1000px) scale(1);
            transform: rotate(229.5deg) translate3d(809px, 239px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(58) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(325deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(325deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim58 60s infinite linear;
          animation: anim58 60s infinite linear;
  -webkit-animation-delay: -17.4s;
          animation-delay: -17.4s;
  opacity: 0;
}

@-webkit-keyframes anim58 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(487.5deg) translate3d(66px, 580px, 1000px) scale(1);
            transform: rotate(487.5deg) translate3d(66px, 580px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim58 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(487.5deg) translate3d(66px, 580px, 1000px) scale(1);
            transform: rotate(487.5deg) translate3d(66px, 580px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(59) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 141px;
  height: 141px;
  margin-left: -70.5px;
  margin-top: -70.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(2deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(2deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim59 60s infinite linear;
          animation: anim59 60s infinite linear;
  -webkit-animation-delay: -17.7s;
          animation-delay: -17.7s;
  opacity: 0;
}

@-webkit-keyframes anim59 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(3deg) translate3d(677px, 325px, 1000px) scale(1);
            transform: rotate(3deg) translate3d(677px, 325px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim59 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(3deg) translate3d(677px, 325px, 1000px) scale(1);
            transform: rotate(3deg) translate3d(677px, 325px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(60) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 138px;
  height: 138px;
  margin-left: -69px;
  margin-top: -69px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(227deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(227deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim60 60s infinite linear;
          animation: anim60 60s infinite linear;
  -webkit-animation-delay: -18s;
          animation-delay: -18s;
  opacity: 0;
}

@-webkit-keyframes anim60 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(340.5deg) translate3d(591px, 160px, 1000px) scale(1);
            transform: rotate(340.5deg) translate3d(591px, 160px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim60 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(340.5deg) translate3d(591px, 160px, 1000px) scale(1);
            transform: rotate(340.5deg) translate3d(591px, 160px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(61) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(197deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(197deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim61 60s infinite linear;
          animation: anim61 60s infinite linear;
  -webkit-animation-delay: -18.3s;
          animation-delay: -18.3s;
  opacity: 0;
}

@-webkit-keyframes anim61 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(295.5deg) translate3d(908px, 24px, 1000px) scale(1);
            transform: rotate(295.5deg) translate3d(908px, 24px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim61 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(295.5deg) translate3d(908px, 24px, 1000px) scale(1);
            transform: rotate(295.5deg) translate3d(908px, 24px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(62) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(27deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(27deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim62 60s infinite linear;
          animation: anim62 60s infinite linear;
  -webkit-animation-delay: -18.6s;
          animation-delay: -18.6s;
  opacity: 0;
}

@-webkit-keyframes anim62 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(40.5deg) translate3d(597px, 592px, 1000px) scale(1);
            transform: rotate(40.5deg) translate3d(597px, 592px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim62 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(40.5deg) translate3d(597px, 592px, 1000px) scale(1);
            transform: rotate(40.5deg) translate3d(597px, 592px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(63) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(133deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(133deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim63 60s infinite linear;
          animation: anim63 60s infinite linear;
  -webkit-animation-delay: -18.9s;
          animation-delay: -18.9s;
  opacity: 0;
}

@-webkit-keyframes anim63 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(199.5deg) translate3d(336px, 182px, 1000px) scale(1);
            transform: rotate(199.5deg) translate3d(336px, 182px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim63 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(199.5deg) translate3d(336px, 182px, 1000px) scale(1);
            transform: rotate(199.5deg) translate3d(336px, 182px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(64) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(41deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(41deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim64 60s infinite linear;
          animation: anim64 60s infinite linear;
  -webkit-animation-delay: -19.2s;
          animation-delay: -19.2s;
  opacity: 0;
}

@-webkit-keyframes anim64 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(61.5deg) translate3d(315px, 143px, 1000px) scale(1);
            transform: rotate(61.5deg) translate3d(315px, 143px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim64 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(61.5deg) translate3d(315px, 143px, 1000px) scale(1);
            transform: rotate(61.5deg) translate3d(315px, 143px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(65) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(218deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(218deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim65 60s infinite linear;
          animation: anim65 60s infinite linear;
  -webkit-animation-delay: -19.5s;
          animation-delay: -19.5s;
  opacity: 0;
}

@-webkit-keyframes anim65 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(327deg) translate3d(408px, 532px, 1000px) scale(1);
            transform: rotate(327deg) translate3d(408px, 532px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim65 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(327deg) translate3d(408px, 532px, 1000px) scale(1);
            transform: rotate(327deg) translate3d(408px, 532px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(66) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 99px;
  height: 99px;
  margin-left: -49.5px;
  margin-top: -49.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(292deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(292deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim66 60s infinite linear;
          animation: anim66 60s infinite linear;
  -webkit-animation-delay: -19.8s;
          animation-delay: -19.8s;
  opacity: 0;
}

@-webkit-keyframes anim66 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(438deg) translate3d(316px, 364px, 1000px) scale(1);
            transform: rotate(438deg) translate3d(316px, 364px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim66 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(438deg) translate3d(316px, 364px, 1000px) scale(1);
            transform: rotate(438deg) translate3d(316px, 364px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(67) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(161deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(161deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim67 60s infinite linear;
          animation: anim67 60s infinite linear;
  -webkit-animation-delay: -20.1s;
          animation-delay: -20.1s;
  opacity: 0;
}

@-webkit-keyframes anim67 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(241.5deg) translate3d(296px, 639px, 1000px) scale(1);
            transform: rotate(241.5deg) translate3d(296px, 639px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim67 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(241.5deg) translate3d(296px, 639px, 1000px) scale(1);
            transform: rotate(241.5deg) translate3d(296px, 639px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(68) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(79deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(79deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim68 60s infinite linear;
          animation: anim68 60s infinite linear;
  -webkit-animation-delay: -20.4s;
          animation-delay: -20.4s;
  opacity: 0;
}

@-webkit-keyframes anim68 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(118.5deg) translate3d(262px, 726px, 1000px) scale(1);
            transform: rotate(118.5deg) translate3d(262px, 726px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim68 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(118.5deg) translate3d(262px, 726px, 1000px) scale(1);
            transform: rotate(118.5deg) translate3d(262px, 726px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(69) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(76deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(76deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim69 60s infinite linear;
          animation: anim69 60s infinite linear;
  -webkit-animation-delay: -20.7s;
          animation-delay: -20.7s;
  opacity: 0;
}

@-webkit-keyframes anim69 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(114deg) translate3d(952px, 960px, 1000px) scale(1);
            transform: rotate(114deg) translate3d(952px, 960px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim69 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(114deg) translate3d(952px, 960px, 1000px) scale(1);
            transform: rotate(114deg) translate3d(952px, 960px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(70) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 141px;
  height: 141px;
  margin-left: -70.5px;
  margin-top: -70.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(137deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(137deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim70 60s infinite linear;
          animation: anim70 60s infinite linear;
  -webkit-animation-delay: -21s;
          animation-delay: -21s;
  opacity: 0;
}

@-webkit-keyframes anim70 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(205.5deg) translate3d(45px, 984px, 1000px) scale(1);
            transform: rotate(205.5deg) translate3d(45px, 984px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim70 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(205.5deg) translate3d(45px, 984px, 1000px) scale(1);
            transform: rotate(205.5deg) translate3d(45px, 984px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(71) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(4deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(4deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim71 60s infinite linear;
          animation: anim71 60s infinite linear;
  -webkit-animation-delay: -21.3s;
          animation-delay: -21.3s;
  opacity: 0;
}

@-webkit-keyframes anim71 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(6deg) translate3d(202px, 633px, 1000px) scale(1);
            transform: rotate(6deg) translate3d(202px, 633px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim71 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(6deg) translate3d(202px, 633px, 1000px) scale(1);
            transform: rotate(6deg) translate3d(202px, 633px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(72) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(349deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(349deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim72 60s infinite linear;
          animation: anim72 60s infinite linear;
  -webkit-animation-delay: -21.6s;
          animation-delay: -21.6s;
  opacity: 0;
}

@-webkit-keyframes anim72 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(523.5deg) translate3d(119px, 647px, 1000px) scale(1);
            transform: rotate(523.5deg) translate3d(119px, 647px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim72 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(523.5deg) translate3d(119px, 647px, 1000px) scale(1);
            transform: rotate(523.5deg) translate3d(119px, 647px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(73) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(211deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(211deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim73 60s infinite linear;
          animation: anim73 60s infinite linear;
  -webkit-animation-delay: -21.9s;
          animation-delay: -21.9s;
  opacity: 0;
}

@-webkit-keyframes anim73 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(316.5deg) translate3d(785px, 527px, 1000px) scale(1);
            transform: rotate(316.5deg) translate3d(785px, 527px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim73 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(316.5deg) translate3d(785px, 527px, 1000px) scale(1);
            transform: rotate(316.5deg) translate3d(785px, 527px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(74) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(205deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(205deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim74 60s infinite linear;
          animation: anim74 60s infinite linear;
  -webkit-animation-delay: -22.2s;
          animation-delay: -22.2s;
  opacity: 0;
}

@-webkit-keyframes anim74 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(307.5deg) translate3d(917px, 872px, 1000px) scale(1);
            transform: rotate(307.5deg) translate3d(917px, 872px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim74 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(307.5deg) translate3d(917px, 872px, 1000px) scale(1);
            transform: rotate(307.5deg) translate3d(917px, 872px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(75) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 132px;
  margin-left: -66px;
  margin-top: -66px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(234deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(234deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim75 60s infinite linear;
          animation: anim75 60s infinite linear;
  -webkit-animation-delay: -22.5s;
          animation-delay: -22.5s;
  opacity: 0;
}

@-webkit-keyframes anim75 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(351deg) translate3d(824px, 637px, 1000px) scale(1);
            transform: rotate(351deg) translate3d(824px, 637px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim75 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(351deg) translate3d(824px, 637px, 1000px) scale(1);
            transform: rotate(351deg) translate3d(824px, 637px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(76) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 138px;
  height: 138px;
  margin-left: -69px;
  margin-top: -69px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(198deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(198deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim76 60s infinite linear;
          animation: anim76 60s infinite linear;
  -webkit-animation-delay: -22.8s;
          animation-delay: -22.8s;
  opacity: 0;
}

@-webkit-keyframes anim76 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(297deg) translate3d(818px, 749px, 1000px) scale(1);
            transform: rotate(297deg) translate3d(818px, 749px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim76 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(297deg) translate3d(818px, 749px, 1000px) scale(1);
            transform: rotate(297deg) translate3d(818px, 749px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(77) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  margin-left: -16.5px;
  margin-top: -16.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(239deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(239deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim77 60s infinite linear;
          animation: anim77 60s infinite linear;
  -webkit-animation-delay: -23.1s;
          animation-delay: -23.1s;
  opacity: 0;
}

@-webkit-keyframes anim77 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(358.5deg) translate3d(63px, 227px, 1000px) scale(1);
            transform: rotate(358.5deg) translate3d(63px, 227px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim77 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(358.5deg) translate3d(63px, 227px, 1000px) scale(1);
            transform: rotate(358.5deg) translate3d(63px, 227px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(78) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(224deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(224deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim78 60s infinite linear;
          animation: anim78 60s infinite linear;
  -webkit-animation-delay: -23.4s;
          animation-delay: -23.4s;
  opacity: 0;
}

@-webkit-keyframes anim78 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(336deg) translate3d(360px, 322px, 1000px) scale(1);
            transform: rotate(336deg) translate3d(360px, 322px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim78 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(336deg) translate3d(360px, 322px, 1000px) scale(1);
            transform: rotate(336deg) translate3d(360px, 322px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(79) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(315deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(315deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim79 60s infinite linear;
          animation: anim79 60s infinite linear;
  -webkit-animation-delay: -23.7s;
          animation-delay: -23.7s;
  opacity: 0;
}

@-webkit-keyframes anim79 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(472.5deg) translate3d(489px, 536px, 1000px) scale(1);
            transform: rotate(472.5deg) translate3d(489px, 536px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim79 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(472.5deg) translate3d(489px, 536px, 1000px) scale(1);
            transform: rotate(472.5deg) translate3d(489px, 536px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(80) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(193deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(193deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim80 60s infinite linear;
          animation: anim80 60s infinite linear;
  -webkit-animation-delay: -24s;
          animation-delay: -24s;
  opacity: 0;
}

@-webkit-keyframes anim80 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(289.5deg) translate3d(878px, 863px, 1000px) scale(1);
            transform: rotate(289.5deg) translate3d(878px, 863px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim80 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(289.5deg) translate3d(878px, 863px, 1000px) scale(1);
            transform: rotate(289.5deg) translate3d(878px, 863px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(81) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(46deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(46deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim81 60s infinite linear;
          animation: anim81 60s infinite linear;
  -webkit-animation-delay: -24.3s;
          animation-delay: -24.3s;
  opacity: 0;
}

@-webkit-keyframes anim81 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(69deg) translate3d(421px, 453px, 1000px) scale(1);
            transform: rotate(69deg) translate3d(421px, 453px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim81 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(69deg) translate3d(421px, 453px, 1000px) scale(1);
            transform: rotate(69deg) translate3d(421px, 453px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(82) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 75px;
  margin-left: -37.5px;
  margin-top: -37.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(352deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(352deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim82 60s infinite linear;
          animation: anim82 60s infinite linear;
  -webkit-animation-delay: -24.6s;
          animation-delay: -24.6s;
  opacity: 0;
}

@-webkit-keyframes anim82 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(528deg) translate3d(391px, 328px, 1000px) scale(1);
            transform: rotate(528deg) translate3d(391px, 328px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim82 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(528deg) translate3d(391px, 328px, 1000px) scale(1);
            transform: rotate(528deg) translate3d(391px, 328px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(83) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(178deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(178deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim83 60s infinite linear;
          animation: anim83 60s infinite linear;
  -webkit-animation-delay: -24.9s;
          animation-delay: -24.9s;
  opacity: 0;
}

@-webkit-keyframes anim83 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(267deg) translate3d(397px, 814px, 1000px) scale(1);
            transform: rotate(267deg) translate3d(397px, 814px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim83 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(267deg) translate3d(397px, 814px, 1000px) scale(1);
            transform: rotate(267deg) translate3d(397px, 814px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(84) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(163deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(163deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim84 60s infinite linear;
          animation: anim84 60s infinite linear;
  -webkit-animation-delay: -25.2s;
          animation-delay: -25.2s;
  opacity: 0;
}

@-webkit-keyframes anim84 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(244.5deg) translate3d(157px, 549px, 1000px) scale(1);
            transform: rotate(244.5deg) translate3d(157px, 549px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim84 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(244.5deg) translate3d(157px, 549px, 1000px) scale(1);
            transform: rotate(244.5deg) translate3d(157px, 549px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(85) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(65deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(65deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim85 60s infinite linear;
          animation: anim85 60s infinite linear;
  -webkit-animation-delay: -25.5s;
          animation-delay: -25.5s;
  opacity: 0;
}

@-webkit-keyframes anim85 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(97.5deg) translate3d(655px, 887px, 1000px) scale(1);
            transform: rotate(97.5deg) translate3d(655px, 887px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim85 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(97.5deg) translate3d(655px, 887px, 1000px) scale(1);
            transform: rotate(97.5deg) translate3d(655px, 887px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(86) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  margin-left: -31.5px;
  margin-top: -31.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(132deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(132deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim86 60s infinite linear;
          animation: anim86 60s infinite linear;
  -webkit-animation-delay: -25.8s;
          animation-delay: -25.8s;
  opacity: 0;
}

@-webkit-keyframes anim86 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(198deg) translate3d(413px, 6px, 1000px) scale(1);
            transform: rotate(198deg) translate3d(413px, 6px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim86 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(198deg) translate3d(413px, 6px, 1000px) scale(1);
            transform: rotate(198deg) translate3d(413px, 6px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(87) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 135px;
  height: 135px;
  margin-left: -67.5px;
  margin-top: -67.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(144deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(144deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim87 60s infinite linear;
          animation: anim87 60s infinite linear;
  -webkit-animation-delay: -26.1s;
          animation-delay: -26.1s;
  opacity: 0;
}

@-webkit-keyframes anim87 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(216deg) translate3d(530px, 720px, 1000px) scale(1);
            transform: rotate(216deg) translate3d(530px, 720px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim87 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(216deg) translate3d(530px, 720px, 1000px) scale(1);
            transform: rotate(216deg) translate3d(530px, 720px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(88) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(42deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(42deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim88 60s infinite linear;
          animation: anim88 60s infinite linear;
  -webkit-animation-delay: -26.4s;
          animation-delay: -26.4s;
  opacity: 0;
}

@-webkit-keyframes anim88 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(63deg) translate3d(779px, 855px, 1000px) scale(1);
            transform: rotate(63deg) translate3d(779px, 855px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim88 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(63deg) translate3d(779px, 855px, 1000px) scale(1);
            transform: rotate(63deg) translate3d(779px, 855px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(89) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 144px;
  margin-left: -72px;
  margin-top: -72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(150deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(150deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim89 60s infinite linear;
          animation: anim89 60s infinite linear;
  -webkit-animation-delay: -26.7s;
          animation-delay: -26.7s;
  opacity: 0;
}

@-webkit-keyframes anim89 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(225deg) translate3d(379px, 79px, 1000px) scale(1);
            transform: rotate(225deg) translate3d(379px, 79px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim89 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(225deg) translate3d(379px, 79px, 1000px) scale(1);
            transform: rotate(225deg) translate3d(379px, 79px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(90) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 27px;
  height: 27px;
  margin-left: -13.5px;
  margin-top: -13.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(302deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(302deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim90 60s infinite linear;
          animation: anim90 60s infinite linear;
  -webkit-animation-delay: -27s;
          animation-delay: -27s;
  opacity: 0;
}

@-webkit-keyframes anim90 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(453deg) translate3d(36px, 188px, 1000px) scale(1);
            transform: rotate(453deg) translate3d(36px, 188px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim90 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(453deg) translate3d(36px, 188px, 1000px) scale(1);
            transform: rotate(453deg) translate3d(36px, 188px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(91) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(132deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(132deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim91 60s infinite linear;
          animation: anim91 60s infinite linear;
  -webkit-animation-delay: -27.3s;
          animation-delay: -27.3s;
  opacity: 0;
}

@-webkit-keyframes anim91 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(198deg) translate3d(553px, 259px, 1000px) scale(1);
            transform: rotate(198deg) translate3d(553px, 259px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim91 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(198deg) translate3d(553px, 259px, 1000px) scale(1);
            transform: rotate(198deg) translate3d(553px, 259px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(92) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(212deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(212deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim92 60s infinite linear;
          animation: anim92 60s infinite linear;
  -webkit-animation-delay: -27.6s;
          animation-delay: -27.6s;
  opacity: 0;
}

@-webkit-keyframes anim92 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(318deg) translate3d(222px, 919px, 1000px) scale(1);
            transform: rotate(318deg) translate3d(222px, 919px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim92 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(318deg) translate3d(222px, 919px, 1000px) scale(1);
            transform: rotate(318deg) translate3d(222px, 919px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(93) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  margin-left: -16.5px;
  margin-top: -16.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(318deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(318deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim93 60s infinite linear;
          animation: anim93 60s infinite linear;
  -webkit-animation-delay: -27.9s;
          animation-delay: -27.9s;
  opacity: 0;
}

@-webkit-keyframes anim93 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(477deg) translate3d(312px, 528px, 1000px) scale(1);
            transform: rotate(477deg) translate3d(312px, 528px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim93 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(477deg) translate3d(312px, 528px, 1000px) scale(1);
            transform: rotate(477deg) translate3d(312px, 528px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(94) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(36deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(36deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim94 60s infinite linear;
          animation: anim94 60s infinite linear;
  -webkit-animation-delay: -28.2s;
          animation-delay: -28.2s;
  opacity: 0;
}

@-webkit-keyframes anim94 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(54deg) translate3d(271px, 804px, 1000px) scale(1);
            transform: rotate(54deg) translate3d(271px, 804px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim94 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(54deg) translate3d(271px, 804px, 1000px) scale(1);
            transform: rotate(54deg) translate3d(271px, 804px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(95) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 51px;
  height: 51px;
  margin-left: -25.5px;
  margin-top: -25.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(81deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(81deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim95 60s infinite linear;
          animation: anim95 60s infinite linear;
  -webkit-animation-delay: -28.5s;
          animation-delay: -28.5s;
  opacity: 0;
}

@-webkit-keyframes anim95 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(121.5deg) translate3d(584px, 795px, 1000px) scale(1);
            transform: rotate(121.5deg) translate3d(584px, 795px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim95 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(121.5deg) translate3d(584px, 795px, 1000px) scale(1);
            transform: rotate(121.5deg) translate3d(584px, 795px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(96) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  margin-left: -16.5px;
  margin-top: -16.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(164deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(164deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim96 60s infinite linear;
          animation: anim96 60s infinite linear;
  -webkit-animation-delay: -28.8s;
          animation-delay: -28.8s;
  opacity: 0;
}

@-webkit-keyframes anim96 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(246deg) translate3d(678px, 984px, 1000px) scale(1);
            transform: rotate(246deg) translate3d(678px, 984px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim96 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(246deg) translate3d(678px, 984px, 1000px) scale(1);
            transform: rotate(246deg) translate3d(678px, 984px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(97) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(331deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(331deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim97 60s infinite linear;
          animation: anim97 60s infinite linear;
  -webkit-animation-delay: -29.1s;
          animation-delay: -29.1s;
  opacity: 0;
}

@-webkit-keyframes anim97 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(496.5deg) translate3d(957px, 158px, 1000px) scale(1);
            transform: rotate(496.5deg) translate3d(957px, 158px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim97 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(496.5deg) translate3d(957px, 158px, 1000px) scale(1);
            transform: rotate(496.5deg) translate3d(957px, 158px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(98) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 99px;
  height: 99px;
  margin-left: -49.5px;
  margin-top: -49.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(149deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(149deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim98 60s infinite linear;
          animation: anim98 60s infinite linear;
  -webkit-animation-delay: -29.4s;
          animation-delay: -29.4s;
  opacity: 0;
}

@-webkit-keyframes anim98 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(223.5deg) translate3d(770px, 356px, 1000px) scale(1);
            transform: rotate(223.5deg) translate3d(770px, 356px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim98 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(223.5deg) translate3d(770px, 356px, 1000px) scale(1);
            transform: rotate(223.5deg) translate3d(770px, 356px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(99) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(188deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(188deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim99 60s infinite linear;
          animation: anim99 60s infinite linear;
  -webkit-animation-delay: -29.7s;
          animation-delay: -29.7s;
  opacity: 0;
}

@-webkit-keyframes anim99 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(282deg) translate3d(229px, 664px, 1000px) scale(1);
            transform: rotate(282deg) translate3d(229px, 664px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim99 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(282deg) translate3d(229px, 664px, 1000px) scale(1);
            transform: rotate(282deg) translate3d(229px, 664px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(100) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 102px;
  height: 102px;
  margin-left: -51px;
  margin-top: -51px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(138deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(138deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim100 60s infinite linear;
          animation: anim100 60s infinite linear;
  -webkit-animation-delay: -30s;
          animation-delay: -30s;
  opacity: 0;
}

@-webkit-keyframes anim100 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(207deg) translate3d(998px, 51px, 1000px) scale(1);
            transform: rotate(207deg) translate3d(998px, 51px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim100 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(207deg) translate3d(998px, 51px, 1000px) scale(1);
            transform: rotate(207deg) translate3d(998px, 51px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(101) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 27px;
  height: 27px;
  margin-left: -13.5px;
  margin-top: -13.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(105deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(105deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim101 60s infinite linear;
          animation: anim101 60s infinite linear;
  -webkit-animation-delay: -30.3s;
          animation-delay: -30.3s;
  opacity: 0;
}

@-webkit-keyframes anim101 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(157.5deg) translate3d(66px, 250px, 1000px) scale(1);
            transform: rotate(157.5deg) translate3d(66px, 250px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim101 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(157.5deg) translate3d(66px, 250px, 1000px) scale(1);
            transform: rotate(157.5deg) translate3d(66px, 250px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(102) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 147px;
  height: 147px;
  margin-left: -73.5px;
  margin-top: -73.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(236deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(236deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim102 60s infinite linear;
          animation: anim102 60s infinite linear;
  -webkit-animation-delay: -30.6s;
          animation-delay: -30.6s;
  opacity: 0;
}

@-webkit-keyframes anim102 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(354deg) translate3d(720px, 299px, 1000px) scale(1);
            transform: rotate(354deg) translate3d(720px, 299px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim102 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(354deg) translate3d(720px, 299px, 1000px) scale(1);
            transform: rotate(354deg) translate3d(720px, 299px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(103) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 69px;
  height: 69px;
  margin-left: -34.5px;
  margin-top: -34.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(270deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(270deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim103 60s infinite linear;
          animation: anim103 60s infinite linear;
  -webkit-animation-delay: -30.9s;
          animation-delay: -30.9s;
  opacity: 0;
}

@-webkit-keyframes anim103 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(405deg) translate3d(157px, 833px, 1000px) scale(1);
            transform: rotate(405deg) translate3d(157px, 833px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim103 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(405deg) translate3d(157px, 833px, 1000px) scale(1);
            transform: rotate(405deg) translate3d(157px, 833px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(104) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(285deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(285deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim104 60s infinite linear;
          animation: anim104 60s infinite linear;
  -webkit-animation-delay: -31.2s;
          animation-delay: -31.2s;
  opacity: 0;
}

@-webkit-keyframes anim104 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(427.5deg) translate3d(668px, 707px, 1000px) scale(1);
            transform: rotate(427.5deg) translate3d(668px, 707px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim104 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(427.5deg) translate3d(668px, 707px, 1000px) scale(1);
            transform: rotate(427.5deg) translate3d(668px, 707px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(105) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(132deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(132deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim105 60s infinite linear;
          animation: anim105 60s infinite linear;
  -webkit-animation-delay: -31.5s;
          animation-delay: -31.5s;
  opacity: 0;
}

@-webkit-keyframes anim105 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(198deg) translate3d(980px, 853px, 1000px) scale(1);
            transform: rotate(198deg) translate3d(980px, 853px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim105 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(198deg) translate3d(980px, 853px, 1000px) scale(1);
            transform: rotate(198deg) translate3d(980px, 853px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(106) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 66px;
  height: 66px;
  margin-left: -33px;
  margin-top: -33px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(280deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(280deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim106 60s infinite linear;
          animation: anim106 60s infinite linear;
  -webkit-animation-delay: -31.8s;
          animation-delay: -31.8s;
  opacity: 0;
}

@-webkit-keyframes anim106 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(420deg) translate3d(888px, 661px, 1000px) scale(1);
            transform: rotate(420deg) translate3d(888px, 661px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim106 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(420deg) translate3d(888px, 661px, 1000px) scale(1);
            transform: rotate(420deg) translate3d(888px, 661px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(107) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 99px;
  height: 99px;
  margin-left: -49.5px;
  margin-top: -49.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(173deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(173deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim107 60s infinite linear;
          animation: anim107 60s infinite linear;
  -webkit-animation-delay: -32.1s;
          animation-delay: -32.1s;
  opacity: 0;
}

@-webkit-keyframes anim107 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(259.5deg) translate3d(222px, 962px, 1000px) scale(1);
            transform: rotate(259.5deg) translate3d(222px, 962px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim107 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(259.5deg) translate3d(222px, 962px, 1000px) scale(1);
            transform: rotate(259.5deg) translate3d(222px, 962px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(108) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 126px;
  height: 126px;
  margin-left: -63px;
  margin-top: -63px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(262deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(262deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim108 60s infinite linear;
          animation: anim108 60s infinite linear;
  -webkit-animation-delay: -32.4s;
          animation-delay: -32.4s;
  opacity: 0;
}

@-webkit-keyframes anim108 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(393deg) translate3d(940px, 666px, 1000px) scale(1);
            transform: rotate(393deg) translate3d(940px, 666px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim108 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(393deg) translate3d(940px, 666px, 1000px) scale(1);
            transform: rotate(393deg) translate3d(940px, 666px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(109) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 66px;
  height: 66px;
  margin-left: -33px;
  margin-top: -33px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(323deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(323deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim109 60s infinite linear;
          animation: anim109 60s infinite linear;
  -webkit-animation-delay: -32.7s;
          animation-delay: -32.7s;
  opacity: 0;
}

@-webkit-keyframes anim109 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(484.5deg) translate3d(852px, 784px, 1000px) scale(1);
            transform: rotate(484.5deg) translate3d(852px, 784px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim109 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(484.5deg) translate3d(852px, 784px, 1000px) scale(1);
            transform: rotate(484.5deg) translate3d(852px, 784px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(110) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(21deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(21deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim110 60s infinite linear;
          animation: anim110 60s infinite linear;
  -webkit-animation-delay: -33s;
          animation-delay: -33s;
  opacity: 0;
}

@-webkit-keyframes anim110 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(31.5deg) translate3d(133px, 414px, 1000px) scale(1);
            transform: rotate(31.5deg) translate3d(133px, 414px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim110 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(31.5deg) translate3d(133px, 414px, 1000px) scale(1);
            transform: rotate(31.5deg) translate3d(133px, 414px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(111) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  margin-left: -10.5px;
  margin-top: -10.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(117deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(117deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim111 60s infinite linear;
          animation: anim111 60s infinite linear;
  -webkit-animation-delay: -33.3s;
          animation-delay: -33.3s;
  opacity: 0;
}

@-webkit-keyframes anim111 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(175.5deg) translate3d(351px, 32px, 1000px) scale(1);
            transform: rotate(175.5deg) translate3d(351px, 32px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim111 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(175.5deg) translate3d(351px, 32px, 1000px) scale(1);
            transform: rotate(175.5deg) translate3d(351px, 32px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(112) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 147px;
  height: 147px;
  margin-left: -73.5px;
  margin-top: -73.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(45deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(45deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim112 60s infinite linear;
          animation: anim112 60s infinite linear;
  -webkit-animation-delay: -33.6s;
          animation-delay: -33.6s;
  opacity: 0;
}

@-webkit-keyframes anim112 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(67.5deg) translate3d(429px, 92px, 1000px) scale(1);
            transform: rotate(67.5deg) translate3d(429px, 92px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim112 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(67.5deg) translate3d(429px, 92px, 1000px) scale(1);
            transform: rotate(67.5deg) translate3d(429px, 92px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(113) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 126px;
  height: 126px;
  margin-left: -63px;
  margin-top: -63px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(321deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(321deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim113 60s infinite linear;
          animation: anim113 60s infinite linear;
  -webkit-animation-delay: -33.9s;
          animation-delay: -33.9s;
  opacity: 0;
}

@-webkit-keyframes anim113 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(481.5deg) translate3d(14px, 377px, 1000px) scale(1);
            transform: rotate(481.5deg) translate3d(14px, 377px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim113 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(481.5deg) translate3d(14px, 377px, 1000px) scale(1);
            transform: rotate(481.5deg) translate3d(14px, 377px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(114) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 141px;
  height: 141px;
  margin-left: -70.5px;
  margin-top: -70.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(345deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(345deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim114 60s infinite linear;
          animation: anim114 60s infinite linear;
  -webkit-animation-delay: -34.2s;
          animation-delay: -34.2s;
  opacity: 0;
}

@-webkit-keyframes anim114 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(517.5deg) translate3d(560px, 53px, 1000px) scale(1);
            transform: rotate(517.5deg) translate3d(560px, 53px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim114 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(517.5deg) translate3d(560px, 53px, 1000px) scale(1);
            transform: rotate(517.5deg) translate3d(560px, 53px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(115) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(64deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(64deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim115 60s infinite linear;
          animation: anim115 60s infinite linear;
  -webkit-animation-delay: -34.5s;
          animation-delay: -34.5s;
  opacity: 0;
}

@-webkit-keyframes anim115 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(96deg) translate3d(638px, 761px, 1000px) scale(1);
            transform: rotate(96deg) translate3d(638px, 761px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim115 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(96deg) translate3d(638px, 761px, 1000px) scale(1);
            transform: rotate(96deg) translate3d(638px, 761px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(116) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 84px;
  height: 84px;
  margin-left: -42px;
  margin-top: -42px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(58deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(58deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim116 60s infinite linear;
          animation: anim116 60s infinite linear;
  -webkit-animation-delay: -34.8s;
          animation-delay: -34.8s;
  opacity: 0;
}

@-webkit-keyframes anim116 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(87deg) translate3d(719px, 210px, 1000px) scale(1);
            transform: rotate(87deg) translate3d(719px, 210px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim116 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(87deg) translate3d(719px, 210px, 1000px) scale(1);
            transform: rotate(87deg) translate3d(719px, 210px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(117) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 105px;
  margin-left: -52.5px;
  margin-top: -52.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(261deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(261deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim117 60s infinite linear;
          animation: anim117 60s infinite linear;
  -webkit-animation-delay: -35.1s;
          animation-delay: -35.1s;
  opacity: 0;
}

@-webkit-keyframes anim117 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(391.5deg) translate3d(602px, 588px, 1000px) scale(1);
            transform: rotate(391.5deg) translate3d(602px, 588px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim117 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(391.5deg) translate3d(602px, 588px, 1000px) scale(1);
            transform: rotate(391.5deg) translate3d(602px, 588px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(118) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 129px;
  height: 129px;
  margin-left: -64.5px;
  margin-top: -64.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(235deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(235deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim118 60s infinite linear;
          animation: anim118 60s infinite linear;
  -webkit-animation-delay: -35.4s;
          animation-delay: -35.4s;
  opacity: 0;
}

@-webkit-keyframes anim118 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(352.5deg) translate3d(689px, 897px, 1000px) scale(1);
            transform: rotate(352.5deg) translate3d(689px, 897px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim118 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(352.5deg) translate3d(689px, 897px, 1000px) scale(1);
            transform: rotate(352.5deg) translate3d(689px, 897px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(119) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 144px;
  margin-left: -72px;
  margin-top: -72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(144deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(144deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim119 60s infinite linear;
          animation: anim119 60s infinite linear;
  -webkit-animation-delay: -35.7s;
          animation-delay: -35.7s;
  opacity: 0;
}

@-webkit-keyframes anim119 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(216deg) translate3d(913px, 671px, 1000px) scale(1);
            transform: rotate(216deg) translate3d(913px, 671px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim119 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(216deg) translate3d(913px, 671px, 1000px) scale(1);
            transform: rotate(216deg) translate3d(913px, 671px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(120) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 105px;
  margin-left: -52.5px;
  margin-top: -52.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(1deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(1deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim120 60s infinite linear;
          animation: anim120 60s infinite linear;
  -webkit-animation-delay: -36s;
          animation-delay: -36s;
  opacity: 0;
}

@-webkit-keyframes anim120 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(1.5deg) translate3d(390px, 531px, 1000px) scale(1);
            transform: rotate(1.5deg) translate3d(390px, 531px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim120 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(1.5deg) translate3d(390px, 531px, 1000px) scale(1);
            transform: rotate(1.5deg) translate3d(390px, 531px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(121) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 132px;
  margin-left: -66px;
  margin-top: -66px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(178deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(178deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim121 60s infinite linear;
          animation: anim121 60s infinite linear;
  -webkit-animation-delay: -36.3s;
          animation-delay: -36.3s;
  opacity: 0;
}

@-webkit-keyframes anim121 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(267deg) translate3d(548px, 786px, 1000px) scale(1);
            transform: rotate(267deg) translate3d(548px, 786px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim121 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(267deg) translate3d(548px, 786px, 1000px) scale(1);
            transform: rotate(267deg) translate3d(548px, 786px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(122) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
  margin-left: -10.5px;
  margin-top: -10.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(111deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(111deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim122 60s infinite linear;
          animation: anim122 60s infinite linear;
  -webkit-animation-delay: -36.6s;
          animation-delay: -36.6s;
  opacity: 0;
}

@-webkit-keyframes anim122 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(166.5deg) translate3d(812px, 111px, 1000px) scale(1);
            transform: rotate(166.5deg) translate3d(812px, 111px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim122 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(166.5deg) translate3d(812px, 111px, 1000px) scale(1);
            transform: rotate(166.5deg) translate3d(812px, 111px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(123) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(205deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(205deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim123 60s infinite linear;
          animation: anim123 60s infinite linear;
  -webkit-animation-delay: -36.9s;
          animation-delay: -36.9s;
  opacity: 0;
}

@-webkit-keyframes anim123 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(307.5deg) translate3d(328px, 381px, 1000px) scale(1);
            transform: rotate(307.5deg) translate3d(328px, 381px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim123 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(307.5deg) translate3d(328px, 381px, 1000px) scale(1);
            transform: rotate(307.5deg) translate3d(328px, 381px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(124) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 27px;
  height: 27px;
  margin-left: -13.5px;
  margin-top: -13.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(286deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(286deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim124 60s infinite linear;
          animation: anim124 60s infinite linear;
  -webkit-animation-delay: -37.2s;
          animation-delay: -37.2s;
  opacity: 0;
}

@-webkit-keyframes anim124 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(429deg) translate3d(584px, 591px, 1000px) scale(1);
            transform: rotate(429deg) translate3d(584px, 591px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim124 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(429deg) translate3d(584px, 591px, 1000px) scale(1);
            transform: rotate(429deg) translate3d(584px, 591px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(125) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 99px;
  height: 99px;
  margin-left: -49.5px;
  margin-top: -49.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(85deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(85deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim125 60s infinite linear;
          animation: anim125 60s infinite linear;
  -webkit-animation-delay: -37.5s;
          animation-delay: -37.5s;
  opacity: 0;
}

@-webkit-keyframes anim125 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(127.5deg) translate3d(122px, 232px, 1000px) scale(1);
            transform: rotate(127.5deg) translate3d(122px, 232px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim125 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(127.5deg) translate3d(122px, 232px, 1000px) scale(1);
            transform: rotate(127.5deg) translate3d(122px, 232px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(126) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(219deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(219deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim126 60s infinite linear;
          animation: anim126 60s infinite linear;
  -webkit-animation-delay: -37.8s;
          animation-delay: -37.8s;
  opacity: 0;
}

@-webkit-keyframes anim126 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(328.5deg) translate3d(888px, 503px, 1000px) scale(1);
            transform: rotate(328.5deg) translate3d(888px, 503px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim126 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(328.5deg) translate3d(888px, 503px, 1000px) scale(1);
            transform: rotate(328.5deg) translate3d(888px, 503px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(127) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 135px;
  height: 135px;
  margin-left: -67.5px;
  margin-top: -67.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(170deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(170deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim127 60s infinite linear;
          animation: anim127 60s infinite linear;
  -webkit-animation-delay: -38.1s;
          animation-delay: -38.1s;
  opacity: 0;
}

@-webkit-keyframes anim127 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(255deg) translate3d(963px, 469px, 1000px) scale(1);
            transform: rotate(255deg) translate3d(963px, 469px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim127 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(255deg) translate3d(963px, 469px, 1000px) scale(1);
            transform: rotate(255deg) translate3d(963px, 469px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(128) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(175deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(175deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim128 60s infinite linear;
          animation: anim128 60s infinite linear;
  -webkit-animation-delay: -38.4s;
          animation-delay: -38.4s;
  opacity: 0;
}

@-webkit-keyframes anim128 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(262.5deg) translate3d(852px, 347px, 1000px) scale(1);
            transform: rotate(262.5deg) translate3d(852px, 347px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim128 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(262.5deg) translate3d(852px, 347px, 1000px) scale(1);
            transform: rotate(262.5deg) translate3d(852px, 347px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(129) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 117px;
  height: 117px;
  margin-left: -58.5px;
  margin-top: -58.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(220deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(220deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim129 60s infinite linear;
          animation: anim129 60s infinite linear;
  -webkit-animation-delay: -38.7s;
          animation-delay: -38.7s;
  opacity: 0;
}

@-webkit-keyframes anim129 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(330deg) translate3d(121px, 151px, 1000px) scale(1);
            transform: rotate(330deg) translate3d(121px, 151px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim129 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(330deg) translate3d(121px, 151px, 1000px) scale(1);
            transform: rotate(330deg) translate3d(121px, 151px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(130) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(238deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(238deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim130 60s infinite linear;
          animation: anim130 60s infinite linear;
  -webkit-animation-delay: -39s;
          animation-delay: -39s;
  opacity: 0;
}

@-webkit-keyframes anim130 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(357deg) translate3d(59px, 436px, 1000px) scale(1);
            transform: rotate(357deg) translate3d(59px, 436px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim130 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(357deg) translate3d(59px, 436px, 1000px) scale(1);
            transform: rotate(357deg) translate3d(59px, 436px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(131) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  margin-left: -31.5px;
  margin-top: -31.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(199deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(199deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim131 60s infinite linear;
          animation: anim131 60s infinite linear;
  -webkit-animation-delay: -39.3s;
          animation-delay: -39.3s;
  opacity: 0;
}

@-webkit-keyframes anim131 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(298.5deg) translate3d(691px, 617px, 1000px) scale(1);
            transform: rotate(298.5deg) translate3d(691px, 617px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim131 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(298.5deg) translate3d(691px, 617px, 1000px) scale(1);
            transform: rotate(298.5deg) translate3d(691px, 617px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(132) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 39px;
  margin-left: -19.5px;
  margin-top: -19.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(58deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(58deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim132 60s infinite linear;
          animation: anim132 60s infinite linear;
  -webkit-animation-delay: -39.6s;
          animation-delay: -39.6s;
  opacity: 0;
}

@-webkit-keyframes anim132 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(87deg) translate3d(296px, 883px, 1000px) scale(1);
            transform: rotate(87deg) translate3d(296px, 883px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim132 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(87deg) translate3d(296px, 883px, 1000px) scale(1);
            transform: rotate(87deg) translate3d(296px, 883px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(133) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(61deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(61deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim133 60s infinite linear;
          animation: anim133 60s infinite linear;
  -webkit-animation-delay: -39.9s;
          animation-delay: -39.9s;
  opacity: 0;
}

@-webkit-keyframes anim133 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(91.5deg) translate3d(828px, 674px, 1000px) scale(1);
            transform: rotate(91.5deg) translate3d(828px, 674px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim133 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(91.5deg) translate3d(828px, 674px, 1000px) scale(1);
            transform: rotate(91.5deg) translate3d(828px, 674px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(134) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 141px;
  height: 141px;
  margin-left: -70.5px;
  margin-top: -70.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(11deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(11deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim134 60s infinite linear;
          animation: anim134 60s infinite linear;
  -webkit-animation-delay: -40.2s;
          animation-delay: -40.2s;
  opacity: 0;
}

@-webkit-keyframes anim134 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(16.5deg) translate3d(64px, 677px, 1000px) scale(1);
            transform: rotate(16.5deg) translate3d(64px, 677px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim134 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(16.5deg) translate3d(64px, 677px, 1000px) scale(1);
            transform: rotate(16.5deg) translate3d(64px, 677px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(135) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 27px;
  height: 27px;
  margin-left: -13.5px;
  margin-top: -13.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(321deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(321deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim135 60s infinite linear;
          animation: anim135 60s infinite linear;
  -webkit-animation-delay: -40.5s;
          animation-delay: -40.5s;
  opacity: 0;
}

@-webkit-keyframes anim135 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(481.5deg) translate3d(426px, 209px, 1000px) scale(1);
            transform: rotate(481.5deg) translate3d(426px, 209px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim135 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(481.5deg) translate3d(426px, 209px, 1000px) scale(1);
            transform: rotate(481.5deg) translate3d(426px, 209px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(136) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 66px;
  height: 66px;
  margin-left: -33px;
  margin-top: -33px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(265deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(265deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim136 60s infinite linear;
          animation: anim136 60s infinite linear;
  -webkit-animation-delay: -40.8s;
          animation-delay: -40.8s;
  opacity: 0;
}

@-webkit-keyframes anim136 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(397.5deg) translate3d(290px, 65px, 1000px) scale(1);
            transform: rotate(397.5deg) translate3d(290px, 65px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim136 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(397.5deg) translate3d(290px, 65px, 1000px) scale(1);
            transform: rotate(397.5deg) translate3d(290px, 65px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(137) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 96px;
  height: 96px;
  margin-left: -48px;
  margin-top: -48px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(350deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(350deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim137 60s infinite linear;
          animation: anim137 60s infinite linear;
  -webkit-animation-delay: -41.1s;
          animation-delay: -41.1s;
  opacity: 0;
}

@-webkit-keyframes anim137 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(525deg) translate3d(881px, 178px, 1000px) scale(1);
            transform: rotate(525deg) translate3d(881px, 178px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim137 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(525deg) translate3d(881px, 178px, 1000px) scale(1);
            transform: rotate(525deg) translate3d(881px, 178px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(138) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 69px;
  height: 69px;
  margin-left: -34.5px;
  margin-top: -34.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(121deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(121deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim138 60s infinite linear;
          animation: anim138 60s infinite linear;
  -webkit-animation-delay: -41.4s;
          animation-delay: -41.4s;
  opacity: 0;
}

@-webkit-keyframes anim138 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(181.5deg) translate3d(583px, 61px, 1000px) scale(1);
            transform: rotate(181.5deg) translate3d(583px, 61px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim138 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(181.5deg) translate3d(583px, 61px, 1000px) scale(1);
            transform: rotate(181.5deg) translate3d(583px, 61px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(139) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(69deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(69deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim139 60s infinite linear;
          animation: anim139 60s infinite linear;
  -webkit-animation-delay: -41.7s;
          animation-delay: -41.7s;
  opacity: 0;
}

@-webkit-keyframes anim139 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(103.5deg) translate3d(508px, 835px, 1000px) scale(1);
            transform: rotate(103.5deg) translate3d(508px, 835px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim139 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(103.5deg) translate3d(508px, 835px, 1000px) scale(1);
            transform: rotate(103.5deg) translate3d(508px, 835px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(140) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(123deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(123deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim140 60s infinite linear;
          animation: anim140 60s infinite linear;
  -webkit-animation-delay: -42s;
          animation-delay: -42s;
  opacity: 0;
}

@-webkit-keyframes anim140 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(184.5deg) translate3d(205px, 96px, 1000px) scale(1);
            transform: rotate(184.5deg) translate3d(205px, 96px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim140 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(184.5deg) translate3d(205px, 96px, 1000px) scale(1);
            transform: rotate(184.5deg) translate3d(205px, 96px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(141) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: -6px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(302deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(302deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim141 60s infinite linear;
          animation: anim141 60s infinite linear;
  -webkit-animation-delay: -42.3s;
          animation-delay: -42.3s;
  opacity: 0;
}

@-webkit-keyframes anim141 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(453deg) translate3d(783px, 746px, 1000px) scale(1);
            transform: rotate(453deg) translate3d(783px, 746px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim141 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(453deg) translate3d(783px, 746px, 1000px) scale(1);
            transform: rotate(453deg) translate3d(783px, 746px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(142) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 138px;
  height: 138px;
  margin-left: -69px;
  margin-top: -69px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(35deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(35deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim142 60s infinite linear;
          animation: anim142 60s infinite linear;
  -webkit-animation-delay: -42.6s;
          animation-delay: -42.6s;
  opacity: 0;
}

@-webkit-keyframes anim142 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(52.5deg) translate3d(120px, 667px, 1000px) scale(1);
            transform: rotate(52.5deg) translate3d(120px, 667px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim142 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(52.5deg) translate3d(120px, 667px, 1000px) scale(1);
            transform: rotate(52.5deg) translate3d(120px, 667px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(143) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 69px;
  height: 69px;
  margin-left: -34.5px;
  margin-top: -34.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(88deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(88deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim143 60s infinite linear;
          animation: anim143 60s infinite linear;
  -webkit-animation-delay: -42.9s;
          animation-delay: -42.9s;
  opacity: 0;
}

@-webkit-keyframes anim143 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(132deg) translate3d(830px, 34px, 1000px) scale(1);
            transform: rotate(132deg) translate3d(830px, 34px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim143 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(132deg) translate3d(830px, 34px, 1000px) scale(1);
            transform: rotate(132deg) translate3d(830px, 34px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(144) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 144px;
  height: 144px;
  margin-left: -72px;
  margin-top: -72px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(154deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(154deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim144 60s infinite linear;
          animation: anim144 60s infinite linear;
  -webkit-animation-delay: -43.2s;
          animation-delay: -43.2s;
  opacity: 0;
}

@-webkit-keyframes anim144 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(231deg) translate3d(981px, 882px, 1000px) scale(1);
            transform: rotate(231deg) translate3d(981px, 882px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim144 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(231deg) translate3d(981px, 882px, 1000px) scale(1);
            transform: rotate(231deg) translate3d(981px, 882px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(145) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(317deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(317deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim145 60s infinite linear;
          animation: anim145 60s infinite linear;
  -webkit-animation-delay: -43.5s;
          animation-delay: -43.5s;
  opacity: 0;
}

@-webkit-keyframes anim145 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(475.5deg) translate3d(202px, 818px, 1000px) scale(1);
            transform: rotate(475.5deg) translate3d(202px, 818px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim145 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(475.5deg) translate3d(202px, 818px, 1000px) scale(1);
            transform: rotate(475.5deg) translate3d(202px, 818px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(146) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 105px;
  margin-left: -52.5px;
  margin-top: -52.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(187deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(187deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim146 60s infinite linear;
          animation: anim146 60s infinite linear;
  -webkit-animation-delay: -43.8s;
          animation-delay: -43.8s;
  opacity: 0;
}

@-webkit-keyframes anim146 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(280.5deg) translate3d(36px, 181px, 1000px) scale(1);
            transform: rotate(280.5deg) translate3d(36px, 181px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim146 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(280.5deg) translate3d(36px, 181px, 1000px) scale(1);
            transform: rotate(280.5deg) translate3d(36px, 181px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(147) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 129px;
  height: 129px;
  margin-left: -64.5px;
  margin-top: -64.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(270deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(270deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim147 60s infinite linear;
          animation: anim147 60s infinite linear;
  -webkit-animation-delay: -44.1s;
          animation-delay: -44.1s;
  opacity: 0;
}

@-webkit-keyframes anim147 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(405deg) translate3d(336px, 186px, 1000px) scale(1);
            transform: rotate(405deg) translate3d(336px, 186px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim147 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(405deg) translate3d(336px, 186px, 1000px) scale(1);
            transform: rotate(405deg) translate3d(336px, 186px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(148) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(52deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(52deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim148 60s infinite linear;
          animation: anim148 60s infinite linear;
  -webkit-animation-delay: -44.4s;
          animation-delay: -44.4s;
  opacity: 0;
}

@-webkit-keyframes anim148 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(78deg) translate3d(423px, 578px, 1000px) scale(1);
            transform: rotate(78deg) translate3d(423px, 578px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim148 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(78deg) translate3d(423px, 578px, 1000px) scale(1);
            transform: rotate(78deg) translate3d(423px, 578px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(149) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 87px;
  height: 87px;
  margin-left: -43.5px;
  margin-top: -43.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(206deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(206deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim149 60s infinite linear;
          animation: anim149 60s infinite linear;
  -webkit-animation-delay: -44.7s;
          animation-delay: -44.7s;
  opacity: 0;
}

@-webkit-keyframes anim149 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(309deg) translate3d(849px, 185px, 1000px) scale(1);
            transform: rotate(309deg) translate3d(849px, 185px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim149 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(309deg) translate3d(849px, 185px, 1000px) scale(1);
            transform: rotate(309deg) translate3d(849px, 185px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(150) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  margin-left: -31.5px;
  margin-top: -31.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(174deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(174deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim150 60s infinite linear;
          animation: anim150 60s infinite linear;
  -webkit-animation-delay: -45s;
          animation-delay: -45s;
  opacity: 0;
}

@-webkit-keyframes anim150 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(261deg) translate3d(220px, 307px, 1000px) scale(1);
            transform: rotate(261deg) translate3d(220px, 307px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim150 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(261deg) translate3d(220px, 307px, 1000px) scale(1);
            transform: rotate(261deg) translate3d(220px, 307px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(151) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(265deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(265deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim151 60s infinite linear;
          animation: anim151 60s infinite linear;
  -webkit-animation-delay: -45.3s;
          animation-delay: -45.3s;
  opacity: 0;
}

@-webkit-keyframes anim151 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(397.5deg) translate3d(596px, 810px, 1000px) scale(1);
            transform: rotate(397.5deg) translate3d(596px, 810px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim151 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(397.5deg) translate3d(596px, 810px, 1000px) scale(1);
            transform: rotate(397.5deg) translate3d(596px, 810px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(152) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(278deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(278deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim152 60s infinite linear;
          animation: anim152 60s infinite linear;
  -webkit-animation-delay: -45.6s;
          animation-delay: -45.6s;
  opacity: 0;
}

@-webkit-keyframes anim152 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(417deg) translate3d(970px, 304px, 1000px) scale(1);
            transform: rotate(417deg) translate3d(970px, 304px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim152 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(417deg) translate3d(970px, 304px, 1000px) scale(1);
            transform: rotate(417deg) translate3d(970px, 304px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(153) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(227deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(227deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim153 60s infinite linear;
          animation: anim153 60s infinite linear;
  -webkit-animation-delay: -45.9s;
          animation-delay: -45.9s;
  opacity: 0;
}

@-webkit-keyframes anim153 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(340.5deg) translate3d(841px, 152px, 1000px) scale(1);
            transform: rotate(340.5deg) translate3d(841px, 152px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim153 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(340.5deg) translate3d(841px, 152px, 1000px) scale(1);
            transform: rotate(340.5deg) translate3d(841px, 152px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(154) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 114px;
  height: 114px;
  margin-left: -57px;
  margin-top: -57px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(38deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(38deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim154 60s infinite linear;
          animation: anim154 60s infinite linear;
  -webkit-animation-delay: -46.2s;
          animation-delay: -46.2s;
  opacity: 0;
}

@-webkit-keyframes anim154 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(57deg) translate3d(183px, 628px, 1000px) scale(1);
            transform: rotate(57deg) translate3d(183px, 628px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim154 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(57deg) translate3d(183px, 628px, 1000px) scale(1);
            transform: rotate(57deg) translate3d(183px, 628px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(155) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(315deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(315deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim155 60s infinite linear;
          animation: anim155 60s infinite linear;
  -webkit-animation-delay: -46.5s;
          animation-delay: -46.5s;
  opacity: 0;
}

@-webkit-keyframes anim155 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(472.5deg) translate3d(53px, 489px, 1000px) scale(1);
            transform: rotate(472.5deg) translate3d(53px, 489px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim155 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(472.5deg) translate3d(53px, 489px, 1000px) scale(1);
            transform: rotate(472.5deg) translate3d(53px, 489px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(156) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  margin-top: -4.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(281deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(281deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim156 60s infinite linear;
          animation: anim156 60s infinite linear;
  -webkit-animation-delay: -46.8s;
          animation-delay: -46.8s;
  opacity: 0;
}

@-webkit-keyframes anim156 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(421.5deg) translate3d(400px, 316px, 1000px) scale(1);
            transform: rotate(421.5deg) translate3d(400px, 316px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim156 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(421.5deg) translate3d(400px, 316px, 1000px) scale(1);
            transform: rotate(421.5deg) translate3d(400px, 316px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(157) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 96px;
  height: 96px;
  margin-left: -48px;
  margin-top: -48px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(47deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(47deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim157 60s infinite linear;
          animation: anim157 60s infinite linear;
  -webkit-animation-delay: -47.1s;
          animation-delay: -47.1s;
  opacity: 0;
}

@-webkit-keyframes anim157 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(70.5deg) translate3d(682px, 869px, 1000px) scale(1);
            transform: rotate(70.5deg) translate3d(682px, 869px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim157 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(70.5deg) translate3d(682px, 869px, 1000px) scale(1);
            transform: rotate(70.5deg) translate3d(682px, 869px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(158) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(64deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(64deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim158 60s infinite linear;
          animation: anim158 60s infinite linear;
  -webkit-animation-delay: -47.4s;
          animation-delay: -47.4s;
  opacity: 0;
}

@-webkit-keyframes anim158 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(96deg) translate3d(644px, 649px, 1000px) scale(1);
            transform: rotate(96deg) translate3d(644px, 649px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim158 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(96deg) translate3d(644px, 649px, 1000px) scale(1);
            transform: rotate(96deg) translate3d(644px, 649px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(159) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 63px;
  height: 63px;
  margin-left: -31.5px;
  margin-top: -31.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(66deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(66deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim159 60s infinite linear;
          animation: anim159 60s infinite linear;
  -webkit-animation-delay: -47.7s;
          animation-delay: -47.7s;
  opacity: 0;
}

@-webkit-keyframes anim159 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(99deg) translate3d(806px, 800px, 1000px) scale(1);
            transform: rotate(99deg) translate3d(806px, 800px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim159 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(99deg) translate3d(806px, 800px, 1000px) scale(1);
            transform: rotate(99deg) translate3d(806px, 800px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(160) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 66px;
  height: 66px;
  margin-left: -33px;
  margin-top: -33px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(82deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(82deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim160 60s infinite linear;
          animation: anim160 60s infinite linear;
  -webkit-animation-delay: -48s;
          animation-delay: -48s;
  opacity: 0;
}

@-webkit-keyframes anim160 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(123deg) translate3d(308px, 383px, 1000px) scale(1);
            transform: rotate(123deg) translate3d(308px, 383px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim160 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(123deg) translate3d(308px, 383px, 1000px) scale(1);
            transform: rotate(123deg) translate3d(308px, 383px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(161) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(89deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(89deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim161 60s infinite linear;
          animation: anim161 60s infinite linear;
  -webkit-animation-delay: -48.3s;
          animation-delay: -48.3s;
  opacity: 0;
}

@-webkit-keyframes anim161 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(133.5deg) translate3d(776px, 932px, 1000px) scale(1);
            transform: rotate(133.5deg) translate3d(776px, 932px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim161 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(133.5deg) translate3d(776px, 932px, 1000px) scale(1);
            transform: rotate(133.5deg) translate3d(776px, 932px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(162) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 84px;
  height: 84px;
  margin-left: -42px;
  margin-top: -42px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(338deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(338deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim162 60s infinite linear;
          animation: anim162 60s infinite linear;
  -webkit-animation-delay: -48.6s;
          animation-delay: -48.6s;
  opacity: 0;
}

@-webkit-keyframes anim162 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(507deg) translate3d(210px, 691px, 1000px) scale(1);
            transform: rotate(507deg) translate3d(210px, 691px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim162 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(507deg) translate3d(210px, 691px, 1000px) scale(1);
            transform: rotate(507deg) translate3d(210px, 691px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(163) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 117px;
  height: 117px;
  margin-left: -58.5px;
  margin-top: -58.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(310deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(310deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim163 60s infinite linear;
          animation: anim163 60s infinite linear;
  -webkit-animation-delay: -48.9s;
          animation-delay: -48.9s;
  opacity: 0;
}

@-webkit-keyframes anim163 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(465deg) translate3d(23px, 842px, 1000px) scale(1);
            transform: rotate(465deg) translate3d(23px, 842px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim163 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(465deg) translate3d(23px, 842px, 1000px) scale(1);
            transform: rotate(465deg) translate3d(23px, 842px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(164) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 39px;
  margin-left: -19.5px;
  margin-top: -19.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(10deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(10deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim164 60s infinite linear;
          animation: anim164 60s infinite linear;
  -webkit-animation-delay: -49.2s;
          animation-delay: -49.2s;
  opacity: 0;
}

@-webkit-keyframes anim164 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translate3d(224px, 750px, 1000px) scale(1);
            transform: rotate(15deg) translate3d(224px, 750px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim164 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(15deg) translate3d(224px, 750px, 1000px) scale(1);
            transform: rotate(15deg) translate3d(224px, 750px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(165) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(194deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(194deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim165 60s infinite linear;
          animation: anim165 60s infinite linear;
  -webkit-animation-delay: -49.5s;
          animation-delay: -49.5s;
  opacity: 0;
}

@-webkit-keyframes anim165 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(291deg) translate3d(281px, 923px, 1000px) scale(1);
            transform: rotate(291deg) translate3d(281px, 923px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim165 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(291deg) translate3d(281px, 923px, 1000px) scale(1);
            transform: rotate(291deg) translate3d(281px, 923px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(166) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -75px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(80deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(80deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim166 60s infinite linear;
          animation: anim166 60s infinite linear;
  -webkit-animation-delay: -49.8s;
          animation-delay: -49.8s;
  opacity: 0;
}

@-webkit-keyframes anim166 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(120deg) translate3d(256px, 287px, 1000px) scale(1);
            transform: rotate(120deg) translate3d(256px, 287px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim166 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(120deg) translate3d(256px, 287px, 1000px) scale(1);
            transform: rotate(120deg) translate3d(256px, 287px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(167) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(96deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(96deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim167 60s infinite linear;
          animation: anim167 60s infinite linear;
  -webkit-animation-delay: -50.1s;
          animation-delay: -50.1s;
  opacity: 0;
}

@-webkit-keyframes anim167 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(144deg) translate3d(355px, 388px, 1000px) scale(1);
            transform: rotate(144deg) translate3d(355px, 388px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim167 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(144deg) translate3d(355px, 388px, 1000px) scale(1);
            transform: rotate(144deg) translate3d(355px, 388px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(168) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 75px;
  height: 75px;
  margin-left: -37.5px;
  margin-top: -37.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(204deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(204deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim168 60s infinite linear;
          animation: anim168 60s infinite linear;
  -webkit-animation-delay: -50.4s;
          animation-delay: -50.4s;
  opacity: 0;
}

@-webkit-keyframes anim168 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(306deg) translate3d(742px, 19px, 1000px) scale(1);
            transform: rotate(306deg) translate3d(742px, 19px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim168 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(306deg) translate3d(742px, 19px, 1000px) scale(1);
            transform: rotate(306deg) translate3d(742px, 19px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(169) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(228deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(228deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim169 60s infinite linear;
          animation: anim169 60s infinite linear;
  -webkit-animation-delay: -50.7s;
          animation-delay: -50.7s;
  opacity: 0;
}

@-webkit-keyframes anim169 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(342deg) translate3d(704px, 247px, 1000px) scale(1);
            transform: rotate(342deg) translate3d(704px, 247px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim169 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(342deg) translate3d(704px, 247px, 1000px) scale(1);
            transform: rotate(342deg) translate3d(704px, 247px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(170) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 132px;
  margin-left: -66px;
  margin-top: -66px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(115deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(115deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim170 60s infinite linear;
          animation: anim170 60s infinite linear;
  -webkit-animation-delay: -51s;
          animation-delay: -51s;
  opacity: 0;
}

@-webkit-keyframes anim170 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(172.5deg) translate3d(386px, 580px, 1000px) scale(1);
            transform: rotate(172.5deg) translate3d(386px, 580px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim170 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(172.5deg) translate3d(386px, 580px, 1000px) scale(1);
            transform: rotate(172.5deg) translate3d(386px, 580px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(171) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 33px;
  margin-left: -16.5px;
  margin-top: -16.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(22deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(22deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim171 60s infinite linear;
          animation: anim171 60s infinite linear;
  -webkit-animation-delay: -51.3s;
          animation-delay: -51.3s;
  opacity: 0;
}

@-webkit-keyframes anim171 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(33deg) translate3d(233px, 57px, 1000px) scale(1);
            transform: rotate(33deg) translate3d(233px, 57px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim171 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(33deg) translate3d(233px, 57px, 1000px) scale(1);
            transform: rotate(33deg) translate3d(233px, 57px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(172) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(93deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(93deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim172 60s infinite linear;
          animation: anim172 60s infinite linear;
  -webkit-animation-delay: -51.6s;
          animation-delay: -51.6s;
  opacity: 0;
}

@-webkit-keyframes anim172 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(139.5deg) translate3d(428px, 574px, 1000px) scale(1);
            transform: rotate(139.5deg) translate3d(428px, 574px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim172 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(139.5deg) translate3d(428px, 574px, 1000px) scale(1);
            transform: rotate(139.5deg) translate3d(428px, 574px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(173) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(145deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(145deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim173 60s infinite linear;
          animation: anim173 60s infinite linear;
  -webkit-animation-delay: -51.9s;
          animation-delay: -51.9s;
  opacity: 0;
}

@-webkit-keyframes anim173 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(217.5deg) translate3d(162px, 866px, 1000px) scale(1);
            transform: rotate(217.5deg) translate3d(162px, 866px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim173 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(217.5deg) translate3d(162px, 866px, 1000px) scale(1);
            transform: rotate(217.5deg) translate3d(162px, 866px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(174) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(222deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(222deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim174 60s infinite linear;
          animation: anim174 60s infinite linear;
  -webkit-animation-delay: -52.2s;
          animation-delay: -52.2s;
  opacity: 0;
}

@-webkit-keyframes anim174 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(333deg) translate3d(243px, 32px, 1000px) scale(1);
            transform: rotate(333deg) translate3d(243px, 32px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim174 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(333deg) translate3d(243px, 32px, 1000px) scale(1);
            transform: rotate(333deg) translate3d(243px, 32px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(175) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(153deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(153deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim175 60s infinite linear;
          animation: anim175 60s infinite linear;
  -webkit-animation-delay: -52.5s;
          animation-delay: -52.5s;
  opacity: 0;
}

@-webkit-keyframes anim175 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(229.5deg) translate3d(161px, 505px, 1000px) scale(1);
            transform: rotate(229.5deg) translate3d(161px, 505px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim175 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(229.5deg) translate3d(161px, 505px, 1000px) scale(1);
            transform: rotate(229.5deg) translate3d(161px, 505px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(176) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 39px;
  height: 39px;
  margin-left: -19.5px;
  margin-top: -19.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(196deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(196deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim176 60s infinite linear;
          animation: anim176 60s infinite linear;
  -webkit-animation-delay: -52.8s;
          animation-delay: -52.8s;
  opacity: 0;
}

@-webkit-keyframes anim176 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(294deg) translate3d(391px, 926px, 1000px) scale(1);
            transform: rotate(294deg) translate3d(391px, 926px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim176 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(294deg) translate3d(391px, 926px, 1000px) scale(1);
            transform: rotate(294deg) translate3d(391px, 926px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(177) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 126px;
  height: 126px;
  margin-left: -63px;
  margin-top: -63px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(359deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(359deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim177 60s infinite linear;
          animation: anim177 60s infinite linear;
  -webkit-animation-delay: -53.1s;
          animation-delay: -53.1s;
  opacity: 0;
}

@-webkit-keyframes anim177 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(538.5deg) translate3d(175px, 132px, 1000px) scale(1);
            transform: rotate(538.5deg) translate3d(175px, 132px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim177 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(538.5deg) translate3d(175px, 132px, 1000px) scale(1);
            transform: rotate(538.5deg) translate3d(175px, 132px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(178) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 81px;
  height: 81px;
  margin-left: -40.5px;
  margin-top: -40.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(293deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(293deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim178 60s infinite linear;
          animation: anim178 60s infinite linear;
  -webkit-animation-delay: -53.4s;
          animation-delay: -53.4s;
  opacity: 0;
}

@-webkit-keyframes anim178 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(439.5deg) translate3d(733px, 45px, 1000px) scale(1);
            transform: rotate(439.5deg) translate3d(733px, 45px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim178 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(439.5deg) translate3d(733px, 45px, 1000px) scale(1);
            transform: rotate(439.5deg) translate3d(733px, 45px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(179) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(234deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(234deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim179 60s infinite linear;
          animation: anim179 60s infinite linear;
  -webkit-animation-delay: -53.7s;
          animation-delay: -53.7s;
  opacity: 0;
}

@-webkit-keyframes anim179 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(351deg) translate3d(964px, 833px, 1000px) scale(1);
            transform: rotate(351deg) translate3d(964px, 833px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim179 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(351deg) translate3d(964px, 833px, 1000px) scale(1);
            transform: rotate(351deg) translate3d(964px, 833px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(180) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 147px;
  height: 147px;
  margin-left: -73.5px;
  margin-top: -73.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(177deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(177deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim180 60s infinite linear;
          animation: anim180 60s infinite linear;
  -webkit-animation-delay: -54s;
          animation-delay: -54s;
  opacity: 0;
}

@-webkit-keyframes anim180 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(265.5deg) translate3d(553px, 881px, 1000px) scale(1);
            transform: rotate(265.5deg) translate3d(553px, 881px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim180 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(265.5deg) translate3d(553px, 881px, 1000px) scale(1);
            transform: rotate(265.5deg) translate3d(553px, 881px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(181) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(95deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(95deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim181 60s infinite linear;
          animation: anim181 60s infinite linear;
  -webkit-animation-delay: -54.3s;
          animation-delay: -54.3s;
  opacity: 0;
}

@-webkit-keyframes anim181 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(142.5deg) translate3d(21px, 642px, 1000px) scale(1);
            transform: rotate(142.5deg) translate3d(21px, 642px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim181 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(142.5deg) translate3d(21px, 642px, 1000px) scale(1);
            transform: rotate(142.5deg) translate3d(21px, 642px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(182) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(237deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(237deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim182 60s infinite linear;
          animation: anim182 60s infinite linear;
  -webkit-animation-delay: -54.6s;
          animation-delay: -54.6s;
  opacity: 0;
}

@-webkit-keyframes anim182 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(355.5deg) translate3d(551px, 493px, 1000px) scale(1);
            transform: rotate(355.5deg) translate3d(551px, 493px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim182 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(355.5deg) translate3d(551px, 493px, 1000px) scale(1);
            transform: rotate(355.5deg) translate3d(551px, 493px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(183) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 81px;
  height: 81px;
  margin-left: -40.5px;
  margin-top: -40.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(319deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(319deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim183 60s infinite linear;
          animation: anim183 60s infinite linear;
  -webkit-animation-delay: -54.9s;
          animation-delay: -54.9s;
  opacity: 0;
}

@-webkit-keyframes anim183 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(478.5deg) translate3d(79px, 932px, 1000px) scale(1);
            transform: rotate(478.5deg) translate3d(79px, 932px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim183 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(478.5deg) translate3d(79px, 932px, 1000px) scale(1);
            transform: rotate(478.5deg) translate3d(79px, 932px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(184) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -75px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(358deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(358deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim184 60s infinite linear;
          animation: anim184 60s infinite linear;
  -webkit-animation-delay: -55.2s;
          animation-delay: -55.2s;
  opacity: 0;
}

@-webkit-keyframes anim184 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(537deg) translate3d(41px, 928px, 1000px) scale(1);
            transform: rotate(537deg) translate3d(41px, 928px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim184 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(537deg) translate3d(41px, 928px, 1000px) scale(1);
            transform: rotate(537deg) translate3d(41px, 928px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(185) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(198deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(198deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim185 60s infinite linear;
          animation: anim185 60s infinite linear;
  -webkit-animation-delay: -55.5s;
          animation-delay: -55.5s;
  opacity: 0;
}

@-webkit-keyframes anim185 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(297deg) translate3d(303px, 108px, 1000px) scale(1);
            transform: rotate(297deg) translate3d(303px, 108px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim185 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(297deg) translate3d(303px, 108px, 1000px) scale(1);
            transform: rotate(297deg) translate3d(303px, 108px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(186) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(117deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(117deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim186 60s infinite linear;
          animation: anim186 60s infinite linear;
  -webkit-animation-delay: -55.8s;
          animation-delay: -55.8s;
  opacity: 0;
}

@-webkit-keyframes anim186 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(175.5deg) translate3d(126px, 397px, 1000px) scale(1);
            transform: rotate(175.5deg) translate3d(126px, 397px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim186 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(175.5deg) translate3d(126px, 397px, 1000px) scale(1);
            transform: rotate(175.5deg) translate3d(126px, 397px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(187) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 132px;
  margin-left: -66px;
  margin-top: -66px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(99deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(99deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim187 60s infinite linear;
          animation: anim187 60s infinite linear;
  -webkit-animation-delay: -56.1s;
          animation-delay: -56.1s;
  opacity: 0;
}

@-webkit-keyframes anim187 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(148.5deg) translate3d(587px, 459px, 1000px) scale(1);
            transform: rotate(148.5deg) translate3d(587px, 459px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim187 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(148.5deg) translate3d(587px, 459px, 1000px) scale(1);
            transform: rotate(148.5deg) translate3d(587px, 459px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(188) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(191deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(191deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim188 60s infinite linear;
          animation: anim188 60s infinite linear;
  -webkit-animation-delay: -56.4s;
          animation-delay: -56.4s;
  opacity: 0;
}

@-webkit-keyframes anim188 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(286.5deg) translate3d(635px, 446px, 1000px) scale(1);
            transform: rotate(286.5deg) translate3d(635px, 446px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim188 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(286.5deg) translate3d(635px, 446px, 1000px) scale(1);
            transform: rotate(286.5deg) translate3d(635px, 446px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(189) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  margin-left: -22.5px;
  margin-top: -22.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(326deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(326deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim189 60s infinite linear;
          animation: anim189 60s infinite linear;
  -webkit-animation-delay: -56.7s;
          animation-delay: -56.7s;
  opacity: 0;
}

@-webkit-keyframes anim189 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(489deg) translate3d(858px, 807px, 1000px) scale(1);
            transform: rotate(489deg) translate3d(858px, 807px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim189 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(489deg) translate3d(858px, 807px, 1000px) scale(1);
            transform: rotate(489deg) translate3d(858px, 807px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(190) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 132px;
  margin-left: -66px;
  margin-top: -66px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(354deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(354deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim190 60s infinite linear;
          animation: anim190 60s infinite linear;
  -webkit-animation-delay: -57s;
          animation-delay: -57s;
  opacity: 0;
}

@-webkit-keyframes anim190 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(531deg) translate3d(98px, 463px, 1000px) scale(1);
            transform: rotate(531deg) translate3d(98px, 463px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim190 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(531deg) translate3d(98px, 463px, 1000px) scale(1);
            transform: rotate(531deg) translate3d(98px, 463px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(191) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 111px;
  height: 111px;
  margin-left: -55.5px;
  margin-top: -55.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(100deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(100deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim191 60s infinite linear;
          animation: anim191 60s infinite linear;
  -webkit-animation-delay: -57.3s;
          animation-delay: -57.3s;
  opacity: 0;
}

@-webkit-keyframes anim191 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(150deg) translate3d(99px, 608px, 1000px) scale(1);
            transform: rotate(150deg) translate3d(99px, 608px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim191 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(150deg) translate3d(99px, 608px, 1000px) scale(1);
            transform: rotate(150deg) translate3d(99px, 608px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(192) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -3px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(94deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(94deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim192 60s infinite linear;
          animation: anim192 60s infinite linear;
  -webkit-animation-delay: -57.6s;
          animation-delay: -57.6s;
  opacity: 0;
}

@-webkit-keyframes anim192 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(141deg) translate3d(944px, 470px, 1000px) scale(1);
            transform: rotate(141deg) translate3d(944px, 470px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim192 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(141deg) translate3d(944px, 470px, 1000px) scale(1);
            transform: rotate(141deg) translate3d(944px, 470px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(193) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
  margin-left: -75px;
  margin-top: -75px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(28deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(28deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim193 60s infinite linear;
          animation: anim193 60s infinite linear;
  -webkit-animation-delay: -57.9s;
          animation-delay: -57.9s;
  opacity: 0;
}

@-webkit-keyframes anim193 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(42deg) translate3d(791px, 81px, 1000px) scale(1);
            transform: rotate(42deg) translate3d(791px, 81px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim193 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(42deg) translate3d(791px, 81px, 1000px) scale(1);
            transform: rotate(42deg) translate3d(791px, 81px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(194) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 93px;
  height: 93px;
  margin-left: -46.5px;
  margin-top: -46.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(143deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(143deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim194 60s infinite linear;
          animation: anim194 60s infinite linear;
  -webkit-animation-delay: -58.2s;
          animation-delay: -58.2s;
  opacity: 0;
}

@-webkit-keyframes anim194 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(214.5deg) translate3d(663px, 189px, 1000px) scale(1);
            transform: rotate(214.5deg) translate3d(663px, 189px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim194 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(214.5deg) translate3d(663px, 189px, 1000px) scale(1);
            transform: rotate(214.5deg) translate3d(663px, 189px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(195) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 66px;
  height: 66px;
  margin-left: -33px;
  margin-top: -33px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(9deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(9deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim195 60s infinite linear;
          animation: anim195 60s infinite linear;
  -webkit-animation-delay: -58.5s;
          animation-delay: -58.5s;
  opacity: 0;
}

@-webkit-keyframes anim195 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(13.5deg) translate3d(257px, 599px, 1000px) scale(1);
            transform: rotate(13.5deg) translate3d(257px, 599px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim195 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(13.5deg) translate3d(257px, 599px, 1000px) scale(1);
            transform: rotate(13.5deg) translate3d(257px, 599px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(196) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(126deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(126deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim196 60s infinite linear;
          animation: anim196 60s infinite linear;
  -webkit-animation-delay: -58.8s;
          animation-delay: -58.8s;
  opacity: 0;
}

@-webkit-keyframes anim196 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(189deg) translate3d(385px, 497px, 1000px) scale(1);
            transform: rotate(189deg) translate3d(385px, 497px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim196 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(189deg) translate3d(385px, 497px, 1000px) scale(1);
            transform: rotate(189deg) translate3d(385px, 497px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(197) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 93px;
  height: 93px;
  margin-left: -46.5px;
  margin-top: -46.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(5deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(5deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim197 60s infinite linear;
          animation: anim197 60s infinite linear;
  -webkit-animation-delay: -59.1s;
          animation-delay: -59.1s;
  opacity: 0;
}

@-webkit-keyframes anim197 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(7.5deg) translate3d(637px, 663px, 1000px) scale(1);
            transform: rotate(7.5deg) translate3d(637px, 663px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim197 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(7.5deg) translate3d(637px, 663px, 1000px) scale(1);
            transform: rotate(7.5deg) translate3d(637px, 663px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(198) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(136deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(136deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim198 60s infinite linear;
          animation: anim198 60s infinite linear;
  -webkit-animation-delay: -59.4s;
          animation-delay: -59.4s;
  opacity: 0;
}

@-webkit-keyframes anim198 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(204deg) translate3d(603px, 903px, 1000px) scale(1);
            transform: rotate(204deg) translate3d(603px, 903px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim198 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(204deg) translate3d(603px, 903px, 1000px) scale(1);
            transform: rotate(204deg) translate3d(603px, 903px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(199) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(193deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(193deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim199 60s infinite linear;
          animation: anim199 60s infinite linear;
  -webkit-animation-delay: -59.7s;
          animation-delay: -59.7s;
  opacity: 0;
}

@-webkit-keyframes anim199 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(289.5deg) translate3d(412px, 274px, 1000px) scale(1);
            transform: rotate(289.5deg) translate3d(412px, 274px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim199 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(289.5deg) translate3d(412px, 274px, 1000px) scale(1);
            transform: rotate(289.5deg) translate3d(412px, 274px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project .tri:nth-child(200) {
  background: url("../images/test-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 123px;
  height: 123px;
  margin-left: -61.5px;
  margin-top: -61.5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transform: rotate(324deg) translate3d(0, 0, -1500px) scale(0);
          transform: rotate(324deg) translate3d(0, 0, -1500px) scale(0);
  -webkit-animation: anim200 60s infinite linear;
          animation: anim200 60s infinite linear;
  -webkit-animation-delay: -60s;
          animation-delay: -60s;
  opacity: 0;
}

@-webkit-keyframes anim200 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(486deg) translate3d(321px, 30px, 1000px) scale(1);
            transform: rotate(486deg) translate3d(321px, 30px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim200 {
  0% {
    opacity: 1;
    -webkit-transform: rotate(486deg) translate3d(321px, 30px, 1000px) scale(1);
            transform: rotate(486deg) translate3d(321px, 30px, 1000px) scale(1);
  }
  100% {
    opacity: 0;
  }
}

.slide-project .bg-project:after {
  opacity: 0;
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
  background: linear-gradient(156deg, black 0%, #051220 50%);
  z-index: 0;
}

.slide-project .slide-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -3vw;
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.slide-project .slide-content .btn-case {
  opacity: 0;
}

@media screen and (max-width: 1600px) {
  .slide-project .slide-content .btn-case {
    bottom: 3vw;
  }
}

@media screen and (max-width: 1100px) {
  .slide-project .slide-content .btn-case {
    bottom: 12vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content .btn-case {
    bottom: inherit;
    width: 25.85vw;
    height: 25.85vw;
    position: relative;
    margin-top: 12vw;
  }
  .slide-project .slide-content .btn-case .text {
    font-size: 1.85vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content {
    margin: 10vw 0;
  }
}

.slide-project .slide-content__box {
  text-align: center;
}

.slide-project .slide-content__box.box-project {
  margin-right: 13.28vw;
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content__box.box-project {
    margin-right: 0;
    margin-bottom: 15vw;
  }
}

.slide-project .slide-content__box .box-number {
  width: 20vw;
  height: 12.45vw;
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content__box .box-number {
    width: auto;
    height: auto;
    margin: auto;
  }
}

.slide-project .slide-content__box .box-text {
  overflow-y: hidden;
}

.slide-project .slide-content__box p.number {
  opacity: 0;
  font-size: 15.6vw;
  font-family: "bison";
  color: #1274e4;
  line-height: 0.8;
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content__box p.number {
    opacity: 1;
    font-size: 26.6vw;
  }
}

.slide-project .slide-content__box p.text {
  opacity: 0;
  font-size: 4.16vw;
  font-family: "bison";
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  .slide-project .slide-content__box p.text {
    opacity: 1;
    font-size: 7.16vw;
    margin-top: 3vw;
  }
}

.btn-case {
  position: absolute;
  bottom: 7.2vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: transparent;
  cursor: pointer;
  width: 8.85vw;
  height: 8.85vw;
  opacity: 0;
}

@media screen and (max-width: 1100px) {
  .btn-case {
    width: 15.85vw;
    height: 15.85vw;
  }
  .btn-case .text {
    font-size: 1.5vw !important;
  }
}

@media screen and (max-width: 600px) {
  .btn-case {
    width: 25.85vw;
    height: 25.85vw;
  }
  .btn-case .text {
    font-size: 2.3vw !important;
  }
}

.btn-case svg {
  width: 100%;
  height: 100%;
}

.btn-case .h-dode-svg {
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.btn-case .h-dode-svg polygon {
  stroke-width: 2px;
}

.btn-case:hover .h-dode-svg {
  -webkit-transform: scale(1.2) rotate(20deg);
          transform: scale(1.2) rotate(20deg);
}

.btn-case:hover .h-dode-svg polygon {
  stroke: #1274e4;
  opacity: 1;
}

.btn-case:hover .text {
  -webkit-transform: scale(0) translateY(-50%);
          transform: scale(0) translateY(-50%);
}

.btn-case:hover .text-hide {
  opacity: 1;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}

.btn-case .text,
.btn-case .text-hide {
  color: white;
  font-size: 0.85vw;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
}

.btn-case .text {
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}

.btn-case .text-hide {
  opacity: 0;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  -webkit-transform: scale(0) translateY(-50%);
          transform: scale(0) translateY(-50%);
}

.slide-maps {
  background-color: #151b1e !important;
}

@media screen and (max-width: 1100px) {
  .slide-maps {
    height: auto !important;
    padding: 10vw 0;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps {
    height: auto !important;
    padding: 20vw 0;
  }
}

.slide-maps.unshow .wrap-maps {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.slide-maps.unshow .wrap-maps .map-detail.japan {
  -webkit-animation: fadeOut 5s forwards;
          animation: fadeOut 5s forwards;
}

.slide-maps.unshow .wrap-maps .map-detail.vietnam {
  -webkit-animation: fadeOut 5s forwards;
          animation: fadeOut 5s forwards;
}

.slide-maps.unshow .wrap-maps .map-detail.world {
  -webkit-animation: fadeOut 5s forwards;
          animation: fadeOut 5s forwards;
}

.slide-maps.unshow .row-button .box-btn {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-maps.unshow .row-button .box-other {
  overflow-x: hidden;
}

.slide-maps.unshow .row-button .box-other .list-img {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-maps.unshow .row-button .box-other .box-other__text {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-maps.unshow .col-detail .title {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-maps.unshow .col-detail .list-tech {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-maps.unshow .col-detail .detail-text {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.slide-maps.unshow .wrap-slide__content .col-detail {
  overflow-y: hidden;
  -webkit-animation: change_overflow 0.5s forwards;
          animation: change_overflow 0.5s forwards;
}

@-webkit-keyframes change_overflow {
  from {
    overflow-y: hidden;
  }
  to {
    overflow-y: auto;
  }
}

@keyframes change_overflow {
  from {
    overflow-y: hidden;
  }
  to {
    overflow-y: auto;
  }
}

.slide-maps.unshow .slick-next {
  overflow-x: hidden;
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.slide-maps.unshow .col-img {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.slide-maps.unshow .wrap-slide {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

@media screen and (min-width: 1100px) {
  .slide-maps.unshow .wrap-slide {
    height: 70.3vh;
  }
}

@media screen and (min-width: 1600px) {
  .slide-maps.unshow .wrap-slide {
    height: 65.3vh;
  }
}

.slide-maps.show .wrap-maps {
  -webkit-animation: fadeIn 1s forwards;
          animation: fadeIn 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slide-maps.show .wrap-maps .map-detail.japan {
  -webkit-animation: fadeIn 3s forwards;
          animation: fadeIn 3s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slide-maps.show .wrap-maps .map-detail.vietnam {
  -webkit-animation: fadeIn 3s forwards;
          animation: fadeIn 3s forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slide-maps.show .wrap-maps .map-detail.world {
  -webkit-animation: fadeIn 3s forwards;
          animation: fadeIn 3s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slide-maps.show .row-button .box-btn {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.slide-maps.show .row-button .box-other {
  overflow-x: hidden;
}

.slide-maps.show .row-button .box-other .list-img {
  -webkit-animation: fadeInDown 1s forwards;
          animation: fadeInDown 1s forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.slide-maps.show .row-button .box-other .box-other__text {
  -webkit-animation: fadeInDown 1s forwards;
          animation: fadeInDown 1s forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.slide-maps.show .col-detail .title {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slide-maps.show .col-detail .list-tech {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slide-maps.show .col-detail .detail-text {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slide-maps.show .wrap-slide__content .col-detail {
  overflow-y: hidden;
  -webkit-animation: change_overflow 0.5s forwards;
          animation: change_overflow 0.5s forwards;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@keyframes change_overflow {
  from {
    overflow-y: hidden;
  }
  to {
    overflow-y: auto;
  }
}

.slide-maps.show .slick-next {
  overflow-x: hidden;
  -webkit-animation: fadeIn 1s forwards;
          animation: fadeIn 1s forwards;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

.slide-maps.show .slick-next .icon {
  opacity: 1;
  -webkit-animation: ani_icon 1s forwards;
          animation: ani_icon 1s forwards;
}

@-webkit-keyframes ani_icon {
  from {
    left: -26%;
  }
  to {
    opacity: 1;
    left: 50%;
  }
}

@keyframes ani_icon {
  from {
    left: -26%;
  }
  to {
    opacity: 1;
    left: 50%;
  }
}

.slide-maps.show .col-img {
  -webkit-animation: fadeInDown 1s forwards;
          animation: fadeInDown 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@media screen and (min-width: 1100px) {
  .slide-maps.show .wrap-slide {
    -webkit-animation: ani_slide_respon 1s forwards;
            animation: ani_slide_respon 1s forwards;
    opacity: 1;
  }
}

@media screen and (min-width: 1600px) {
  .slide-maps.show .wrap-slide {
    -webkit-animation: ani_slide 1s forwards;
            animation: ani_slide 1s forwards;
    opacity: 1;
  }
}

@-webkit-keyframes ani_slide {
  from {
    height: 0;
  }
  to {
    height: 65.3vh;
  }
}

@keyframes ani_slide {
  from {
    height: 0;
  }
  to {
    height: 65.3vh;
  }
}

@-webkit-keyframes ani_slide_respon {
  from {
    height: 0;
  }
  to {
    height: 70.3vh;
  }
}

@keyframes ani_slide_respon {
  from {
    height: 0;
  }
  to {
    height: 70.3vh;
  }
}

.slide-maps .wrap-maps-respon {
  display: none;
}

.slide-maps .wrap-maps {
  opacity: 0;
  position: absolute;
  top: 10vh;
  right: -12vw;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-maps {
    display: none;
  }
}

.slide-maps .wrap-maps:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 71.85vh;
  right: -11vw;
  top: 5vh;
  background: black;
  z-index: 0;
}

.slide-maps .wrap-maps .wrap-maps-bg {
  height: 90.7vh;
}

@media screen and (max-width: 1600px) {
  .slide-maps .wrap-maps .wrap-maps-bg {
    width: 86vw;
  }
}

.slide-maps .wrap-maps .wrap-maps-bg img {
  width: 100%;
  height: 100%;
}

.slide-maps .wrap-maps .outside {
  width: 57.3vw;
  height: 71.85vh;
  position: absolute;
  top: 5vh;
  right: 11vw;
  z-index: 1;
  overflow-y: hidden;
}

.slide-maps .wrap-maps .wrap-maps-img {
  width: 57.3vw;
  height: 75.85vh;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail {
  opacity: 0;
  position: absolute;
  text-align: center;
  color: white;
  cursor: pointer;
  z-index: 11;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail:hover svg path {
  fill: #1274e4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail.japan {
  top: 5.8vh;
  right: 5vw;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail.vietnam {
  bottom: 7.4vh;
  right: 14.3vw;
}

@media screen and (max-width: 1600px) {
  .slide-maps .wrap-maps .wrap-maps-img .map-detail.vietnam {
    bottom: 4.4vh;
  }
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail.world {
  top: 15vh;
  right: 29vw;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail__number {
  font-size: 4.5vw;
  font-family: "Bison";
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail__text {
  font-size: 1.4vw;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail__img {
  width: 3vw;
  margin: auto;
  margin-top: 1.75vh;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail__img svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail .list-col li {
  display: inline-block;
  width: 0.7vw;
  height: 3.5vh;
  background-color: #5c6669;
  margin-right: 0.52vw;
  margin-top: 7px;
  border-radius: 3px;
}

.slide-maps .wrap-maps .wrap-maps-img .map-detail .list-col li.blue {
  background-color: #1274e4;
}

.slide-maps .wrap-maps .wrap-maps-img .box-outside {
  position: relative;
}

.slide-maps .wrap-maps .wrap-maps-img .box-outside:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10;
}

.slide-maps .wrap-maps .wrap-maps-img img,
.slide-maps .wrap-maps .wrap-maps-img object,
.slide-maps .wrap-maps .wrap-maps-img svg {
  width: 100%;
  height: 100%;
}

.slide-maps .wrap-slide {
  position: absolute;
  top: 23.8vh;
  left: 0;
  width: 42.4vw;
  height: 0;
  background-color: #1274e4;
  z-index: 3;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

@media screen and (max-width: 1600px) {
  .slide-maps .wrap-slide {
    top: 20.8vh;
  }
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide {
    position: relative;
    top: inherit;
    left: inherit;
    width: 75%;
    height: auto;
    margin: auto;
    border-radius: 5px;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide {
    width: 90%;
  }
}

.slide-maps .wrap-slide .slick-list,
.slide-maps .wrap-slide .slick-track {
  height: 100%;
}

.slide-maps .wrap-slide .slick-next {
  opacity: 0;
  right: -3.2vw;
  width: 3.64vw;
  height: auto;
  z-index: 99;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide .slick-next {
    right: -2.2vw;
    width: 4.64vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide .slick-next {
    right: 2vw;
    width: 5.64vw;
  }
}

.slide-maps .wrap-slide .slick-next:hover svg path {
  fill: #0cb2b8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-maps .wrap-slide .slick-next svg {
  width: 100%;
  height: 100%;
}

.slide-maps .wrap-slide .slick-next svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-maps .wrap-slide .slick-next:before {
  display: none;
}

.slide-maps .wrap-slide .slick-next .icon {
  opacity: 0;
  width: 1.82vw;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide .slick-next .icon {
    width: 2.2vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide .slick-next .icon {
    width: 2.82vw;
  }
}

.slide-maps .wrap-slide__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 10px;
  height: 102%;
}

.slide-maps .wrap-slide__content .parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content {
    padding: 20px 0;
    padding-left: 10px;
  }
}

.slide-maps .wrap-slide__content .col-img {
  opacity: 0;
  width: 7.29vw;
  height: 100%;
}

.slide-maps .wrap-slide__content .col-img img {
  margin: auto;
}

.slide-maps .wrap-slide__content .col-detail {
  overflow-x: hidden;
  width: calc(100% - 7.29vw);
  padding-right: 30px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail {
    padding-left: 30px;
  }
}

.slide-maps .wrap-slide__content .col-detail::-webkit-scrollbar {
  width: 6px;
}

.slide-maps .wrap-slide__content .col-detail::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.slide-maps .wrap-slide__content .col-detail::-webkit-scrollbar-thumb {
  background: #c9c9c9;
}

.slide-maps .wrap-slide__content .col-detail::-webkit-scrollbar-thumb:hover {
  background: #929292;
}

.slide-maps .wrap-slide__content .col-detail .title {
  opacity: 0;
  font-size: 3.1vw;
  font-weight: 600;
  font-family: "Bison";
  color: white;
  text-transform: uppercase;
  line-height: 0.8;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail .title {
    font-size: 4.1vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .title {
    font-size: 7.1vw;
  }
}

.slide-maps .wrap-slide__content .col-detail .list-tech {
  opacity: 0;
  width: 100%;
  margin-top: 2.3vh;
}

.slide-maps .wrap-slide__content .col-detail .list-tech li {
  display: inline-block;
  font-size: 1.56vw;
  text-transform: uppercase;
  color: white;
  margin-bottom: 1.38vh;
  margin-right: 4.68vw;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail .list-tech li {
    font-size: 2vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .list-tech li {
    font-size: 3vw;
  }
}

.slide-maps .wrap-slide__content .col-detail .list-tech li img {
  margin-right: 0.52vw;
  display: inline-block;
  vertical-align: middle;
  width: 1.56vw;
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .list-tech li img {
    width: 2.5vw;
  }
}

.slide-maps .wrap-slide__content .col-detail .list-tech li span {
  display: inline-block;
  vertical-align: middle;
}

.slide-maps .wrap-slide__content .col-detail .detail-text {
  opacity: 0;
  margin-top: 2vh;
  width: 90%;
}

.slide-maps .wrap-slide__content .col-detail .detail-text p {
  font-size: 1.04vw;
  color: white;
  margin-bottom: 2.7vh;
  text-align: justify;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail .detail-text p {
    font-size: 2.04vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .detail-text p {
    font-size: 3.04vw;
  }
}

.slide-maps .wrap-slide__content .col-detail .detail-text p:last-child {
  margin-bottom: 0;
}

.slide-maps .wrap-slide__content .col-detail .row-button {
  margin-top: 2.08vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-btn {
  opacity: 0;
  position: relative;
  background-color: white;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-btn a {
  position: relative;
  width: 16.56vw;
  font-size: 1.25vw;
  font-weight: bold;
  padding: 1.2vw;
  color: #1c2a2f;
  background-color: transparent;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail .row-button .box-btn a {
    width: 28vw;
    font-size: 1.7vw;
    padding: 1.8vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .row-button .box-btn a {
    width: 30.56vw;
    font-size: 2.4vw;
    padding: 2.2vw;
  }
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-btn a:hover {
  color: #1274e4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-btn a:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-other {
  width: calc(100% - 16.56vw);
  padding-left: 1.56vw;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-other .list-img {
  opacity: 0;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-other .list-img li {
  display: inline-block;
  margin-right: -0.67vw;
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-other .list-img li img {
  width: 1.82vw;
  height: 1.82vw;
  border-radius: 50%;
  border: 2px solid #1274e4;
  -webkit-box-shadow: 2px 3px 10px #00000038;
          box-shadow: 2px 3px 10px #00000038;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail .row-button .box-other .list-img li img {
    width: 2.82vw;
    height: 2.82vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .row-button .box-other .list-img li img {
    width: 3.82vw;
    height: 3.82vw;
  }
}

.slide-maps .wrap-slide__content .col-detail .row-button .box-other__text {
  font-size: 0.72vw;
  margin-top: 3px;
  color: #ffffff99;
  opacity: 0;
}

@media screen and (max-width: 1100px) {
  .slide-maps .wrap-slide__content .col-detail .row-button .box-other__text {
    font-size: 1vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-maps .wrap-slide__content .col-detail .row-button .box-other__text {
    font-size: 1.72vw;
  }
}

.project-body {
  background-color: #1c2a2f;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.project-body::-webkit-scrollbar {
  width: 10px;
}

.project-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.project-body::-webkit-scrollbar-thumb {
  background: #888;
}

.project-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.project-page {
  height: 100%;
  z-index: 1;
  position: fixed;
  width: 100%;
  background-color: #1c2a2f;
}

.project-page .project-slide-respon {
  display: none;
}

@media screen and (max-width: 600px) {
  .project-page .project-slide-respon {
    display: block;
    margin-top: 15px;
    width: 95%;
    opacity: 0;
  }
}

.project-page .project-slide-respon .slick-next {
  right: 15px;
  top: -30px;
}

.project-page .project-slide-respon .slide-item {
  position: relative;
}

.project-page .project-slide-respon .btn-web-respon {
  position: absolute;
  bottom: 0px;
  right: 0;
  color: white;
  background: #1c2a2f;
  padding: 7px 17px;
  border-top-left-radius: 10px;
  font-size: 2.5vw;
  text-transform: uppercase;
}

.project-page .close-icon {
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  width: 1.54vw;
}

@media screen and (max-width: 600px) {
  .project-page .close-icon {
    width: 3.54vw;
    top: 75px;
    right: 20px;
    z-index: 9999;
  }
}

.project-page .close-icon .action-close-project {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}

@media screen and (max-width: 600px) {
  .project-page .close-icon .action-close-project {
    opacity: 0;
    position: absolute;
    width: 80px;
    height: 40px;
    top: -10px;
    left: -20px;
    background: transparent;
  }
}

.project-page .close-icon:hover object {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.project-page .close-icon object {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .project-page.unshow .project-slide-respon {
    -webkit-animation: fadeOut 0.5s forwards;
            animation: fadeOut 0.5s forwards;
  }
}

.project-page.unshow .close-icon {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.project-page.unshow .project-slide {
  -webkit-animation: fadeOut 0.5s forwards;
          animation: fadeOut 0.5s forwards;
}

.project-page.unshow .project-detail .col-title .title {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.unshow .project-detail .col-title .text {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.unshow .project-detail .col-info .col-info__item:first-child {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.unshow .project-detail .col-info .col-info__item:nth-child(2) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.unshow .project-detail .col-info .col-info__item:nth-child(3) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.unshow .project-detail .col-info .col-info__item:nth-child(4) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.unshow .project-detail .col-info .col-info__item:last-child {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.project-page.show {
  display: block;
}

@media screen and (max-width: 600px) {
  .project-page.show .project-slide-respon {
    -webkit-animation: fadeIn 0.5s forwards;
            animation: fadeIn 0.5s forwards;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
}

.project-page.show .project-slide {
  -webkit-animation: fadeIn 4s forwards;
          animation: fadeIn 4s forwards;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.project-page.show .action-close-project {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.project-page.show .project-detail .col-title .title {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.project-page.show .project-detail .col-title .text {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.project-page.show .project-detail .col-info .col-info__item:first-child {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.project-page.show .project-detail .col-info .col-info__item:nth-child(2) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.project-page.show .project-detail .col-info .col-info__item:nth-child(3) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.project-page.show .project-detail .col-info .col-info__item:nth-child(4) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.project-page.show .project-detail .col-info .col-info__item:last-child {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.project-page .project-wrap {
  position: relative;
  width: 85%;
  height: 100%;
  max-width: 1640px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 600px) {
  .project-page .project-wrap {
    height: auto;
    padding-top: 24vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.project-page .project-detail {
  width: 35.9vw;
  position: fixed;
  left: 7.29vw;
  top: 21.48vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.project-page .project-detail .col-title {
  overflow-x: hidden;
  width: 50%;
  padding: 0 15px;
  margin-top: -1.23vh;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-title {
    width: 100%;
  }
}

.project-page .project-detail .col-title .title {
  opacity: 0;
  font-size: 3.125vw;
  font-family: "Bison";
  font-weight: 600;
  margin-bottom: 2.7vh;
  color: white;
}

@media screen and (max-width: 1100px) {
  .project-page .project-detail .col-title .title {
    font-size: 5.125vw;
  }
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-title .title {
    font-size: 6.125vw;
    margin-bottom: 0.7vh;
  }
}

.project-page .project-detail .col-title .text {
  opacity: 0;
  font-size: 1.04vw;
  color: #bfbfbf;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-title .text {
    font-size: 3.04vw;
  }
}

.project-page .project-detail .col-info {
  width: 50%;
  padding: 0 15px;
  opacity: 0;
  overflow-x: hidden;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-info {
    width: 100%;
    margin-top: 20px;
  }
}

.project-page .project-detail .col-info.un-active {
  position: absolute;
  top: 0%;
  right: 0;
  -webkit-animation: hideInfo 1s forwards;
          animation: hideInfo 1s forwards;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-info.un-active {
    top: auto;
    bottom: 0;
    right: inherit;
    left: 0;
  }
}

@-webkit-keyframes hideInfo {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  80% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    display: none;
  }
}

@keyframes hideInfo {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  80% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    display: none;
  }
}

.project-page .project-detail .col-info.active {
  position: relative;
  display: block;
  -webkit-animation: showInfo 1s forwards;
          animation: showInfo 1s forwards;
}

@-webkit-keyframes showInfo {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes showInfo {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.project-page .project-detail .col-info__item {
  margin-bottom: 3.7vh;
  opacity: 0;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-info__item {
    margin-bottom: 1.7vh;
    display: inline-block;
    margin-right: 52px;
  }
}

.project-page .project-detail .col-info__item .text-small {
  font-size: 1.04vw;
  color: white;
  opacity: 0.6;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-info__item .text-small {
    font-size: 3.04vw;
  }
}

.project-page .project-detail .col-info__item .text-big {
  font-size: 1.56vw;
  color: white;
}

@media screen and (max-width: 600px) {
  .project-page .project-detail .col-info__item .text-big {
    font-size: 3.04vw;
  }
}

.project-page .project-detail .col-info__item .text-big.blue {
  color: #1274e4;
}

.project-page .project-slide {
  position: fixed;
  opacity: 0;
  width: 49.47vw !important;
  top: 0;
  right: 7.29vw;
  padding-top: 5.5vh;
  padding-bottom: 15.5vh;
}

@media screen and (max-width: 1100px) {
  .project-page .project-slide {
    padding-top: 21.5vh;
    padding-bottom: 21.5vh;
  }
}

@media screen and (max-width: 600px) {
  .project-page .project-slide {
    display: none;
  }
}

.project-page .project-slide__video {
  position: relative;
  padding: 8vw 0;
}

.project-page .project-slide__video video {
  width: 100%;
  height: auto;
}

.project-page .project-slide__video:last-child {
  margin-bottom: 0;
}

.project-page .project-slide__video .btn-web {
  position: absolute;
  right: -1px;
  bottom: 49px;
  font-size: 1.2vw;
  font-weight: bold;
  color: #f9f9f9;
  text-transform: uppercase;
  /* background-color: white; */
  padding: 1.51vw 2.6vw;
  z-index: 999;
  padding-right: 0;
}

.japan-body {
  background-color: white;
}

.japan-body .header .logo-text p {
  color: black;
}

.japan-page {
  height: 100%;
  z-index: 1;
  position: fixed;
  width: 100%;
  background-color: white;
}

.japan-page .close-icon {
  position: absolute;
  top: 50%;
  right: 35px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  width: 1.54vw;
  z-index: 99;
}

@media screen and (max-width: 600px) {
  .japan-page .close-icon {
    width: 3.54vw;
    top: 75px;
    right: 20px;
    z-index: 9999;
  }
}

.japan-page .close-icon .icon-hide {
  display: none;
}

@media screen and (max-width: 600px) {
  .japan-page .close-icon .icon-hide {
    display: block;
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }
}

.japan-page .close-icon .action-close-project {
  position: absolute;
  width: 200%;
  height: 155%;
  top: -0.65vw;
  left: -0.75vw;
  background: #00000024;
  border-radius: 5px;
}

@media screen and (max-width: 600px) {
  .japan-page .close-icon .action-close-project {
    width: 50px;
    height: 40px;
    top: -4px;
    left: -19px;
    background: transparent;
  }
}

.japan-page .close-icon:hover object {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.japan-page .close-icon object {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .japan-page .close-icon object {
    display: none;
  }
}

.japan-page.unshow .japan-project {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.japan-page.unshow .bg-japan {
  -webkit-animation: fadeOut 3s forwards;
          animation: fadeOut 3s forwards;
}

.japan-page.unshow .japan-detail {
  overflow-x: hidden;
}

.japan-page.unshow .japan-detail .title {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .box-text {
  overflow-x: hidden;
}

.japan-page.unshow .japan-detail .box-text .text {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .col-info .col-info__item:first-child {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .col-info .col-info__item:nth-child(2) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .col-info .col-info__item:nth-child(3) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .col-info .col-info__item:nth-child(4) {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .col-info .col-info__item:last-child {
  -webkit-animation: fadeOutLeft 1s forwards;
          animation: fadeOutLeft 1s forwards;
}

.japan-page.unshow .japan-detail .row-review {
  -webkit-animation: fadeOut 1s forwards;
          animation: fadeOut 1s forwards;
}

.japan-page.show {
  -webkit-animation: fadeIn 0.5s forwards;
          animation: fadeIn 0.5s forwards;
}

.japan-page.show .japan-project {
  -webkit-animation: fadeIn 1s forwards;
          animation: fadeIn 1s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.japan-page.show .bg-japan {
  -webkit-animation: fadeIn 2s forwards;
          animation: fadeIn 2s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.japan-page.show .japan-detail {
  overflow-x: hidden;
}

.japan-page.show .japan-detail .title {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.japan-page.show .japan-detail .col-des {
  overflow-x: hidden;
}

.japan-page.show .japan-detail .col-des .text {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.japan-page.show .japan-detail .col-info .col-info__item:first-child {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.japan-page.show .japan-detail .col-info .col-info__item:nth-child(2) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.japan-page.show .japan-detail .col-info .col-info__item:nth-child(3) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.japan-page.show .japan-detail .col-info .col-info__item:nth-child(4) {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.japan-page.show .japan-detail .col-info .col-info__item:last-child {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.japan-page.show .japan-detail .row-review {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.japan-page .bg-japan {
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
}

@media screen and (max-width: 600px) {
  .japan-page .bg-japan {
    display: none;
  }
}

.japan-page .japan-wrap {
  position: relative;
  width: 85%;
  height: 100%;
  max-width: 1640px;
  margin: auto;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-wrap {
    width: 90%;
    padding-top: 80px;
  }
}

.japan-page .japan-project {
  opacity: 0;
  position: fixed;
  right: 0;
  bottom: 6.57vh;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project {
    position: relative;
    right: inherit;
    bottom: inherit;
    width: 100%;
    margin-top: 40px;
  }
}

.japan-page .japan-project .btn-web {
  width: 14.375vw;
  position: absolute;
  left: 0;
  bottom: 8.3vh;
  font-size: 1.25vw;
  font-weight: bold;
  color: #1c2a2f;
  text-transform: uppercase;
  background-color: white;
  padding: 1.51vw 0;
  text-align: center;
  z-index: 999;
  -webkit-box-shadow: 9px 2px 20px #0000002b;
          box-shadow: 9px 2px 20px #0000002b;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .btn-web {
    bottom: 0;
    font-size: 2.25vw;
    width: 22.375vw;
  }
}

.japan-page .japan-project .btn-web:hover {
  background-color: #1274e4;
  color: white;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.japan-page .japan-project .japan-slider {
  position: relative;
  width: 64.54vw;
  height: 36.71vw;
  background: url("../images/computer-2.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider {
    width: 100%;
    height: 57vw;
    background: none;
  }
}

.japan-page .japan-project .japan-slider .slick-list {
  z-index: 1;
}

.japan-page .japan-project .japan-slider__inner {
  position: absolute;
  width: 47.5vw;
  height: 30vw;
  bottom: 9.8vh;
  left: 8.5vw;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__inner {
    position: relative;
    bottom: inherit;
    left: inherit;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    height: 100%;
  }
}

.japan-page .japan-project .japan-slider__inner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #1b1b1b;
  z-index: 0;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__inner:after {
    display: none;
  }
}

.japan-page .japan-project .japan-slider__inner .slick-next {
  right: 1vw;
  bottom: 0.7vh;
  top: inherit;
  width: 3.64vw;
  height: 3.64vw;
  z-index: 99;
  -webkit-transform: inherit;
          transform: inherit;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__inner .slick-next {
    top: inherit;
    width: 6.64vw;
    height: 6.64vw;
  }
}

.japan-page .japan-project .japan-slider__inner .slick-next.active svg path {
  fill: #16ccd3;
}

.japan-page .japan-project .japan-slider__inner .slick-next:hover svg path {
  fill: #16ccd3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.japan-page .japan-project .japan-slider__inner .slick-next:before {
  display: none;
}

.japan-page .japan-project .japan-slider__inner .slick-next svg {
  width: 100%;
  height: 100%;
}

.japan-page .japan-project .japan-slider__inner .slick-next svg path {
  fill: #777777;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.japan-page .japan-project .japan-slider__inner .slick-next .icon {
  width: 1.82vw;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__inner .slick-next .icon {
    width: 1.82vw;
  }
}

.japan-page .japan-project .japan-slider__inner .slick-prev {
  left: initial;
  right: 5vw;
  bottom: 0.7vh;
  top: inherit;
  width: 3.64vw;
  height: 3.64vw;
  z-index: 99;
  -webkit-transform: inherit;
          transform: inherit;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__inner .slick-prev {
    left: initial;
    right: 9vw;
    bottom: 0.7vh;
    top: inherit;
    width: 6.64vw;
    height: 6.64vw;
  }
}

.japan-page .japan-project .japan-slider__inner .slick-prev.active svg path {
  fill: #16ccd3;
}

.japan-page .japan-project .japan-slider__inner .slick-prev:hover svg path {
  fill: #16ccd3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.japan-page .japan-project .japan-slider__inner .slick-prev:before {
  display: none;
}

.japan-page .japan-project .japan-slider__inner .slick-prev svg {
  width: 100%;
  height: 100%;
}

.japan-page .japan-project .japan-slider__inner .slick-prev svg path {
  fill: #777777;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.japan-page .japan-project .japan-slider__inner .slick-prev .icon {
  width: 1.82vw;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__inner .slick-prev .icon {
    width: 1.82vw;
  }
}

.japan-page .japan-project .japan-slider__item {
  position: relative;
}

.japan-page .japan-project .japan-slider__item img {
  width: 47.5vw;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-project .japan-slider__item img {
    position: relative;
    width: 100%;
    top: inherit;
    left: inherit;
  }
}

.japan-page .japan-detail {
  width: 35.9vw;
  position: fixed;
  left: 7.29vw;
  top: 21.48vh;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
  }
}

.japan-page .japan-detail .row-title {
  margin-bottom: 3.3vh;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-title {
    margin-bottom: 2.3vh;
  }
}

.japan-page .japan-detail .row-title .box-title {
  margin-top: -1.23vh;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-title .box-title {
    margin-top: 0;
  }
}

.japan-page .japan-detail .row-title .title {
  opacity: 0;
  font-size: 3.125vw;
  font-family: "Bison";
  font-weight: 600;
  color: #1c2a2f;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-title .title {
    font-size: 6.125vw;
  }
}

.japan-page .japan-detail .row-title .box-text {
  padding-right: 1vw;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-title .box-text {
    margin-top: 6px;
  }
}

.japan-page .japan-detail .row-title .text {
  opacity: 0;
  font-size: 1.04vw;
  color: #1c2a2fbf;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-title .text {
    font-size: 3.04vw;
  }
}

.japan-page .japan-detail .row-info .col-info__item {
  opacity: 0;
  margin-bottom: 3.7vh;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-info .col-info__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.7vh;
    margin-right: 30px;
  }
}

.japan-page .japan-detail .row-info .col-info__item .text-small {
  font-size: 1.04vw;
  color: #1c2a2f;
  opacity: 0.6;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-info .col-info__item .text-small {
    font-size: 3.04vw;
    margin-right: 10px;
  }
}

.japan-page .japan-detail .row-info .col-info__item .text-big {
  font-size: 1.56vw;
  color: #1c2a2f;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-info .col-info__item .text-big {
    font-size: 3.14vw;
  }
}

.japan-page .japan-detail .row-info .col-info__item .text-big.blue {
  font-weight: bold;
  color: #1274e4;
}

.japan-page .japan-detail .row-review {
  opacity: 0;
  margin-top: 7.86vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-review {
    margin-top: 3.86vh;
  }
}

.japan-page .japan-detail .row-review .box-review {
  width: 5.2vw;
  height: 5.2vw;
  border-radius: 50%;
  border: 2px solid #efc102;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-review .box-review {
    width: 10.2vw;
    height: 10.2vw;
  }
}

.japan-page .japan-detail .row-review .box-review span {
  font-size: 3.125vw;
  font-family: "Bison";
  font-weight: 600;
  color: #efc102;
  line-height: 1.5;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-review .box-review span {
    font-size: 5.8vw;
  }
}

.japan-page .japan-detail .row-review .box-rating {
  width: calc(100% - 5.2vw);
  padding-left: 1.145vw;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-review .box-rating {
    width: calc(100% - 8.2vw);
    padding-left: 4.145vw;
  }
}

.japan-page .japan-detail .row-review .box-rating__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.85vh;
}

.japan-page .japan-detail .row-review .box-rating__item:last-child {
  margin-bottom: 0;
}

.japan-page .japan-detail .row-review .box-rating__item p {
  font-size: 0.729vw;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 1.197vw;
  color: #1c2a2f;
  opacity: 0.6;
  width: 2.8vw;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-review .box-rating__item p {
    font-size: 2.729vw;
    margin-right: 10.197vw;
  }
}

.japan-page .japan-detail .row-review .box-rating__item .rating-bar {
  width: 14.5vw;
  height: 0.46vh;
  background-color: #e5e5e5;
}

@media screen and (max-width: 600px) {
  .japan-page .japan-detail .row-review .box-rating__item .rating-bar {
    width: 100%;
    height: 0.55vh;
  }
}

.japan-page .japan-detail .row-review .box-rating__item .rating-bar__color {
  height: 100%;
  background-color: #efc102;
}

.slick-track,
.slick-list {
  height: 100%;
}

.slick-next:after, .slick-next::before,
.slick-prev:after,
.slick-prev::before {
  display: none;
}

.slide-contact.show .contact-detail {
  overflow-x: hidden;
}

.slide-contact.show .contact-detail__title {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.slide-contact.show .contact-detail .box-form {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.slide-contact.show .contact-map {
  overflow-x: hidden;
  -webkit-animation: changeColorContact 1s forwards;
          animation: changeColorContact 1s forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

@-webkit-keyframes changeColorContact {
  from {
    background-color: white;
  }
  to {
    background: #f3f4f4;
  }
}

@keyframes changeColorContact {
  from {
    background-color: white;
  }
  to {
    background: #f3f4f4;
  }
}

.slide-contact.show .contact-map__info {
  -webkit-animation: fadeInLeft 1s forwards;
          animation: fadeInLeft 1s forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.slide-contact.show .contact-map__img {
  overflow-x: hidden;
}

.slide-contact.show .contact-map__img::-webkit-scrollbar {
  display: none;
}

.slide-contact.show .contact-map__img iframe {
  -webkit-animation: fadeIn 4s forwards;
          animation: fadeIn 4s forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.slide-contact .slide-content {
  height: 100%;
}

@media screen and (max-width: 1100px) {
  .slide-contact .slide-content {
    padding: 7vw 0;
  }
}

.slide-contact .contact-wrap {
  width: 85%;
  height: 100%;
  max-width: 1640px;
  margin: auto;
}

@media screen and (max-width: 800px) {
  .slide-contact .contact-wrap {
    width: 90%;
  }
}

.slide-contact .contact-detail {
  position: absolute;
  top: 16.85vh;
  left: 7.29vw;
  width: 25.52vw;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-detail {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
  }
}

.slide-contact .contact-detail__title {
  opacity: 0;
  font-size: 3.125vw;
  font-family: "Bison";
  font-weight: 600;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-detail__title {
    font-size: 4.125vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-detail__title {
    font-size: 6.125vw;
  }
}

.slide-contact .contact-detail .box-form {
  opacity: 0;
}

.slide-contact .contact-detail .box-contact {
  width: 100%;
}

.slide-contact .contact-detail .contact-form {
  width: 100%;
  margin-top: 3.7vh;
}

.slide-contact .contact-detail .contact-form .row-input {
  width: 100%;
  margin-bottom: 1.85vh;
}

.slide-contact .contact-detail .contact-form .row-input label {
  font-size: 1.04vw;
  color: #000000;
  opacity: 0.6;
  display: block;
  margin-bottom: 1.38vh;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-detail .contact-form .row-input label {
    font-size: 2.04vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-detail .contact-form .row-input label {
    font-size: 3.04vw;
  }
}

.slide-contact .contact-detail .contact-form .row-input input,
.slide-contact .contact-detail .contact-form .row-input textarea {
  display: block;
  width: 100%;
  border: 1px solid #dadada;
  background: #fdfdfd;
  font-size: 16px;
  padding: 5px 5px;
  color: #000000a8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-contact .contact-detail .contact-form .row-input input:focus,
.slide-contact .contact-detail .contact-form .row-input textarea:focus {
  border: 1px solid #98c8ff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slide-contact .contact-detail .contact-form .row-input input {
  height: 5.5vh;
}

.slide-contact .contact-detail .contact-form .row-btn {
  text-align: right;
}

.slide-contact .contact-detail .contact-form .row-btn button {
  padding: 1.75vh 4.16vw;
  background: #1274e4;
  border: 1px solid #1274e4;
  color: white;
  font-size: 0.83vw;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-detail .contact-form .row-btn button {
    font-size: 1.83vw;
    padding: 1.75vw 4.16vw;
  }
}

.slide-contact .contact-detail .contact-form .row-btn button:hover {
  background-color: white;
  color: #1274e4;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #1274e4;
}

.slide-contact .contact-map {
  position: absolute;
  top: 0;
  right: 0;
  width: 63.95vw;
  height: 100%;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map {
    position: relative;
    width: 100%;
    top: inherit;
    right: inherit;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 3vw 0;
    margin-top: 3vw;
  }
}

.slide-contact .contact-map__info {
  opacity: 0;
  width: 21.45vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 0 3vw;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map__info {
    width: 100%;
  }
}

.slide-contact .contact-map__info .info-list li {
  margin-bottom: 2.7vh;
}

.slide-contact .contact-map__info .info-list li .text-title {
  font-size: 1.04vw;
  color: #000000;
  opacity: 0.6;
  margin-bottom: 1.85vh;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map__info .info-list li .text-title {
    font-size: 2.04vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-map__info .info-list li .text-title {
    font-size: 3.04vw;
  }
}

.slide-contact .contact-map__info .info-list li .text-detail {
  font-size: 1.04vw;
  color: #000000;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map__info .info-list li .text-detail {
    font-size: 2.04vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-map__info .info-list li .text-detail {
    font-size: 3.04vw;
  }
}

.slide-contact .contact-map__info .list-social {
  margin-top: 7.8vw;
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-map__info .list-social {
    margin-bottom: 3vw;
  }
}

.slide-contact .contact-map__info .list-social li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.04vw;
  color: black;
  margin-bottom: 1.29vh;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map__info .list-social li {
    font-size: 2.04vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-map__info .list-social li {
    font-size: 3.04vw;
  }
}

.slide-contact .contact-map__info .list-social li:last-child {
  margin-bottom: 0;
}

.slide-contact .contact-map__info .list-social li img {
  margin-right: 10px;
  width: 2.08vw;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map__info .list-social li img {
    width: 2.08vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-map__info .list-social li img {
    width: 3.08vw;
  }
}

.slide-contact .contact-map__img {
  width: 42.5vw;
  height: 100%;
}

@media screen and (max-width: 1100px) {
  .slide-contact .contact-map__img {
    width: 100%;
    height: 80vw;
    margin-top: 6vw;
  }
}

@media screen and (max-width: 600px) {
  .slide-contact .contact-map__img {
    width: 100%;
    height: 80vw;
    margin-top: 6vw;
  }
}

.slide-contact .contact-map__img iframe {
  opacity: 0;
  width: 100%;
  height: 100%;
}

.mouse-pointer {
  position: fixed;
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 50%;
  border: 1px solid #ffffff1f;
  z-index: 999;
  display: none;
}

@media screen and (max-width: 600px) {
  .mouse-pointer {
    display: none;
  }
}

.mouse-pointer.active {
  -webkit-animation: test 0.5s linear forwards;
          animation: test 0.5s linear forwards;
}

@-webkit-keyframes test {
  from {
  }
  to {
  }
}

@keyframes test {
  from {
  }
  to {
  }
}

.mouse-pointer:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #1274e4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wrap-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wrap-loading span {
  color: white;
  font-size: 5vw;
  font-weight: bold;
  text-transform: uppercase;
}

.wrap-loading span.change-color {
  -webkit-animation: change_color 1s forwards;
          animation: change_color 1s forwards;
}

@-webkit-keyframes change_color {
  0% {
    opacity: 0;
    color: inherit;
  }
  100% {
    opacity: 1;
    color: #1274e4;
  }
}

@keyframes change_color {
  0% {
    opacity: 0;
    color: inherit;
  }
  100% {
    opacity: 1;
    color: #1274e4;
  }
}

.wrap-loading .space {
  display: inline-block;
  margin: 0 1.04vw;
}

.slide-contact {
  background-color: white !important;
}

@media screen and (max-width: 1100px) {
  .slide-contact {
    height: auto !important;
  }
}

.all-content {
  height: 100vh;
  display: none;
}

.all-content.show {
  display: block;
}

.all-content.show .scroll-slider {
  -webkit-animation: fadeInDown 1s forwards;
          animation: fadeInDown 1s forwards;
}

.project-body .wrap-loading span,
.scroll-body .wrap-loading span {
  color: #1c2a2f;
}

.wrap-box-info {
  position: relative;
}

.box-info-japan {
  opacity: 0;
}

.box-info-japan .col-des {
  margin-bottom: 2vw;
}

@media screen and (max-width: 600px) {
  .box-info-japan .col-des {
    margin-bottom: 3vw;
  }
}

.box-info-japan .col-des .text {
  opacity: 0;
  font-size: 1.04vw;
  color: #1c2a2fbf;
}

@media screen and (max-width: 600px) {
  .box-info-japan .col-des .text {
    font-size: 3.04vw;
  }
}

.box-info-japan.un-active {
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0;
  -webkit-animation: hideInfo 1s forwards;
          animation: hideInfo 1s forwards;
}

@media screen and (max-width: 600px) {
  .box-info-japan.un-active {
    top: auto;
    bottom: 0;
    right: inherit;
    left: 0;
  }
}

@keyframes hideInfo {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  80% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    display: none;
  }
}

.box-info-japan.active {
  position: relative;
  display: block;
  -webkit-animation: showInfo 1s forwards;
          animation: showInfo 1s forwards;
}

@keyframes showInfo {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.smooth-slick {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

.smooth-slick.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  color: white;
}

.slick-dots li button:before {
  color: white;
}

.ani-tb img {
  -webkit-animation: ani_tb 2s ease infinite;
          animation: ani_tb 2s ease infinite;
}

@-webkit-keyframes ani_tb {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ani_tb {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.counter-number p.number {
  color: white;
  font-size: 8.75vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 20px 0;
}

@media screen and (max-width: 600px) {
  .counter-number p.number {
    padding: 8px 0;
  }
}

.counter-number p.number .number-comma {
  width: 1.6vw !important;
  height: auto !important;
  margin-top: -1vw;
}

.counter-number p.number .number-item {
  width: 4.54vw;
  height: 7.41vw;
  margin: 0 0.52vw;
  position: relative;
  line-height: 0.9;
}

.counter-number p.number .number-item .number-child {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.counter-number p.number .number-item .number-child.active {
  opacity: 1;
  -webkit-animation: fadeShow 0.8s forwards;
          animation: fadeShow 0.8s forwards;
}

@-webkit-keyframes fadeShow {
  from {
    top: -100%;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes fadeShow {
  from {
    top: -100%;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.counter-number p.number .number-item .number-child.un-active {
  opacity: 0;
  -webkit-animation: fadeHide 0.8s forwards;
          animation: fadeHide 0.8s forwards;
}

@-webkit-keyframes fadeHide {
  from {
    top: 0;
    opacity: 1;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}

@keyframes fadeHide {
  from {
    top: 0;
    opacity: 1;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}

.back-icon {
  position: fixed;
  top: 3.22vw;
  left: 2.08vw;
  padding: 7px 15px;
  z-index: 9999;
  cursor: pointer;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
  display: none;
}

.back-icon:hover svg {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}

.back-icon svg {
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1100px) {
  .back-icon {
    display: none !important;
  }
}