/* Home Page Live Examples */
@font-face {
  font-family: "Artifakt Legend";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Legend Light.woff");
  font-weight: 200; }
@font-face {
  font-family: "Artifakt Legend";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Legend Book.woff");
  font-weight: 300; }
@font-face {
  font-family: "Artifakt Legend";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Legend Regular.woff");
  font-weight: 400; }
@font-face {
  font-family: "Artifakt Legend";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Legend Bold.woff");
  font-weight: bold; }
@font-face {
  font-family: "Artifakt Element";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Element Light.woff");
  font-weight: 300; }
@font-face {
  font-family: "Artifakt Element";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Element Regular.woff");
  font-weight: normal; }
@font-face {
  font-family: "Artifakt Element";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Element Medium.woff");
  font-weight: 500; }
@font-face {
  font-family: "Artifakt Element";
  src: url("../fonts/artifakt/release/v1.2.0/Artifakt Element Bold.woff");
  font-weight: bold; }
html {
  overflow-x: hidden;
  font-family: "Artifakt Element", "Open Sans", Helvetica, Arial, sans-serif; }

.ie-hide {
  display: none !important;
}
.ie-show {
  display: inline !important;
}
.cover-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block; }

section.top-banner {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-image: url("../img/hero-banner_light.png");
  background-position: center center;
  background-size: cover;
  color: white;
  font-family: "Artifakt Element", "Open Sans", Helvetica, Arial, sans-serif;
  height: calc(85vh - 64px);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 60px;
  width: 100%;
  text-align: center; }
  @media (max-width: 991px) {
    section.top-banner {
      padding-bottom: 40px; } }
  @media (max-width: 767px) {
    section.top-banner {
      padding-top: 70px;
      height: 520px; } }
  @media (min-width: 768px) {
    section.top-banner {
      padding-top: 100px;
      height: 720px; } }
  section.top-banner #svg-here {
    min-height: 200px; }
  section.top-banner svg {
    height: 400px;
    max-width: 800px;
    padding-top: 100px; }
    @media (max-width: 1200px) {
      section.top-banner svg {
        height: 350px; } }
    @media (max-width: 767px) {
      section.top-banner svg {
        height: 200px;
        padding-top: 30px; } }
  section.top-banner .intro {
    text-align: center;
    animation: FadeIn 2s ease 2.0s both;
    margin: 0 auto;
    color: white;
    position: relative;
    top: 60px; }
    @media (max-width: 767px) {
      section.top-banner .intro {
        top: 20px; } }
    section.top-banner .intro h1 {
      color: white;
      font-size: 42px;
      margin-bottom: 10px;
      font-weight: 400;
      margin-top: 0; }
      @media (max-width: 1200px) {
        section.top-banner .intro h1 {
          font-size: 38px; } }
      @media (max-width: 991px) {
        section.top-banner .intro h1 {
          font-size: 32px; } }
      section.top-banner .intro h1 span {
        font-weight: bold;
        color: #EE8822; }
      section.top-banner .intro h1 + div {
        font-size: 18px; }
        @media (max-width: 991px) {
          section.top-banner .intro h1 + div {
            font-size: 14px; } }
    section.top-banner .intro > a {
      background-color: #EE8822;
      border-color: #EE8822;
      margin-left: 0;
      font-weight: normal;
      font-size: 18px;
      height: 55px;
      line-height: 2em;
      padding: 10px 30px;
      color: white;
      margin-top: 35px;
      display: inline-block;
      text-decoration: none; }
      @media (max-width: 767px) {
        section.top-banner .intro > a {
          margin-top: 25px; } }
      section.top-banner .intro > a:hover {
        background-color: #d17920;
        border-color: #d17920; }
    section.top-banner .intro > div:last-of-type {
      font-size: 14px;
      margin-top: 12px;
      font-family: "Artifakt Legend", "Open Sans", Helvetica, Arial, sans-serif; }
      section.top-banner .intro > div:last-of-type > a {
        color: white;
        font-weight: bold; }

.subscribe-forge {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #F1AE3E;
  padding: 15px 30px; }
  @media (max-width: 767px) {
    .subscribe-forge {
      padding: 15px; } }
  .subscribe-forge .wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    color: white;
    display: table; }
    @media (max-width: 991px) {
      .subscribe-forge .wrapper {
        display: block; } }
    .subscribe-forge .wrapper img {
      vertical-align: top;
      width: 40px;
      height: 40px; }
    .subscribe-forge .wrapper .light {
      font-size: 14px;
      font-weight: normal; }
    .subscribe-forge .wrapper > div {
      display: table-cell; }
      @media (max-width: 991px) {
        .subscribe-forge .wrapper > div {
          display: block; } }
    .subscribe-forge .wrapper > div:first-child {
      width: 40px;
      vertical-align: top; }
      @media (max-width: 991px) {
        .subscribe-forge .wrapper > div:first-child {
          margin: -32px auto 0 auto; } }
    .subscribe-forge .wrapper > div:nth-child(2) {
      padding: 0 10px;
      vertical-align: top;
      font-size: 18px;
      font-weight: bold; }
      @media (max-width: 991px) {
        .subscribe-forge .wrapper > div:nth-child(2) {
          margin-top: 5px;
          padding: 0; } }
    .subscribe-forge .wrapper > div:nth-child(3) {
      vertical-align: middle; }
    .subscribe-forge .wrapper a {
      font-weight: bold;
      display: block;
      width: 186px;
      padding: 6px 30px 6px 30px !important;
      text-align: center; }
      @media (max-width: 480px) {
        .subscribe-forge .wrapper a {
          width: 100%; } }

.cloud-services {
  background-color: #FAFAFA;
  padding: 96px 30px 20px 30px; }
  @media (max-width: 767px) {
    .cloud-services {
      padding: 42px 15px 70px 15px; } }
  .cloud-services h1 {
    font-size: 38px;
    font-weight: 400;
    color: #333;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5em; }
    @media (max-width: 991px) {
      .cloud-services h1 {
        font-size: 22px; } }
    @media (max-width: 767px) {
      .cloud-services h1 {
        text-align: left; } }
  .cloud-services h1 + div {
    font-size: 14px;
    text-align: center;
    margin: 20px auto 0 auto;
    max-width: 620px; }
    @media (max-width: 767px) {
      .cloud-services h1 + div {
        text-align: left;
        margin: 20px 0 0 0; } }
  .cloud-services .api-list {
    max-width: 1000px;
    margin: 50px auto 100px auto; }
    @media (max-width: 767px) {
      .cloud-services .api-list {
        margin: 30px auto 30px auto; } }
    .cloud-services .api-list .nav-tabs {
      border: none; }
      .cloud-services .api-list .nav-tabs > li {
        width: 20%;
        height: 95px;
        font-size: 12px;
        text-align: center; }
        @media (max-width: 991px) {
          .cloud-services .api-list .nav-tabs > li {
            height: 50px; } }
        .cloud-services .api-list .nav-tabs > li a {
          border: 0;
          height: 100%;
          color: #333;
          padding: 0; }
          .cloud-services .api-list .nav-tabs > li a:hover {
            background-color: transparent;
            font-weight: bold; }
          .cloud-services .api-list .nav-tabs > li a:focus {
            outline: 0;
            background-color: transparent; }
          @media (max-width: 991px) {
            .cloud-services .api-list .nav-tabs > li a span:last-child {
              display: none; } }
        .cloud-services .api-list .nav-tabs > li.active a {
          border: 0;
          background: transparent;
          font-weight: bold; }
        .cloud-services .api-list .nav-tabs > li img {
          display: block;
          margin: 0 auto; }
    .cloud-services .api-list .bar {
      width: 100%;
      height: 3px;
      background-color: #D8D8D8;
      position: relative; }
      .cloud-services .api-list .bar .color-bar {
        width: 20%;
        background-color: #EE8822;
        height: 3px;
        position: absolute;
        left: 0%;
        transition: left .3s;
        -webkit-transition: left .3s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease; }
    .cloud-services .api-list .cloud-icon {
      background-repeat: no-repeat;
      width: 60px;
      height: 60px;
      background-size: 60px 60px;
      display: block;
      margin: 0 auto; }
      @media (max-width: 991px) {
        .cloud-services .api-list .cloud-icon {
          width: 40px;
          height: 40px;
          background-size: 40px 40px; } }
    .cloud-services .api-list .icon-viewer {
      background-image: url("../img/icon-viewer-grey.svg"); }
    .cloud-services .api-list li.active .icon-viewer, .cloud-services .api-list li:hover .icon-viewer {
      background-image: url("../img/icon-viewer.svg"); }
    .cloud-services .api-list .icon-data-mgmt {
      background-image: url("../img/icon-data-mgmt-grey.svg"); }
      .cloud-services .api-list .icon-data-mgmt:hover {
        background-image: url("../img/icon-data-mgmt.svg"); }
    .cloud-services .api-list li.active .icon-data-mgmt, .cloud-services .api-list li:hover .icon-data-mgmt {
      background-image: url("../img/icon-data-mgmt.svg"); }
    .cloud-services .api-list .icon-model-derive {
      background-image: url("../img/icon-model-derive-grey.svg"); }
      .cloud-services .api-list .icon-model-derive:hover {
        background-image: url("../img/icon-model-derive.svg"); }
    .cloud-services .api-list li.active .icon-model-derive, .cloud-services .api-list li:hover .icon-model-derive {
      background-image: url("../img/icon-model-derive.svg"); }
    .cloud-services .api-list .icon-design-auto {
      background-image: url("../img/icon-design-auto-grey.svg"); }
      .cloud-services .api-list .icon-design-auto:hover {
        background-image: url("../img/icon-design-auto.svg"); }
    .cloud-services .api-list li.active .icon-design-auto, .cloud-services .api-list li:hover .icon-design-auto {
      background-image: url("../img/icon-design-auto.svg"); }
      .cloud-services .api-list .icon-reality-cap {
  background-image: url("../img/icon-reality-cap-grey.svg");
}

.cloud-services .api-list .icon-reality-cap:hover {
  background-image: url("../img/icon-reality-cap.svg");
}

.cloud-services .api-list li.active .icon-reality-cap, .cloud-services .api-list li:hover .icon-reality-cap {
  background-image: url("../img/icon-reality-cap.svg");
}
    .cloud-services .api-list .tab-content {
      padding: 60px 0 0 0; }
      @media (max-width: 991px) {
        .cloud-services .api-list .tab-content {
          height: auto;
          padding: 40px 0 0 0; } }
      @media (max-width: 767px) {
        .cloud-services .api-list .tab-content {
          padding: 0; } }
      .cloud-services .api-list .tab-content .tab-pane {
        overflow: auto;
        padding: 30px 0; }
      @media (max-width: 991px) {
        .cloud-services .api-list .tab-content .description h3 {
          line-height: 25px;
          font-size: 18px; } }
      @media (max-width: 767px) {
        .cloud-services .api-list .tab-content .description {
          width: 100%; } }
      .cloud-services .api-list .tab-content .description > div {
        max-width: 410px; }
        .cloud-services .api-list .tab-content .description > div p {
          margin-top: 30px; }
        .cloud-services .api-list .tab-content .description > div > a {
          display: block;
          margin-top: 30px;
          color: #EE8822; }
          .cloud-services .api-list .tab-content .description > div > a img {
            display: inline-block;
            width: 33px;
            margin-right: 10px; }
          @media (max-width: 767px) {
            .cloud-services .api-list .tab-content .description > div > a {
              margin-top: 20px; } }
      @media (max-width: 767px) {
        .cloud-services .api-list .tab-content .sample {
          margin-top: 50px;
          width: 100%; } }
      .cloud-services .api-list .tab-content .sample > .pic {
        -webkit-transition: box-shadow .4s ease-in-out, border .4s ease-in-out;
        transition: box-shadow .4s ease-in-out, border .4s ease-in-out;
        max-width: 560px;
        position: relative;
        border: 1px solid #EBEFF0; }
      .cloud-services .api-list .tab-content .sample > .pic:hover {
        box-shadow: 0px 0px 20px 0px #cacaca;
        cursor: pointer;
        border: 1px solid #3566CC; }
      .cloud-services .api-list .tab-content .sample .copy {
        padding: 25px;
        background-color: white;
        position: absolute;
        bottom: 0;
        width: 100%;
        font-weight: 500; }
        .cloud-services .api-list .tab-content .sample .copy span {
          font-size: 18px; }
        .cloud-services .api-list .tab-content .sample .copy i {
          margin-left: 5px; }
        @media (max-width: 991px) {
          .cloud-services .api-list .tab-content .sample .copy {
            padding: 15px; } }
      .cloud-services .api-list .tab-content .sample .mobile-show {
        display: none; }
        @media (max-width: 767px) {
          .cloud-services .api-list .tab-content .sample .mobile-show {
            display: inline; } }
  .cloud-services .other-sample {
    font-size: 14px;
    margin-top: 30px; }
    .cloud-services .other-sample img {
      display: inline-block;
      width: 100px;
      height: 60px; }
    .cloud-services .other-sample > div:last-child {
      margin-top: 10px; }
    .cloud-services .other-sample a:first-child {
      margin-right: 10px; }
    .cloud-services .other-sample a {
      display: inline-block;
      -webkit-transition: box-shadow .4s ease-in-out, border .4s ease-in-out;
      transition: box-shadow .4s ease-in-out, border .4s ease-in-out;
      border: 1px solid #EBEFF0; }
      .cloud-services .other-sample a:hover {
        box-shadow: 0px 0px 20px 0px #cacaca;
        cursor: pointer;
        border: 1px solid #3566CC; }

.supports-idea {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-image: url("../img/forge-fund.jpg");
  background-size: cover;
  background-position: center top;
  height: 600px;
  background-color: white; }
  @media (max-width: 1200px) {
    .supports-idea {
      height: 550px; } }
  @media (max-width: 991px) {
    .supports-idea {
      height: 480px; } }
  .supports-idea .wrapper {
    height: 100%;
    position: relative; }
    @media (max-width: 1200px) {
      .supports-idea .wrapper {
        width: 100%; } }
    .supports-idea .wrapper > div {
      padding: 20px;
      position: absolute;
      color: white;
      max-width: 615px;
      width: 100%;
      top: 70%;
      left: 50%;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media (max-width: 1200px) {
        .supports-idea .wrapper > div {
          top: 240px;
          left: 50%;
          padding: 15px;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          text-align: center; } }
      @media (max-width: 991px) {
        .supports-idea .wrapper > div {
          top: 210px; } }
      @media (max-width: 767px) {
        .supports-idea .wrapper > div {
          top: 210px;
          text-align: left; } }
      .supports-idea .wrapper > div h1 {
        font-size: 38px;
        color: white;
        font-weight: 400; }
        @media (max-width: 991px) {
          .supports-idea .wrapper > div h1 {
            font-size: 22px; } }
      .supports-idea .wrapper > div h1 + p {
        color: white; }
      .supports-idea .wrapper > div > a {
        margin-top: 35px;
        display: inline-block;
        font-weight: bold;
        padding: 6px 30px 6px 30px !important; }
        @media (max-width: 1200px) {
          .supports-idea .wrapper > div > a {
            margin: 19px auto 0 auto; } }
        .supports-idea .wrapper > div > a i {
          margin-left: 5px; }

.forge-events {
  background-color: #F7F9FD;
  padding: 100px 20px 170px 20px; }
  @media (max-width: 1200px) {
    .forge-events {
      padding-top: 80px; } }
  @media (max-width: 991px) {
    .forge-events {
      padding-top: 50px;
      padding-bottom: 100px; } }
  .forge-events .wrapper {
    max-width: 1140px;
    margin: 0 auto; }
    .forge-events .wrapper h1 {
      font-weight: 400;
      font-size: 38px;
      text-align: center;
      margin-bottom: 50px; }
      @media (max-width: 991px) {
        .forge-events .wrapper h1 {
          font-size: 22px; } }
      @media (max-width: 767px) {
        .forge-events .wrapper h1 {
          text-align: left; } }
    .forge-events .wrapper > .row {
      margin-bottom: 15px; }
    .forge-events .wrapper .date-location {
      color: #3566CC; }
      .forge-events .wrapper .date-location > div:first-of-type {
        font-size: 20px;
        font-weight: 500; }
      .forge-events .wrapper .date-location > div:last-of-type {
        font-size: 14px; }
      .forge-events .wrapper .date-location > i {
        float: right;
        display: none; }
      @media (max-width: 1200px) {
        .forge-events .wrapper .date-location > div:first-of-type {
          font-size: 17px; } }
      @media (max-width: 991px) {
        .forge-events .wrapper .date-location > div:first-of-type {
          font-size: 14px; }
        .forge-events .wrapper .date-location > div:last-of-type {
          font-size: 14px;
          margin-left: 15px; }
        .forge-events .wrapper .date-location > div {
          display: inline-block; }
        .forge-events .wrapper .date-location > i {
          display: block;
          font-size: 18px; } }
    .forge-events .wrapper .event-description {
      font-size: 14px; }
      .forge-events .wrapper .event-description > div {
        font-size: 20px;
        font-weight: bold;
      }
      .forge-events .wrapper .event-description i {
        color: #3566CC;
      }
      @media (max-width: 1200px) {
        .forge-events .wrapper .event-description > div {
          font-size: 17px;
        } }
      @media (max-width: 991px) {
        .forge-events .wrapper .event-description > div {
          font-size: 14px;
        }
        .forge-events .wrapper .event-description > p {
          display: none; } }
    .forge-events .wrapper .event-item {
      padding-left: 8px;
      padding-right: 8px; }
      .forge-events .wrapper .event-item > div {
        height: 200px;
        background: #FFFFFF;
        border: 1px solid #EBEFF0;
        padding: 25px 22px;
        -webkit-transition: box-shadow .4s ease-in-out, border .4s ease-in-out;
        transition: box-shadow .4s ease-in-out, border .4s ease-in-out;
        position: relative; }
        @media (max-width: 991px) {
          .forge-events .wrapper .event-item > div {
            height: 120px; } }
      .forge-events .wrapper .event-item > a:hover + div {
        cursor: pointer;
        border: 1px solid #3566CC;
        box-shadow: 0px 0px 10px 0px #cacaca; }
      @media (max-width: 767px) {
        .forge-events .wrapper .event-item {
          width: 100%; }
          .forge-events .wrapper .event-item:not(:last-child) {
            margin-bottom: 15px; } }

/*******

    SVG Animations

********/
.jagoda {
  z-index: -3;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  margin-top: -325px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
  -webkit-animation: jagoda-1 1.5s cubic-bezier(0, 0, 0, 1.29) 1 1.8s both, jagoda-2 1.5s cubic-bezier(0, 0, 0, 1.29) 1 1.8s both;
  animation: jagoda-1 1.5s cubic-bezier(0, 0, 0, 1.29) 1 1.8s both, jagoda-2 1.5s cubic-bezier(0, 0, 0, 1.29) 1 1.8s both; }
  @media (max-width: 1200px) {
    .jagoda {
      margin-top: -300px; } }
  @media (max-width: 767px) {
    .jagoda {
      height: 200px;
      width: 200px;
      margin-top: -220px; } }

/*elements*/
/*elements*/
#API-1 {
  -webkit-animation: FromLeft 0.5s cubic-bezier(0.96, -0.01, 1, 1) 1 0.5s both, Bounce 0.2s ease 1s, Bounce 0.2s ease 1.2s, Bounce 0.2s ease 1.5s;
  animation: FromLeft 1s cubic-bezier(0.96, -0.01, 1, 1) 1 0s both, Bounce 0.2s ease 1s, Bounce 0.2s ease 1.2s, Bounce 0.2s ease 1.5s; }

#API-3 {
  -webkit-animation: FromRight 0.5s cubic-bezier(0.96, 0.46, 1, 1) 1 1s both, Bounce 0.2s ease 1.5s;
  animation: FromRight 0.5s cubic-bezier(0.96, 0.46, 1, 1) 1 1s both, Bounce 0.2s ease 1.5s; }

#API-2 {
  -webkit-animation: FromBottom 0.3s cubic-bezier(0.96, 0.46, 1, 1) 1 1.5s both, Bounce 0.2s ease 1.8s;
  animation: FromBottom 0.3s cubic-bezier(0.96, 0.46, 1, 1) 1 1.5s both, Bounce 0.2s ease 1.8s; }

#Block-P1 {
  -webkit-animation: Bounce 0.2s ease 1.0s, Bounce 0.2s ease 1.5s;
  animation: Bounce 0.2s ease 1.0s, Bounce 0.2s ease 1.5s; }

#Block-P2 {
  -webkit-animation: Bounce 0.2s ease 1.0s, Bounce 0.2s ease 1.5s;
  animation: Bounce 0.2s ease 1.0s, Bounce 0.2s ease 1.5s; }

#API2-top {
  -webkit-animation: FromBottom 0.3s cubic-bezier(0.96, 0.46, 1, 1) 1 1.5s both, Bounce 0.2s ease 1.8s;
  animation: FromBottom 0.3s cubic-bezier(0.96, 0.46, 1, 1) 1 1.5s both, Bounce 0.2s ease 1.8s; }

#Block-Center {
  -webkit-animation: Bounce 0.2s ease 1.8s, Floating 3s ease infinite 1.8s;
  animation: Bounce 0.2s ease 1.8s, Floating 3s ease infinite 1.8s; }

/*keyframes*/
@-webkit-keyframes Bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  20% {
    -webkit-transform: scaleX(1.03);
    transform: scaleX(1.03); }
  40% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98); }
  60% {
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02); }
  80% {
    -webkit-transform: scaleX(0.99);
    transform: scaleX(0.99); }
  90% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@keyframes Bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  20% {
    -webkit-transform: scaleX(1.03);
    transform: scaleX(1.03); }
  40% {
    -webkit-transform: scaleX(0.98);
    transform: scaleX(0.98); }
  60% {
    -webkit-transform: scaleX(1.02);
    transform: scaleX(1.02); }
  80% {
    -webkit-transform: scaleX(0.99);
    transform: scaleX(0.99); }
  90% {
    -webkit-transform: scaleX(1.01);
    transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }
