.ym_hero_graphic.animate svg #city_bg{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.ym_hero_graphic.animate svg #city_building_1,
.ym_hero_graphic.animate svg #city_building_4,
.ym_hero_graphic.animate svg #city_building_7,
.ym_hero_graphic.animate svg #city_building_9{
  -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s;
}
.ym_hero_graphic.animate svg #city_building_3,
.ym_hero_graphic.animate svg #city_building_5,
.ym_hero_graphic.animate svg #city_building_6,
.ym_hero_graphic.animate svg #city_building_8,
.ym_hero_graphic.animate svg #city_building_10,
.ym_hero_graphic.animate svg #city_building_2,
.ym_hero_graphic.animate svg #city_bridge{
  -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
}
.ym_hero_graphic.animate svg #city_nature{
  -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.3s;
    animation-delay:0.3s;
}
.ym_skyline.animate svg .building_2,
.ym_skyline.animate svg .building_4,
.ym_skyline.animate svg .building_5,
.ym_skyline.animate svg .building_7,
.ym_skyline.animate svg .building_9,
.ym_skyline.animate svg .building_11,
.ym_skyline.animate svg .building_12{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s;
}
.ym_skyline.animate svg .building_1{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
}
.ym_skyline.animate svg .building_3{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.3s;
}
.ym_skyline.animate svg .building_6{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.4s;
}
.ym_skyline.animate svg .building_8{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.4s;
}
.ym_skyline.animate svg .building_10{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.3s;
}
.ym_skyline.animate svg .building_13{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
}


.ym_hero_graphic.animate svg #city_bg{
    -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.ym_hero_graphic.animate svg #city_building_1,
.ym_hero_graphic.animate svg #city_building_4,
.ym_hero_graphic.animate svg #city_building_7,
.ym_hero_graphic.animate svg #city_building_9{
  -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.1s;
    animation-delay:0.1s;
}
.ym_hero_graphic.animate svg #city_building_3,
.ym_hero_graphic.animate svg #city_building_5,
.ym_hero_graphic.animate svg #city_building_6,
.ym_hero_graphic.animate svg #city_building_8,
.ym_hero_graphic.animate svg #city_building_10,
.ym_hero_graphic.animate svg #city_building_2,
.ym_hero_graphic.animate svg #city_bridge{
  -webkit-animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay:0.2s;
    animation-delay:0.1s;
}


.ym_service_graphic.animate svg #laptop,
.ym_split_content_image.animate svg #laptop{
  -webkit-animation: fade-in 0.5s linear both;
    animation: fade-in 0.5s linear both;
}
.ym_service_graphic.animate svg #pieces_1,
.ym_split_content_image.animate svg #pieces_1{
  -webkit-animation: fade-in 0s linear both;
    animation: fade-in 0s linear both;
    -webkit-animation-delay:0.5s;
    animation-delay:0.5s;
}
.ym_service_graphic.animate svg #pieces_2,
.ym_split_content_image.animate svg #pieces_2{
  -webkit-animation: fade-in 0s linear both;
    animation: fade-in 0s linear both;
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
}
.ym_service_graphic.animate svg #pieces_3,
.ym_split_content_image.animate svg #pieces_3{
  -webkit-animation: fade-in 0s linear both;
    animation: fade-in 0s linear both;
    -webkit-animation-delay:0.7s;
    animation-delay:0.7s;
}
.ym_service_graphic.animate svg #pieces_4,
.ym_split_content_image.animate svg #pieces_4{
  -webkit-animation: fade-in 0s linear both;
    animation: fade-in 0s linear both;
    -webkit-animation-delay:0.8s;
    animation-delay:0.8s;
}
.ym_service_graphic.animate svg #pieces_5,
.ym_split_content_image.animate svg #pieces_5{
  -webkit-animation: fade-in 0s linear both;
    animation: fade-in 0s linear both;
    -webkit-animation-delay:0.9s;
    animation-delay:0.9s;
}
.ym_services .col-md-4:nth-of-type(1) .ym_service_graphic:hover svg #pieces_1{
  -webkit-transform:translateY(-10%);
  transform:translateY(-10%);
  -webkit-transition-duration:0.5s;
  transition-duration:0.5s;
}
.ym_services .col-md-4:nth-of-type(2) .ym_service_graphic:hover svg #pieces_5{
  -webkit-transform:scale(1.2) translateY(-10%);
  transform:scale(1.2) translateY(-10%);
  -webkit-transform-origin:bottom right;
  transform-origin:bottom right;
  -webkit-transition-duration:0.5s;
  transition-duration:0.5s;
}
.ym_services .col-md-4:nth-of-type(3) .ym_service_graphic:hover svg #pieces_1{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  -webkit-transition-duration:0.5s;
  transition-duration:0.5s;
}
.slide_from_left.animate{
    -webkit-animation:fadeInLeft 0.5s linear 0s 1 forwards;
    animation:fadeInLeft 0.5s linear 0s 1 forwards;
}
.slide_from_right.animate{
    -webkit-animation:fadeInRight 0.5s linear 0s 1 forwards;
    animation:fadeInRight 0.5s linear 0s 1 forwards;
}
.slide_from_bottom.animate{
    -webkit-animation:slide-top 0.5s linear 0s 1 forwards;
    animation:slide-top 0.5s linear 0s 1 forwards;
}
.ym_service_graphic_image.animate{
  -webkit-animation: fade-in 0s linear both;
  animation: fade-in 0s linear both;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fade-in{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes fade-in{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}