/* Foundation 5 Again */
@font-face {
  font-family: 'Plexal';
  font-weight: 400;
  src: url("../fonts/PlexalRegular.woff") format("woff"), url("../fonts/PlexalRegular.ttf") format("truetype"); }

@font-face {
  font-family: 'Plexal';
  font-weight: 600;
  src: url("../fonts/PlexalBold.woff") format("woff"), url("../fonts/PlexalBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Plexal Bold';
  font-weight: 600;
  src: url("../fonts/PlexalBold.woff") format("woff"), url("../fonts/PlexalBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Maven Pro';
  font-weight: 400;
  src: url("../fonts/MavenPro-Regular.woff") format("woff"), url("../fonts/MavenPro-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Maven Pro';
  font-weight: 500;
  src: url("../fonts/MavenPro-Medium.woff") format("woff"), url("../fonts/MavenPro-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Maven Pro';
  font-weight: 600;
  src: url("../fonts/MavenPro-Bold.woff") format("woff"), url("../fonts/MavenPro-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Maven Pro';
  font-weight: 800;
  src: url("../fonts/MavenPro-Black.woff") format("woff"), url("../fonts/MavenPro-Black.ttf") format("truetype"); }

.error404 {
  color: #fff; }

section {
  position: relative;
  height: 1080px;
  width: 100%; }

.section1 {
  color: #fff;
  /*&:after {
		@include test-overlay();
		background-image: url(../images/section1-test.png);
	}*/ }
  .section1__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 3fr; }
    .section1__grid__item:nth-child(1) {
      grid-column: 1;
      grid-row: 1; }
      .section1__grid__item:nth-child(1) img {
        width: 582px;
        margin-top: 26px; }
    .section1__grid__item:nth-child(2) {
      grid-column: 2;
      grid-row: 1; }
      .section1__grid__item:nth-child(2) h2 {
        line-height: 200px;
        text-align: right;
        font-size: 100px;
        margin-top: 26px;
        line-height: 200px;
        margin-right: 64px; }
    .section1__grid__item:nth-child(3) {
      grid-column: 1 / span 2;
      grid-row: 2 / span 1; }
      .section1__grid__item:nth-child(3) h2 {
        text-align: center;
        position: absolute;
        bottom: 124px;
        left: 0;
        right: 0;
        font-size: 593px;
        letter-spacing: -10px; }

.section2 {
  /*&:after {
		@include test-overlay();
		background-image: url(../images/section2-test.png);
	}*/ }
  .section2__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 50px, 1fr , 1fr; }
    .section2__grid__item:nth-child(1) {
      grid-column: 1 / span 2;
      grid-row: 1; }
    .section2__grid__item:nth-child(2) {
      position: relative;
      grid-column: 1;
      grid-row: 2 / span 2; }
      .section2__grid__item:nth-child(2) #current-weather-time-label {
        position: absolute;
        left: 0;
        top: 65px;
        margin-left: 69px;
        font-size: 63px; }
      .section2__grid__item:nth-child(2) #current-weather-description {
        position: absolute;
        margin-left: 69px;
        bottom: 40px;
        font-size: 105px; }
      .section2__grid__item:nth-child(2) svg,
      .section2__grid__item:nth-child(2) .owf,
      .section2__grid__item:nth-child(2) img {
        right: 90px;
        position: absolute;
        top: 45%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .section2__grid__item:nth-child(2) img {
        width: 400px; }
      .section2__grid__item:nth-child(2) .owf {
        font-size: 750px; }
    .section2__grid__item:nth-child(3) {
      grid-column: 2;
      grid-row: 2; }
      .section2__grid__item:nth-child(3) h2 {
        font-size: 335px;
        margin-left: 27px;
        margin-top: -12px;
        letter-spacing: 7px; }
    .section2__grid__item:nth-child(4) {
      grid-column: 2;
      grid-row: 3;
      padding-left: 43px; }
      .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 3vw;
        font-size: 66px; }
        .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item {
          padding-top: 30px; }
          .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item svg,
          .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item .owf,
          .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item img {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 140px;
            height: auto; }
          .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item .owf {
            font-size: 200px; }
          .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item > span {
            display: block;
            margin-bottom: 64px;
            font-size: 66px; }
        .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item:nth-child(1) {
          grid-column: 1; }
        .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item:nth-child(2) {
          grid-column: 2; }
        .section2__grid__item:nth-child(4) .section__grid-layout__item__subgrid__item:nth-child(3) {
          grid-column: 3; }
  .section2__weather-icon-container {
    height: 140px;
    margin-bottom: 40px;
    position: relative; }

.section3 {
  /*&:after {
		@include test-overlay();
		background-image: url(../images/section3-test.png);
	}*/ }
  .section3__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 170px 1fr 1fr; }
    .section3__grid__item:nth-child(1) {
      grid-column: 1;
      grid-row: 1; }
    .section3__grid__item:nth-child(2) {
      padding-left: 62px;
      grid-column: 1;
      grid-row: 2; }
      .section3__grid__item:nth-child(2) h2 {
        margin-bottom: 119px;
        font-size: 101px;
        width: 80%; }
      .section3__grid__item:nth-child(2) p {
        margin-top: 0;
        font-size: 66px;
        line-height: 76px;
        letter-spacing: -2px; }
  .section3 .owl-carousel--messages .owl-item {
    float: left; }
  .section3 .owl-nav,
  .section3 .owl-dots {
    display: none; }

.section4 {
  /*&:after {
		@include test-overlay();
		background-image: url(../images/section4-test.png);
	}*/ }
  .section4 .layout__container {
    padding-top: 0; }
  .section4__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .section4__grid__item:nth-child(1) {
      padding: 20px 20px 83px 20px;
      grid-column: 1;
      grid-row: 1;
      background-color: #231f20;
      color: #fff; }
      .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 225px 1fr; }
        .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(1) {
          padding-top: 57px;
          grid-column: 1;
          grid-row: 1; }
        .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) {
          grid-column: 1;
          grid-row: 2;
          padding-left: 78px; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) > h3 {
            display: inline-block;
            margin-bottom: 22px;
            font-size: 63px;
            text-transform: uppercase; }
            .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) > h3 + img {
              width: 50px;
              display: inline-block; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .large-text {
            font-size: 200px; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .tfl_svg {
            position: relative;
            left: 26px;
            top: 19px;
            width: 97px; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) > h4 {
            margin-top: 0;
            font-size: 39px;
            text-transform: uppercase; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item:nth-child(2) {
            padding-right: 90px; }
            .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item:nth-child(2) ul {
              float: right; }
              .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item:nth-child(2) ul li {
                text-align: justify; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .label {
            margin-bottom: 23px;
            text-transform: uppercase;
            font-size: 41px; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .tube-travel-time {
            font-size: 125px;
            font-weight: bold; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item span {
            display: block;
            font-size: 60px; }
          .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item ul li {
            margin-bottom: 16px;
            list-style-type: none;
            font-size: 54px; }
        .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(3) {
          grid-column: 1;
          grid-row: 3; }
        .section4__grid__item:nth-child(1) .section__grid-layout__item__subgrid__item:nth-child(4) {
          grid-column: 2;
          grid-row: 3; }
    .section4__grid__item:nth-child(2) {
      position: relative;
      padding: 20px;
      grid-column: 2;
      grid-row: 1;
      background-color: #efefef; }
      .section4__grid__item:nth-child(2) .corner-triangle {
        position: absolute;
        left: 0;
        top: 0;
        fill: #231f20; }
      .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 225px 1fr; }
        .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(1) {
          padding-top: 57px;
          grid-column: 1;
          grid-row: 1; }
        .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) {
          color: #404b70;
          grid-column: 1;
          grid-row: 2;
          padding-left: 78px; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) > h3 {
            display: inline-block;
            margin-bottom: 22px;
            font-size: 63px;
            text-transform: uppercase; }
            .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) > h3 + img {
              width: 50px;
              display: inline-block; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .tfl_svg {
            position: relative;
            left: 26px;
            top: 19px;
            width: 97px; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) > h4 {
            margin-top: 0;
            font-size: 39px;
            text-transform: uppercase; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item:nth-child(2) {
            padding-right: 90px; }
            .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item:nth-child(2) ul {
              float: right; }
              .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item:nth-child(2) ul li {
                text-align: justify; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .label {
            margin-bottom: 23px;
            text-transform: uppercase;
            font-size: 41px; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .tube-travel-time {
            font-size: 125px;
            font-weight: bold; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item span {
            display: block;
            font-size: 60px; }
          .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(2) .layout__two-cell-grid__item ul li {
            margin-bottom: 16px;
            list-style-type: none;
            font-size: 54px; }
        .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(3) {
          grid-column: 1;
          grid-row: 3; }
        .section4__grid__item:nth-child(2) .section__grid-layout__item__subgrid__item:nth-child(4) {
          grid-column: 2;
          grid-row: 3; }
    .section4__grid__item:nth-child(3) {
      grid-column: 1 / span 2;
      grid-row: 2; }
      .section4__grid__item:nth-child(3) ul {
        margin: 0 60px;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        height: 205px; }
        .section4__grid__item:nth-child(3) ul li {
          position: relative;
          -ms-flex-item-align: center;
          align-self: center;
          list-style-type: none; }
          .section4__grid__item:nth-child(3) ul li .tfl_icon_list_seperator {
            display: inline-block;
            width: 70px;
            height: 70px;
            background-color: #6dad45;
            border-radius: 50%; }
          .section4__grid__item:nth-child(3) ul li img {
            height: 100px; }

.section5 {
  /*&:after {
		@include test-overlay();
		background-image: url(../images/section5-test.jpg);
	}*/ }
  .section5 .layout__container {
    padding-right: 0;
    padding-top: 0; }
  .section5__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    height: 1080px;
    background-color: #fff; }
    .section5__grid__item {
      position: relative; }
      .section5__grid__item:nth-child(1) {
        grid-template-columns: 1;
        width: 90%;
        padding-top: 78px; }
        .section5__grid__item:nth-child(1) .indented-text {
          margin-top: 50px;
          padding-left: 62px; }
        .section5__grid__item:nth-child(1) h3 {
          margin-top: 34px;
          font-size: 52px;
          color: #231f20; }
        .section5__grid__item:nth-child(1) p {
          margin-top: 58px;
          font-size: 41px;
          color: #231f20; }
      .section5__grid__item:nth-child(2) {
        grid-template-columns: 2;
        position: relative; }
        .section5__grid__item:nth-child(2) img {
          position: absolute;
          bottom: 0;
          z-index: 10; }
  .section5 .owl-carousel {
    overflow: hidden; }
    .section5 .owl-carousel .owl-item {
      float: left; }

.section6 video {
  margin: 0 auto;
  max-width: 100%; }

.section7 {
  color: #fff; }
  .section7__title {
    font-size: 120px; }
  .section7 svg {
    position: absolute;
    top: 100px;
    right: 30px;
    width: 120px; }
    .section7 svg path {
      fill: #0f6c71 !important; }
  .section7 .tweet-carousel {
    margin-top: 50px;
    width: 100%;
    overflow: hidden; }
    .section7 .tweet-carousel .owl-item {
      width: 1080px;
      float: left;
      font-size: 50px; }
    .section7 .tweet-carousel .item > span {
      word-wrap: break-word;
      overflow: hidden; }
      .section7 .tweet-carousel .item > span a {
        color: #fff;
        text-decoration: none;
        font-weight: 600; }
    .section7 .tweet-carousel a {
      color: #fff;
      text-decoration: none;
      font-weight: 600; }
    .section7 .tweet-carousel__meta {
      margin-top: 60px;
      display: block; }
      .section7 .tweet-carousel__meta__image-container {
        position: relative;
        background-color: #fff;
        width: 150px;
        height: 150px;
        background-color: #fff;
        border-radius: 50%;
        float: left; }
      .section7 .tweet-carousel__meta__screen-name {
        float: left;
        margin-left: 30px;
        line-height: 150px;
        font-size: 60px; }
      .section7 .tweet-carousel__meta img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px;
        height: 100px; }
  .section7 .owl-nav,
  .section7 .owl-dots {
    display: none; }

.section8 > * {
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.section8.loaded > * {
  opacity: 1; }

.section8__grid {
  display: grid;
  grid-template-columns: 90% 10%;
  grid-template-rows: 130px 1fr; }
  .section8__grid__item:nth-child(1) {
    grid-row: 1;
    grid-column: 1; }
  .section8__grid__item:nth-child(2) {
    grid-row: 1;
    grid-column: 2; }
    .section8__grid__item:nth-child(2) svg {
      width: 90px;
      height: 90px; }
      .section8__grid__item:nth-child(2) svg path, .section8__grid__item:nth-child(2) svg circle {
        fill: #903C8F; }
  .section8__grid__item:nth-child(3) {
    grid-row: 2;
    grid-column: 1 / span 2; }

.section8 .instagram-carousel {
  margin: 0 62px; }
  .section8 .instagram-carousel__meta {
    margin-left: 30px;
    margin-top: 40px;
    display: block; }
    .section8 .instagram-carousel__meta__image-container {
      margin-right: 30px;
      position: relative;
      background-color: #fff;
      width: 150px;
      height: 150px;
      background-color: #fff;
      border-radius: 50%;
      float: left; }
      .section8 .instagram-carousel__meta__image-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px;
        height: 100px; }
    .section8 .instagram-carousel__meta__screen-name {
      color: #fff;
      float: left;
      line-height: 150px;
      font-size: 60px; }
  .section8 .instagram-carousel .owl-dots,
  .section8 .instagram-carousel .owl-nav {
    display: none; }

.section8 .owl-item {
  float: left;
  width: 50%;
  -webkit-clip-path: polygon(0% 16%, 23% 1%, 100% 0%, 99% 99%, 1% 100%);
  clip-path: polygon(0% 16%, 23% 1%, 100% 0%, 99% 99%, 1% 100%); }
  .section8 .owl-item img {
    max-width: 90%; }

.parent-section {
  position: relative;
  width: 3840px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s; }
  .parent-section.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s; }
  .parent-section section {
    width: 50%;
    float: left; }

body {
  width: 1920px;
  height: 6480px;
  overflow-x: hidden; }

html {
  overflow: hidden;
  height: 6480px; }

.layout__container {
  position: relative;
  margin: 0 100px;
  padding: 30px;
  height: 1080px;
  padding-top: 78px;
  border: 0; }
  .layout__container--no-top-padding {
    padding-top: 0; }
  .layout__container--bright {
    background-color: #f8ce19;
    color: #fff; }
  .layout__container--white {
    background-color: #fff;
    color: #000; }
  .layout__container--cut-bottom-left {
    -webkit-clip-path: polygon(0 0, 0 90%, 100% 200%, 100% 0, 100% 0);
    clip-path: polygon(0 0, 0 90%, 100% 200%, 100% 0, 100% 0); }
  .layout__container--cut-top-right {
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 12%, 86% 0);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 12%, 86% 0); }

.layout__row {
  margin: 0 -30px; }

.layout__logo {
  height: 200px; }

.layout__right-aligned-content {
  text-align: right; }

.layout__two-cell-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1; }
  .layout__two-cell-grid__item:nth-child(1) {
    grid-column: 1; }
  .layout__two-cell-grid__item:nth-child(2) {
    grid-column: 2; }

.text {
  /*&--xl {
		text-align: center;
		font-size: 40vh;
	}*/ }
  .text--white {
    color: #fff; }
  .text--section-title {
    margin: 0 0 0 62px;
    text-transform: uppercase;
    font-size: 95px;
    font-weight: 400;
    letter-spacing: 3px; }
    .text--section-title--grey {
      color: #a2a09f; }
    .text--section-title--white {
      color: #ffffff; }

h1, h2, h3, h4, h5 {
  font-weight: 400; }

h1 {
  font-size: 5vw; }

h2 {
  margin: 0;
  font-size: 5vw; }

h3 {
  margin: 0; }

p {
  font-size: 2vw; }

body {
  font-family: 'Maven Pro';
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #404b70; }
  body img {
    max-width: 100%; }

#message {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  font-size: 30px;
  text-align: center;
  color: #fff; }

#body {
  max-width: 1920px;
  margin: 0 auto; }

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

section {
  overflow: hidden; }



/*
 *
 * NEW
 *
 */


html { }

body {
    width:1920px!important;
	height:auto!important;
	overflow:hidden!important;
    /* height: 6480px; */
    /* overflow-x: hidden; */
}

.screenimage { display:block; }
.screenimage img { width:auto;     width: 1720px; height:1080px; margin:0; padding:0; line-height:1; }
.screenimage p { margin:0!important; padding:0!important; line-height:0!important; }

.screenimage .layout__container { padding:0!important; }

/* Animate */
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-7-24 10:37:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}