@-webkit-keyframes FromLeft {
  0% {
    -webkit-transform: translateX(-350px) translateY(-60px);
    transform: translateX(-350px) translateY(-60px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@keyframes FromLeft {
  0% {
    -webkit-transform: translateX(-350px) translateY(-60px);
    transform: translateX(-350px) translateY(-60px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@-webkit-keyframes FromRight {
  0% {
    -webkit-transform: translateX(300px) translateY(-10px);
    transform: translateX(300px) translateY(-10px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@keyframes FromRight {
  0% {
    -webkit-transform: translateX(300px) translateY(-10px);
    transform: translateX(300px) translateY(-10px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@-webkit-keyframes FromBottom {
  0% {
    -webkit-transform: translateX(300px) translateY(100px);
    transform: translateX(300px) translateY(100px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@keyframes FromBottom {
  0% {
    -webkit-transform: translateX(300px) translateY(100px);
    transform: translateX(300px) translateY(100px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@-webkit-keyframes FromBottomTop {
  0% {
    -webkit-transform: translateX(300px) translateY(100px);
    transform: translateX(300px) translateY(100px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@keyframes FromBottomTop {
  0% {
    -webkit-transform: translateX(300px) translateY(100px);
    transform: translateX(300px) translateY(100px); }
  100% {
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px); } }
@-webkit-keyframes FadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes FadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes Floating {
  from {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  65% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  to {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px); } }
@keyframes Floating {
  from {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px); }
  65% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  to {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px); } }
@-webkit-keyframes jagoda-1 {
  0%, 100% {
    opacity: 0; }
  40%, 60% {
    opacity: 1; } }
@keyframes jagoda-1 {
  0%, 100% {
    opacity: 0; }
  40%, 60% {
    opacity: 1; } }
@-webkit-keyframes jagoda-2 {
  0% {
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  100% {
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1); } }
@keyframes jagoda-2 {
  0% {
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1); }
  100% {
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1); } }
/*******

    End SVG Animations

********/

/*# sourceMappingURL=homepage.css.map */