.background-split-vertical, .campaign-Cityscape.size-970x250 {
  background: linear-gradient(0deg, #162b48 50%, #23a5dd 50%);
}
.background-split-vertical-reverse {
  background: linear-gradient(0deg, #23a5dd 50%, #162b48 50%);
}
.absolute-position, .campaign-Boat.size-970x250 .boats {
  position: absolute;
  top: 0px;
  left: 0px;
}
.graphic-element {
  display: block;
  color: transparent;
  background-repeat: no-repeat;
  font-size: 0;
  background-size: 100% 100%;
  object-fit: fill;
}
@keyframes wipe-right-to-nothing-animation {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes birds-animation {
  0% {
    transform: scaleX(1) scaleY(1);
  }
  50% {
    transform: scaleX(1.2) scaleY(0.7);
  }
  100% {
    transform: scaleX(1) scaleY(1);
  }
}
@keyframes smoke-animation {
  0% {
    transform: rotateZ(-5deg) translateY(0);
  }
  50% {
    transform: rotateZ(5deg) translateY(-3px);
  }
  100% {
    transform: rotateZ(-5deg) translateY(0);
  }
}
@keyframes smoke-below-animation {
  0% {
    transform: rotateZ(5deg) translateY(0);
  }
  50% {
    transform: rotateZ(-5deg) translateY(3px);
  }
  100% {
    transform: rotateZ(5deg) translateY(0);
  }
}
@keyframes size-specific-animation {
  
}

@keyframes boat-timeline-text-1-970x250 {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  19% {
    width: 50%;
  }
  25% {
    width: 0;
  }
  90% {
    width: 0%;
    opacity: 1;
  }
  91% {
    width: 50%;
    opacity: 0;
  }
  100% {
    width: 50%;
    opacity: 0;
  }
}
.campaign-Cityscape.size-970x250 .divider {
  display: none;
}
.campaign-Cityscape.size-970x250 .city {
  background-image: url(cityscape_xxwide_darkblue_city.png);
  background-repeat: repeat-x;
  width: 2179.0647482014px !important;
  background-size: auto 100%;
}
.campaign-Cityscape.size-970x250 .city.city-below {
  margin-top: -2px;
  background-image: url(cityscape_xxwide_lightblue_city_1x.png);
}
.campaign-Cityscape.size-970x250 .birds {
  z-index: 29;
}
.campaign-Cityscape.size-970x250 .headline {
  z-index: 31;
}
.campaign-Cityscape.size-970x250 .slide-1 .line, .campaign-Cityscape.size-970x250 .slide-2 .line {
  background: #162b48;
}
.campaign-Cityscape.size-970x250 .slide-1 .line.line-1 .svg-text, .campaign-Cityscape.size-970x250 .slide-2 .line.line-1 .svg-text {
  margin-top: 0 !important;
  height: 20px !important;
  width: 465.5555555556px !important;
  background-image: url(SingleLineText_CityAd-01.png);
}
.campaign-Cityscape.size-970x250 .slide-1 .line.line-3 .svg-text, .campaign-Cityscape.size-970x250 .slide-2 .line.line-3 .svg-text {
  background-color: transparent !important;
  height: 20px !important;
  width: 564.3243243243px !important;
  background-image: url(SingleLineText_CityAd-02.png);
}
body .campaign-Boat.size-970x250 .slide-1 .line, body .campaign-Boat.size-970x250 .slide-2 .line {
  width: 485px;
}
.campaign-Boat.size-970x250 .line-5 {
  margin-top: 33px;
}
.campaign-Boat.size-970x250 .line-1 {
  animation-name: boat-timeline-text-1-970x250 !important;
}
.campaign-Boat.size-970x250 .smallWaves {
  animation-name: smallWaves-animation-970x250 !important;
  animation-duration: 3s;
}









@keyframes city-timeline-pan-970x250 {
  0% {
    left: -1008px;
  }
  58% {
    left: -855px;
  }
  100% {
    left: -855px;
  }
}
@keyframes cities-timeline {
  0% {
    transform: scale(1.7) translateX(-109px) translateY(19px);
  }
  10% {
    transform: scale(1.7) translateX(-109px) translateY(19px);
  }
  30% {
    transform: scale(1) translateX(0) translateY(0);
  }
  90% {
    transform: scale(1) translateX(0) translateY(0);
  }
  91% {
    transform: scale(1.7) translateX(-109px) translateY(19px);
  }
  100% {
    transform: scale(1.7) translateX(-109px) translateY(19px);
  }
}
@keyframes cities-timeline-text2 {
  0% {
    height: 0;
  }
  31% {
    height: 0;
  }
  39% {
    height: 100%;
  }
  97% {
    height: 0;
  }
  100% {
    height: 0;
  }
}
@keyframes cities-timeline-reveal-intro {
  0% {
    height: 100%;
  }
  1% {
    height: 100%;
  }
  6% {
    height: 0;
  }
  90% {
    height: 0;
  }
  91% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
.size-970x250.the-unit.campaign-Cityscape .headline .slide-1 {
  left: 90px;
  overflow: hidden;
}
.size-970x250.the-unit.campaign-Cityscape .headline .slide-1 .svg-text {
  height: 66px;
  width: 231px;
}
.size-970x250.the-unit.campaign-Cityscape .headline .slide-2 {
  left: 90px;
}
.size-970x250.the-unit.campaign-Cityscape .headline .slide-2 .svg-text {
  height: 66px;
  width: 312px;
}
.size-970x250 .city-below {
  background-image: url(Light_Cityscape_Wide-01.png);
  top: 126px !important;
}
@keyframes city-timeline-text1-position-970x250 {
  
  0% {
    bottom: 52px;
    top: auto;
  }
  31% {
    
    bottom: 52px;
    top: auto;
  }
  32% {
    
    bottom: auto;
    top: 176px;
  }
  90% {
    bottom: 52px;
    top: auto;
  }
  100% {
    bottom: 52px;
    top: auto;
  }
}
@keyframes bigWaves-animation-970x250 {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  50% {
    transform: translateX(61px) translateY(0px);
  }
  100% {
    transform: translateX(122px) translateY(0px);
  }
}
@keyframes smallWaves-animation-970x250 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(39px);
  }
}

.campaign-Boat.size-970x250 .slide-1, .campaign-Boat.size-970x250 .slide-2 {
  max-width: 297px;
}
.campaign-Boat.size-970x250 .boat-2, .campaign-Boat.size-970x250 .boat-3 {
  display: block;
}
.campaign-Boat.size-970x250 .headline {
  z-index: 13;
}
.campaign-Boat.size-970x250 .boats {
  z-index: 14;
  width: 485px;
  left: 485px;
}
.campaign-Boat.size-970x250 .bigWaves, .campaign-Boat.size-970x250 .smallWaves {
  z-index: 15;
}
.campaign-Boat.size-970x250 .stormcloud {
  z-index: 16;
}
.campaign-Boat.size-970x250 .boat-2 {
  left: 113px;
  animation-delay: -1s;
}
.campaign-Boat.size-970x250 .boat-3 {
  left: 263px;
  animation-delay: -2s;
}
.size-970x250 {
  width: 970px;
  height: 250px;
}
.size-970x250.campaign-Cityscape .line-1 .svg-text {
  height: 44px;
  width: 154px;
}
.size-970x250.campaign-Cityscape .line-3 .svg-text {
  height: 44px;
  width: 208px;
}
.size-970x250.campaign-Cityscape .headline {
  top: 0;
  left: 0;
}
.size-970x250.campaign-Cityscape .headline .slide-1 {
  top: auto;
  bottom: 47px;
  left: 44px;
  animation-name: city-timeline-text1-position-970x250 !important;
}
.size-970x250.campaign-Cityscape .headline .slide-2 {
  top: 53px;
  left: 42px;
}
.size-970x250.campaign-Boat .line-1 .svg-text {
  margin-top: 7px;
  height: 56px;
  width: 280px;
}
.size-970x250.campaign-Boat .line-3 .svg-text {
  height: 70px;
  width: 251.24323px;
}
.size-970x250.campaign-Boat .line-5 .svg-text {
  margin-top: 1px;
  height: 35px;
  width: 223.39506px;
}
.size-970x250 .headline {
  top: 14px;
  left: 75px;
  font-size: 20px;
  letter-spacing: 0.14em;
  line-height: 22px;
}
.size-970x250 .logo {
  height: 59.5185996092px;
  width: 400px;
  top: 97px;
  left: 285px;
}
.size-970x250 .cta {
  height: 62.37px;
  width: 110px;
  top: 93px;
  left: 840px;
}
.size-970x250 .stormcloud {
  height: 50px;
  width: 48px;
  top: 26px;
  left: 380px;
}
.size-970x250 .cloud {
  height: 27.8019918969px;
  width: 48px;
  top: 0;
  left: 0;
}
.size-970x250 .lightning {
  height: 24px;
  width: 16.1860465128px;
  top: 24px;
  left: auto;
  right: 3px;
}
.size-970x250 .boat {
  height: 188.4541984848px;
  width: 125px;
  top: 50px;
  left: -48px;
}
.size-970x250 .anchor {
  height: 36.2500000003px;
  width: 27px;
  top: 92px;
  left: auto;
  right: 25px;
}
.size-970x250 .bigWaves {
  height: 157px;
  width: 1461.64959px;
  top: 131px;
  left: -235px;
  z-index: 10;
  animation-name: bigWaves-animation-970x250 !important;
}
.size-970x250 .sun {
  height: 53.9223799446px;
  width: 53.9223799446px;
  top: 26px;
  left: 863px;
}
.size-970x250 .smallWaves {
  height: 88.602272744px;
  width: 1163.0681820361px;
  top: 200px;
  left: -135px;
  z-index: 22;
}
.size-970x250 .city {
  height: 120px;
  width: 2179.0647482014px;
  top: 1px;
  left: -1008px;
  background-position-y: 2px;
  animation-name: city-timeline-pan-970x250 !important;
}
.size-970x250 .city.city-below {
  top: auto;
  bottom: -859px;
  background-position-y: -1px;
}
.size-970x250 .birds {
  height: 22.9885057471px;
  width: 40px;
  top: 43px;
  left: 1359px;
  right: auto;
}
.size-970x250 .city-below .birds {
  top: 64px;
}
.size-970x250 .city-below .birds .bird {
  transform-origin: 50% 10%;
}
.size-970x250 .bird {
  height: 6.9473684211px;
  width: 10.5263157895px;
  top: 16.0411373261px;
  left: 14.7368421053px;
  z-index: 25;
  transform-origin: 50% 90%;
}
.size-970x250 .bird.bird-2 {
  top: 3px;
  left: 0px;
}
.size-970x250 .bird.bird-3 {
  top: 3px;
  left: 29.4736842105px;
}
.size-970x250 .smoke {
  height: 16px;
  width: 5.74752px;
  top: 60px;
  left: 1000px;
}
.size-970x250 .city-below .smoke {
  top: 46px;
}
.size-970x250 .smoke-2 {
  left: 1014px;
}