@charset "UTF-8";
/*
Theme Name: PEPPERMINT 2019
Theme URI: https://peppermint.pl
Author: Andrzej Sarzała popełnione przez PEPPERMINT
Author URI: http://peppermint.pl
Description: General template
Version: 2.0

*/
/* _functions.scss */

@import url("https://use.typekit.net/vvs0ktn.css");

.btn {
  background-color: transparent; }

.form-msg {
  font-size: 12px;
  font-weight: 400;
  color: red;
  position: absolute;
  left: 0;
  bottom: -18px;
  width: 100%; }

textarea.form-control {
  border: 1px solid #000;
  height: 170px;
  padding: 25px 30px; }
  textarea.form-control + label {
    text-align: left;
    left: 30px !important;
    top: 25px !important; }
  textarea.form-control:focus + label, textarea.form-control.filed + label {
    opacity: 0; }

.form-check-toggle {
  position: relative;
  padding-left: 42px;
  margin-bottom: 16px;
  line-height: 1; }
  .form-check-toggle:before, .form-check-toggle:after {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    border: 3px solid #50c1b9;
    position: absolute;
    top: 0;
    left: 0; }
  .form-check-toggle:after {
    background-color: #50c1b9;
    opacity: 0; }
  .form-check-toggle.checked:after {
    opacity: 1; }

.form-group {
  position: relative;
  margin-bottom: 42px; }
  .form-group label {
    position: absolute;
    left: 0;
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    top: 2px;
    pointer-events: none;
    -webkit-transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 250ms cubic-bezier(0.645, 0.045, 0.355, 1); }

.form-check {
  padding: 0;
  margin-bottom: 20px;
  text-align: left;
  position: relative; }
  .form-check.legals label {
    font-size: 11px;
    padding-top: 0px;
    font-weight: 400; }
  .form-check .form-msg {
    left: 35px;
    bottom: -13px; }
  .form-check .text {
    font-size: 13px; }
  .form-check .form-check-input {
    opacity: 0;
    position: absolute;
    left: 24px;
    display: inline-block;
    top: 4px; }
    .form-check .form-check-input:checked + .form-check-label svg .tick {
      fill: #50c1b9; }
  .form-check .form-check-label {
    position: relative;
    padding-left: 35px;
    line-height: 1; }
    .form-check .form-check-label svg {
      width: 26px;
      height: 26px;
      position: absolute;
      left: 0;
      top: 0; }
      .form-check .form-check-label svg .tick {
        fill: none;
        stroke: #50c1b9;
        stroke-width: 25px; }
  .form-check .msg-error {
    position: relative;
    display: block;
    margin-top: 3px; }

.html, body {
  min-height: 100vh;
  font-family: "futura-pt", sans-serif !important;
  font-style: normal;
  font-weight: 300; }
  .html a, body a {
    outline: none !important;
    color: black; }
  .html sup, body sup {
    top: 8px; }

body.loading {
  overflow: hidden; }
  body.loading .main--header {
    opacity: 0; }
  body.loading main {
    opacity: 0; }
  body.loading footer {
    opacity: 0; }
  body.loading > .spinner {
    display: inline-block; }

body.nav-open {
  overflow: hidden; }
  body.nav-open main {
    pointer-events: none; }
  body.nav-open footer {
    pointer-events: none; }

body > .spinner {
  display: none; }

body footer {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear; }

.carousel.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  -webkit-transition: opacity ease-out .7s;
  transition: opacity ease-out .7s;
  left: 0;
  top: 0;
  position: absolute; }

.carousel.carousel-fade .carousel-item.active {
  opacity: 1 !important; }

.carousel.carousel-fade .carousel-item:first-child {
  top: auto;
  position: relative;
  -webkit-transition: opacity ease-out .7s;
  transition: opacity ease-out .7s; }

.carousel.carousel-fade .carousel-item:second-child {
  top: auto;
  position: relative;
  -webkit-transition: opacity ease-out .7s;
  transition: opacity ease-out .7s; }

.carousel-item .img-fluid {
  margin: 0 auto; }

.carousel img {
  opacity: 1;
  filter: alpha(opacity=100); }

.cookies-law {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  background-image: url("img/cookies-panel-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  z-index: 600; }
  .cookies-law p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0; }
    .cookies-law p a {
      color: #50c1b9; }
  .cookies-law .btn {
    margin: 0 auto; }

@media (max-width: 540px) {
  .cookies-law br {
    display: none; }
  .row {
    margin-left: 0px !important;
    margin-right: 0px !important; } }

.main--header {
  position: fixed;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear; }
  .main--header.low-navbar {
    position: fixed;
    height: 62px; }
    .main--header.low-navbar .navbar {
      top: 0px; }
    .main--header.low-navbar .navbar-brand img {
      width: 160px; }
  .main--header .navbar-brand {
    padding: 0;
    margin: 0; }
    .main--header .navbar-brand img {
      width: 220px;
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
      transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1); }
  .main--header .lang-nav {
    line-height: 1;
    cursor: pointer;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase; }
    .main--header .lang-nav.current {
      background-color: #50c1b9;
      color: white;
      pointer-events: none; }
  .main--header .navbar {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100; }
    .main--header .navbar .navbar-nav > li > a {
      font-size: 15px;
      text-transform: lowercase;
      font-weight: 500;
      -webkit-transition: all 350ms cubic-bezier(0.39, 0.575, 0.565, 1);
      transition: all 350ms cubic-bezier(0.39, 0.575, 0.565, 1);
      position: relative;
      color: black; }
      .main--header .navbar .navbar-nav > li > a:after {
        content: "";
        display: inline-block;
        height: 4px;
        position: absolute;
        background-color: #50c1b9;
        left: 50%;
        right: 50%;
        bottom: 2px;
        -webkit-transition: all 350ms cubic-bezier(0.39, 0.575, 0.565, 1);
        transition: all 350ms cubic-bezier(0.39, 0.575, 0.565, 1);
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
      .main--header .navbar .navbar-nav > li > a:hover {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px); }
        .main--header .navbar .navbar-nav > li > a:hover:after {
          -webkit-transform: translateY(4px);
          transform: translateY(4px);
          left: 10px;
          right: 10px; }
      .main--header .navbar .navbar-nav > li > a.current {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px); }
        .main--header .navbar .navbar-nav > li > a.current:after {
          -webkit-transform: translateY(4px);
          transform: translateY(4px);
          left: .5rem;
          right: .5rem; }

@media (max-width: 990px) {
  .main--header .container {
    width: 100%;
    max-width: 100%; }
  .main--header .navbar .navbar-toggler {
    z-index: 200;
    position: absolute;
    right: 10px;
    top: 7px;
    border: none;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .main--header .navbar .navbar-toggler:not(.collapsed) {
      position: fixed; }
  .main--header .navbar .navbar-collapse {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    display: none;
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 500ms;
    transition: all 500ms;
    background-color: #50c1b9; }
    .main--header .navbar .navbar-collapse .navbar-nav > li > a {
      font-size: 6vw;
      padding: 2vh; }
    .main--header .navbar .navbar-collapse.collapsing {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      opacity: 0; }
    .main--header .navbar .navbar-collapse.show {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      left: 0;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .main--header .navbar-brand img {
    width: 150px; }
  .mobile-navbar-active .app-.main--header .navbar .navbar-toggle .icon-bar {
    -webkit-transform: rotate(45deg) translate(4px, 3px);
    transform: rotate(45deg) translate(4px, 3px); }
    .mobile-navbar-active .app-.main--header .navbar .navbar-toggle .icon-bar + .icon-bar {
      -webkit-transform: rotate(-45deg) translate(1px, 0px);
      transform: rotate(-45deg) translate(1px, 0px); }
      .mobile-navbar-active .app-.main--header .navbar .navbar-toggle .icon-bar + .icon-bar + .icon-bar {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0; }
  .mobile-navbar-active .app-.main--header .navbar .collapse.navbar-collapse {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* iPhone 4 and 4s landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .main--header .navbar .collapse.navbar-collapse .navbar-nav > li > a {
    font-size: 4vw; }
  .main--header .navbar .navbar-toggler {
    right: 10px;
    top: 7px; }
  .main--header .navbar-brand img {
    width: 150px; } }

/* iPhone 5 and 5s landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .main--header .navbar .collapse.navbar-collapse .navbar-nav > li > a {
    font-size: 4vw; }
  .main--header .navbar .navbar-toggler {
    right: 10px;
    top: 7px; }
  .main--header .navbar-brand img {
    width: 150px; } }

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .main--header .navbar .collapse.navbar-collapse .navbar-nav > li > a {
    font-size: 4vw; }
  .main--header .navbar .navbar-toggler {
    right: 10px;
    top: 7px; }
  .main--header .navbar-brand img {
    width: 150px; } }

/* iPhone 6+ landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .main--header .navbar .collapse.navbar-collapse .navbar-nav > li > a {
    font-size: 4vw; }
  .main--header .navbar .navbar-toggler {
    right: 10px;
    top: 7px; }
  .main--header .navbar-brand img {
    width: 150px; } }

html {
  overflow-x: hidden; }

body {
  -webkit-font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 1;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 16px;
  font-family: "futura-pt", sans-serif !important; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  pointer-events: none; }

main {
  min-height: calc(100vh - 80px);
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear; }

[class^="icon-"] {
  background-image: url("img/sprites.png");
  background-repeat: no-repeat;
  display: inline-block; }

.icon-close {
  background-position: 0 0;
  width: 68px;
  height: 68px; }

.icon-arrow-right {
  background-position: -72px 0;
  width: 19px;
  height: 15px; }

.icon-arrow-left {
  background-position: -72px -15px;
  width: 19px;
  height: 15px; }

.icon-facebook {
  background-position: -39px -70px;
  width: 36px;
  height: 26px; }

.icon-youtube {
  background-position: 0px -70px;
  width: 36px;
  height: 26px; }

.icon-insta {
  background-position: -75px -69px;
  width: 36px;
  height: 27px; }

.btn {
  color: black;
  padding: 0 0 10px;
  font-weight: 800 !important;
  border: none !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
  position: relative;
  line-height: 35px !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
  .btn.btn-light {
    text-decoration: none;
    color: #fff; }
    .btn.btn-light:after {
      background-color: #fff; }
  .btn:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn:after {
    content: "";
    display: inline-block;
    height: 6px;
    background-color: #50c1b9;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 25px;
    -webkit-transition: all 350ms cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 350ms cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    z-index: 0; }
  .btn:hover:after {
    width: 100%;
    bottom: 6px;
    height: 4px; }

.hero-inner p {
  position: relative; }

.subpage-hero .hero-inner {
  text-align: center;
  padding-top: 120px; }
  .subpage-hero .hero-inner h1 {
    display: none;
    margin: 0; }
  .subpage-hero .hero-inner h2 {
    font-size: 111px;
    font-weight: 800;
    font-style: normal;
    margin: 0 0 50px;
    display: inline-block;
    position: relative;
    text-transform: uppercase; }

.subpage-hero .lead {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 120px;
  display: block;
  position: relative; }

a:focus {
  outline: 0;
  outline-offset: 0; }

a:hover {
  color: rgba(0, 0, 0, 0.75); }
  a:hover .icon-arrow-right {
    -webkit-animation-name: arrowMoveRight;
    animation-name: arrowMoveRight;
    -webkit-animation-iteration-count: forwards;
    animation-iteration-count: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 375ms;
    animation-duration: 375ms; }
  a:hover .icon-arrow-left {
    -webkit-animation-name: arrowMoveLeft;
    animation-name: arrowMoveLeft;
    -webkit-animation-iteration-count: forwards;
    animation-iteration-count: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 375ms;
    animation-duration: 375ms; }

.page-out {
  opacity: 1;
  -webkit-animation: opacity_out .5s linear .5s forwards;
  animation: opacity_out .5s linear .5s forwards; }
  .page-out .home-hero {
    -webkit-animation: bg_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s forwards;
    animation: bg_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s forwards; }
  .page-out .single-hero-image {
    opacity: 1;
    -webkit-animation: opacity_out .5s linear .5s forwards;
    animation: opacity_out .5s linear .5s forwards; }
  .page-out .form-panel, .page-out .full-service {
    opacity: 1;
    -webkit-animation: opacity_out .5s linear .5s forwards;
    animation: opacity_out .5s linear .5s forwards; }
  .page-out .awards-wall .award {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }
  .page-out .team .layer:nth-of-type(1) .person {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms; }
  .page-out .team .layer:nth-of-type(2) .person {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms; }
  .page-out .team .layer .person {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }
  .page-out .wall-inner .gif-animation {
    -webkit-animation: show_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards;
    animation: show_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards; }
  .page-out .wall-inner .client {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards !important;
    animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards !important; }
  .page-out .wall-inner .case:nth-of-type(1) a {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms; }
  .page-out .wall-inner .case:nth-of-type(2) a {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms; }
  .page-out .wall-inner .case a {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards !important;
    animation: zoom_out 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards !important; }
  .page-out .home-footer .hf-inner .gif-animation {
    -webkit-animation: show_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards;
    animation: show_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards; }

.home-hero {
  -webkit-animation: bg_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: bg_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }

.single-hero-image {
  opacity: 0;
  -webkit-animation: opacity_in .5s linear .5s forwards;
  animation: opacity_in .5s linear .5s forwards; }

.form-panel, .full-service {
  opacity: 0;
  -webkit-animation: opacity_in .5s linear .5s forwards;
  animation: opacity_in .5s linear .5s forwards; }

.awards-wall .award {
  opacity: 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }

.team .layer:nth-of-type(1) .person {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms; }

.team .layer:nth-of-type(2) .person {
  -webkit-animation-delay: 650ms;
  animation-delay: 650ms; }

.team .layer .person {
  opacity: 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }

.wall-inner .client {
  opacity: 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }

.wall-inner .case:nth-of-type(1) a {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms; }

.wall-inner .case:nth-of-type(2) a {
  -webkit-animation-delay: 650ms;
  animation-delay: 650ms; }

.wall-inner .case a {
  opacity: 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }

@media (max-width: 990px) {
  .subpage-hero .hero-inner {
    padding-top: 100px; } }

@media (max-width: 575px) {
  .subpage-hero .hero-inner {
    padding-top: 80px; } }

@-webkit-keyframes arrowMoveRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px); }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes arrowMoveRight {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px); }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes arrowMoveLeft {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px); }
  51% {
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@keyframes arrowMoveLeft {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    opacity: 0;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px); }
  51% {
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

.spinner {
  -webkit-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px; }
  .spinner .path {
    stroke: #50c1b9;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite; }

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124; } }

@-webkit-keyframes mask_in {
  from {
    top: 0; }
  to {
    top: 100%; } }

@keyframes mask_in {
  from {
    top: 0; }
  to {
    top: 100%; } }

@-webkit-keyframes mask_out {
  from {
    top: 100%; }
  to {
    top: 0; } }

@keyframes mask_out {
  from {
    top: 100%; }
  to {
    top: 0; } }

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

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

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

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

@-webkit-keyframes show_in {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes show_in {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes show_out {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes show_out {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes bg_in {
  from {
    background-position: calc(50% - 455px) -400px; }
  to {
    background-position: calc(50% - 455px) -62px; } }

@keyframes bg_in {
  from {
    background-position: calc(50% - 455px) -400px; }
  to {
    background-position: calc(50% - 455px) -62px; } }

@-webkit-keyframes bg_out {
  from {
    background-position: calc(50% - 455px) -62px; }
  to {
    background-position: calc(50% - 455px) -400px; } }

@keyframes bg_out {
  from {
    background-position: calc(50% - 455px) -62px; }
  to {
    background-position: calc(50% - 455px) -400px; } }

@-webkit-keyframes zoom_in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoom_in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes zoom_out {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes zoom_out {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

section {
  display: inline-block;
  width: 100%; }

.home-hero {
  min-height: 690px;
  background-image: url("animations/kosmonauta.gif");
  background-repeat: no-repeat;
  background-position: calc(50% - 455px) -62px; }
  .home-hero .hero-inner {
    text-align: center;
    padding-top: 180px; }
    .home-hero .hero-inner h1 {
      display: none;
      margin: 0; }
    .home-hero .hero-inner h2 {
      font-size: 20px;
      font-weight: 400;
      font-style: normal;
      margin: 0 0 50px;
      display: inline-block;
      position: relative; }
    .home-hero .hero-inner .hero-brand {
      width: 40%;
      margin: 0 auto 70px;
      text-align: center;
      position: relative;
      display: block; }
      .home-hero .hero-inner .hero-brand img {
        display: inline-block;
        margin: 0 auto; }
    .home-hero .hero-inner .lead {
      font-size: 20px;
      text-transform: uppercase;
      font-weight: 800;
      margin-bottom: 120px;
      display: inline-block;
      position: relative; }
      .home-hero .hero-inner .lead.sr-only {
        display: none; }
    .home-hero .hero-inner .hero-scorlling {
      -webkit-animation: scroll_down 2s ease-in-out infinite;
      animation: scroll_down 2s ease-in-out infinite;
      display: block;
      margin: 0 auto; }

.home-projects-wall {
  position: relative; }
  .home-projects-wall .wall-inner {
    height: 2530px;
    position: relative; }
    .home-projects-wall .wall-inner .gif-animation {
      position: absolute;
      z-index: -1; }
      .home-projects-wall .wall-inner .gif-animation.konefka {
        top: 20px;
        right: -180px; }
      .home-projects-wall .wall-inner .gif-animation.nurek {
        top: 1150px;
        left: -180px; }
      .home-projects-wall .wall-inner .gif-animation.statek {
        top: 1650px;
        left: calc(50% + 150px); }
    .home-projects-wall .wall-inner .case {
      display: inline-block;
      position: absolute;
      left: 50%;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      font-size: 34px; }
      .home-projects-wall .wall-inner .case.visible {
        opacity: 1; }
      .home-projects-wall .wall-inner .case a, .home-projects-wall .wall-inner .case > div {
        display: inline-block;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        .home-projects-wall .wall-inner .case a img, .home-projects-wall .wall-inner .case > div img {
          -webkit-transition: all 0.5s;
          transition: all 0.5s;
          height: auto; }
        .home-projects-wall .wall-inner .case a.circle, .home-projects-wall .wall-inner .case > div.circle {
          -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
          border-radius: 100%; }
          .home-projects-wall .wall-inner .case a.circle .over, .home-projects-wall .wall-inner .case > div.circle .over {
            border-radius: 100%; }
        .home-projects-wall .wall-inner .case a.hexagon, .home-projects-wall .wall-inner .case > div.hexagon {
          -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
          clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); }
        .home-projects-wall .wall-inner .case a.rhombus, .home-projects-wall .wall-inner .case > div.rhombus {
          -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
        .home-projects-wall .wall-inner .case a .over, .home-projects-wall .wall-inner .case > div .over {
          background-color: #50c1b9;
          -webkit-transition: all 0.5s;
          transition: all 0.5s;
          color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-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;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center;
          opacity: 0;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          .home-projects-wall .wall-inner .case a .over .client, .home-projects-wall .wall-inner .case > div .over .client {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 500;
            -webkit-transition: all 375ms;
            transition: all 375ms;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            line-height: 1.2;
            opacity: 0; }
          .home-projects-wall .wall-inner .case a .over .name, .home-projects-wall .wall-inner .case > div .over .name {
            text-transform: uppercase;
            font-weight: 500;
            line-height: 1;
            -webkit-transition: all 375ms;
            transition: all 375ms;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            opacity: 0;
            margin: 30px 0;
            font-size: 24px; }
          .home-projects-wall .wall-inner .case a .over .more, .home-projects-wall .wall-inner .case > div .over .more {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 800;
            -webkit-transition: all 375ms;
            transition: all 375ms;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            opacity: 0; }
        .home-projects-wall .wall-inner .case a:hover .over, .home-projects-wall .wall-inner .case > div:hover .over {
          opacity: 1; }
          .home-projects-wall .wall-inner .case a:hover .over .client, .home-projects-wall .wall-inner .case > div:hover .over .client {
            -webkit-transition-delay: 2000ms;
            transition-delay: 2000ms;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            width: 100%; }
          .home-projects-wall .wall-inner .case a:hover .over .name, .home-projects-wall .wall-inner .case > div:hover .over .name {
            -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            width: 100%; }
          .home-projects-wall .wall-inner .case a:hover .over .more, .home-projects-wall .wall-inner .case > div:hover .over .more {
            -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            width: 100%; }
    .home-projects-wall .wall-inner #case_1 {
      top: -220px;
      -webkit-transform: translateX(-140%);
      transform: translateX(-140%); }
      .home-projects-wall .wall-inner #case_1 img {
        width: 412px; }
    .home-projects-wall .wall-inner #case_2 {
      top: -152px;
      -webkit-transform: translateX(152px);
      transform: translateX(152px);
      font-size: 24px; }
    .home-projects-wall .wall-inner #case_3 {
      top: -497px;
      -webkit-transform: translateX(465px);
      transform: translateX(465px); }
    .home-projects-wall .wall-inner #case_4 {
      top: 290px;
      -webkit-transform: translateX(-740px);
      transform: translateX(-740px); }
      .home-projects-wall .wall-inner #case_4 img {
        width: 645px; }
    .home-projects-wall .wall-inner #case_5 {
      -webkit-transform: translateX(-210px);
      transform: translateX(-210px);
      top: 58px; }
    .home-projects-wall .wall-inner #case_6 {
      -webkit-transform: translateX(120px);
      transform: translateX(120px);
      top: 300px; }
      .home-projects-wall .wall-inner #case_6 img {
        width: 534px; }
    .home-projects-wall .wall-inner #case_7 {
      top: 1090px;
      -webkit-transform: translateX(-544px);
      transform: translateX(-544px); }
    .home-projects-wall .wall-inner #case_8 {
      top: 785px;
      -webkit-transform: translateX(-169px);
      transform: translateX(-169px);
      font-size: 24px; }
    .home-projects-wall .wall-inner #case_9 {
      top: 1020px;
      -webkit-transform: translateX(87px);
      transform: translateX(87px); }
      .home-projects-wall .wall-inner #case_9 img {
        width: 631px; }
    .home-projects-wall .wall-inner #case_10 {
      top: 1510px;
      -webkit-transform: translateX(-800px);
      transform: translateX(-800px); }
      .home-projects-wall .wall-inner #case_10 img {
        width: 500px; }
    .home-projects-wall .wall-inner #case_11 {
      top: 1470px;
      -webkit-transform: translateX(-190px);
      transform: translateX(-190px); }
    .home-projects-wall .wall-inner #case_12 {
      top: 1900px;
      -webkit-transform: translateX(350px);
      transform: translateX(350px); }
    .home-projects-wall .wall-inner #case_13 {
      top: 2200px;
      -webkit-transform: translateX(-737px);
      transform: translateX(-737px); }
      .home-projects-wall .wall-inner #case_13 img {
        width: 431px; }
    .home-projects-wall .wall-inner #case_14 {
      top: 1920px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
      .home-projects-wall .wall-inner #case_14 img {
        width: 431px; }
  .home-projects-wall .wall-cta {
    text-align: center; }
    .home-projects-wall .wall-cta .btn {
      position: relative; }
  .home-projects-wall .home-footer .hf-inner {
    padding: 60px 0;
    text-align: center;
    position: relative; }
    .home-projects-wall .home-footer .hf-inner h2 {
      font-size: 45px;
      text-transform: uppercase;
      font-weight: 500;
      margin: 0 0 30px;
      position: relative; }
    .home-projects-wall .home-footer .hf-inner p {
      margin-bottom: 30px;
      position: relative; }
    .home-projects-wall .home-footer .hf-inner .btn {
      position: relative; }
    .home-projects-wall .home-footer .hf-inner .gif-animation {
      position: absolute;
      z-index: -1; }
      .home-projects-wall .home-footer .hf-inner .gif-animation.telefon {
        top: -125px;
        right: 180px; }
      .home-projects-wall .home-footer .hf-inner .gif-animation.liscie {
        top: 44px;
        left: 100px; }

@-webkit-keyframes scroll_down {
  0% {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; } }

@keyframes scroll_down {
  0% {
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; } }

@media (max-width: 1650px) {
  .home-projects-wall .wall-inner {
    height: 2330px; }
    .home-projects-wall .wall-inner .case a .over .name, .home-projects-wall .wall-inner .case > div .over .name {
      margin: 15px 0; }
    .home-projects-wall .wall-inner #case_2 {
      -webkit-transform: translateX(85px) !important;
      transform: translateX(85px) !important; }
      .home-projects-wall .wall-inner #case_2 img {
        width: 216px; }
    .home-projects-wall .wall-inner #case_3 {
      top: -397px;
      -webkit-transform: translateX(365px) !important;
      transform: translateX(365px) !important; }
      .home-projects-wall .wall-inner #case_3 img {
        width: 307px; }
    .home-projects-wall .wall-inner #case_4 {
      top: 300px;
      -webkit-transform: translateX(-700px) !important;
      transform: translateX(-700px) !important; }
    .home-projects-wall .wall-inner #case_5 {
      -webkit-transform: translateX(-187px) !important;
      transform: translateX(-187px) !important; }
    .home-projects-wall .wall-inner #case_7 img {
      width: 335px; }
    .home-projects-wall .wall-inner #case_8 {
      -webkit-transform: translateX(-69px) !important;
      transform: translateX(-69px) !important; }
      .home-projects-wall .wall-inner #case_8 img {
        width: 237px; }
    .home-projects-wall .wall-inner #case_9 {
      top: 950px; }
    .home-projects-wall .wall-inner #case_10 {
      -webkit-transform: translateX(-650px) !important;
      transform: translateX(-650px) !important; }
    .home-projects-wall .wall-inner #case_11 {
      top: 1370px; }
      .home-projects-wall .wall-inner #case_11 img {
        width: 250px; }
    .home-projects-wall .wall-inner #case_12 {
      top: 1700px; }
      .home-projects-wall .wall-inner #case_12 img {
        width: 247px; }
    .home-projects-wall .wall-inner #case_13 {
      top: 2050px;
      -webkit-transform: translateX(-637px) !important;
      transform: translateX(-637px) !important; }
      .home-projects-wall .wall-inner #case_13 img {
        width: 362px; }
    .home-projects-wall .wall-inner #case_14 {
      top: 1720px; }
    .home-projects-wall .wall-inner .gif-animation.konefka {
      right: 0px; }
    .home-projects-wall .wall-inner .gif-animation.nurek {
      top: 900px;
      left: 0; }
    .home-projects-wall .wall-inner .gif-animation.statek {
      top: 1450px; } }

@media (max-width: 1300px) {
  .home-projects-wall .wall-inner {
    height: 2230px; }
    .home-projects-wall .wall-inner .case a .over .name, .home-projects-wall .wall-inner .case > div .over .name {
      margin: 10px 0; }
    .home-projects-wall .wall-inner #case_1 {
      -webkit-transform: translateX(-450px) !important;
      transform: translateX(-450px) !important; }
      .home-projects-wall .wall-inner #case_1 img {
        width: 362px; }
    .home-projects-wall .wall-inner #case_2 {
      -webkit-transform: translateX(35px) !important;
      transform: translateX(35px) !important; }
      .home-projects-wall .wall-inner #case_2 img {
        width: 166px; }
    .home-projects-wall .wall-inner #case_3 {
      top: -347px;
      -webkit-transform: translateX(215px) !important;
      transform: translateX(215px) !important; }
      .home-projects-wall .wall-inner #case_3 img {
        width: 257px; }
    .home-projects-wall .wall-inner #case_4 {
      top: 250px;
      -webkit-transform: translateX(-550px) !important;
      transform: translateX(-550px) !important; }
      .home-projects-wall .wall-inner #case_4 img {
        width: 495px; }
    .home-projects-wall .wall-inner #case_5 {
      -webkit-transform: translateX(-137px) !important;
      transform: translateX(-137px) !important; }
      .home-projects-wall .wall-inner #case_5 img {
        width: 380px; }
    .home-projects-wall .wall-inner #case_6 img {
      width: 384px; }
    .home-projects-wall .wall-inner #case_7 {
      top: 1200px;
      -webkit-transform: translateX(-344px) !important;
      transform: translateX(-344px) !important; }
      .home-projects-wall .wall-inner #case_7 img {
        width: 285px; }
    .home-projects-wall .wall-inner #case_8 {
      top: 700px;
      -webkit-transform: translateX(-60px) !important;
      transform: translateX(-60px) !important; }
      .home-projects-wall .wall-inner #case_8 img {
        width: 187px; }
    .home-projects-wall .wall-inner #case_9 {
      top: 900px; }
      .home-projects-wall .wall-inner #case_9 img {
        width: 481px; }
    .home-projects-wall .wall-inner #case_10 {
      -webkit-transform: translateX(-500px) !important;
      transform: translateX(-500px) !important; }
      .home-projects-wall .wall-inner #case_10 img {
        width: 342px; }
    .home-projects-wall .wall-inner #case_11 {
      top: 970px; }
      .home-projects-wall .wall-inner #case_11 img {
        width: 200px; }
    .home-projects-wall .wall-inner #case_12 {
      top: 1650px;
      -webkit-transform: translateX(200px) !important;
      transform: translateX(200px) !important; }
      .home-projects-wall .wall-inner #case_12 img {
        width: 197px; }
    .home-projects-wall .wall-inner #case_13 {
      top: 2000px;
      -webkit-transform: translateX(-487px) !important;
      transform: translateX(-487px) !important; }
      .home-projects-wall .wall-inner #case_13 img {
        width: 312px; }
    .home-projects-wall .wall-inner #case_14 {
      top: 1750px; }
      .home-projects-wall .wall-inner #case_14 img {
        width: 381px; }
    .home-projects-wall .wall-inner .gif-animation.konefka {
      right: 0px; }
    .home-projects-wall .wall-inner .gif-animation.nurek {
      top: 850px;
      left: 0; }
    .home-projects-wall .wall-inner .gif-animation.statek {
      top: 1400px;
      left: calc(50% - 100px); }
  .home-projects-wall .home-footer .hf-inner .gif-animation.telefon {
    right: 50px; }
  .home-projects-wall .home-footer .hf-inner .gif-animation.liscie {
    left: 0; } }

@media (max-width: 990px) {
  .home-hero {
    background-position: calc(50% - 32vw) -62px; }
  .home-projects-wall .wall-inner {
    height: 2230px; }
    .home-projects-wall .wall-inner .case a .over .name, .home-projects-wall .wall-inner .case > div .over .name {
      margin: 3% 0; }
    .home-projects-wall .wall-inner #case_1 {
      -webkit-transform: translateX(-40vw) !important;
      transform: translateX(-40vw) !important; }
      .home-projects-wall .wall-inner #case_1 img {
        width: 35vw; }
    .home-projects-wall .wall-inner #case_2 {
      -webkit-transform: translateX(3vw) !important;
      transform: translateX(3vw) !important; }
      .home-projects-wall .wall-inner #case_2 img {
        width: 18vw; }
    .home-projects-wall .wall-inner #case_3 {
      -webkit-transform: translateX(22vw) !important;
      transform: translateX(22vw) !important; }
      .home-projects-wall .wall-inner #case_3 img {
        width: 25vw; }
    .home-projects-wall .wall-inner #case_4 {
      -webkit-transform: translateX(-50vw) !important;
      transform: translateX(-50vw) !important; }
      .home-projects-wall .wall-inner #case_4 img {
        width: 48vw; }
    .home-projects-wall .wall-inner #case_5 {
      -webkit-transform: translateX(-16vw) !important;
      transform: translateX(-16vw) !important; }
      .home-projects-wall .wall-inner #case_5 img {
        width: 37vw; }
    .home-projects-wall .wall-inner #case_6 {
      -webkit-transform: translateX(16vw) !important;
      transform: translateX(16vw) !important; }
      .home-projects-wall .wall-inner #case_6 img {
        width: 34vw; }
    .home-projects-wall .wall-inner #case_7 {
      -webkit-transform: translateX(-40vw) !important;
      transform: translateX(-40vw) !important; }
      .home-projects-wall .wall-inner #case_7 img {
        width: 30vw; }
    .home-projects-wall .wall-inner #case_8 {
      top: 600px;
      -webkit-transform: translateX(-5vw) !important;
      transform: translateX(-5vw) !important; }
      .home-projects-wall .wall-inner #case_8 img {
        width: 21vw; }
    .home-projects-wall .wall-inner #case_9 {
      top: 750px;
      -webkit-transform: translateX(5vw) !important;
      transform: translateX(5vw) !important; }
      .home-projects-wall .wall-inner #case_9 img {
        width: 44vw; }
    .home-projects-wall .wall-inner #case_10 {
      -webkit-transform: translateX(-49vw) !important;
      transform: translateX(-49vw) !important; }
      .home-projects-wall .wall-inner #case_10 img {
        width: 35vw; }
    .home-projects-wall .wall-inner #case_11 {
      -webkit-transform: translateX(-18vw) !important;
      transform: translateX(-18vw) !important; }
      .home-projects-wall .wall-inner #case_11 img {
        width: 22vw; }
    .home-projects-wall .wall-inner #case_12 {
      top: 1450px;
      -webkit-transform: translateX(23vw) !important;
      transform: translateX(23vw) !important; }
      .home-projects-wall .wall-inner #case_12 img {
        width: 20vw; }
    .home-projects-wall .wall-inner #case_13 {
      top: 1900px;
      -webkit-transform: translateX(-30vw) !important;
      transform: translateX(-30vw) !important; }
      .home-projects-wall .wall-inner #case_13 img {
        width: 32vw; }
    .home-projects-wall .wall-inner #case_14 {
      top: 1650px;
      -webkit-transform: translateX(-4vw) !important;
      transform: translateX(-4vw) !important; }
      .home-projects-wall .wall-inner #case_14 img {
        width: 40vw; }
    .home-projects-wall .wall-inner .gif-animation.konefka {
      right: -8vw; }
    .home-projects-wall .wall-inner .gif-animation.nurek {
      top: 850px;
      left: 0; }
    .home-projects-wall .wall-inner .gif-animation.statek {
      top: 1200px;
      left: calc(50% - 20px); }
  .home-projects-wall .home-footer .hf-inner .gif-animation.telefon {
    right: 0px; }
  .home-projects-wall .home-footer .hf-inner .gif-animation.liscie {
    left: 0; } }

@media (max-width: 768px) {
  .home-hero {
    min-height: 0px;
    background-position: 50% -62px;
    background-size: 200px; }
    .home-hero .hero-inner {
      padding-top: 145px; }
      .home-hero .hero-inner .hero-brand {
        width: 50vw; }
  .home-projects-wall .wall-inner {
    height: auto; }
    .home-projects-wall .wall-inner .case {
      position: relative;
      left: 0 !important;
      top: 0 !important;
      -webkit-transform: none !important;
      transform: none !important;
      opacity: 1 !important;
      width: 50%;
      float: left;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-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;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      padding: 3vw;
      min-height: 400px; }
      .home-projects-wall .wall-inner .case a, .home-projects-wall .wall-inner .case > div {
        margin: 0 auto;
        display: inline-block; }
        .home-projects-wall .wall-inner .case a .over .name, .home-projects-wall .wall-inner .case > div .over .name {
          margin: 5% 0; }
    .home-projects-wall .wall-inner #case_1, .home-projects-wall .wall-inner #case_2, .home-projects-wall .wall-inner #case_3, .home-projects-wall .wall-inner #case_4, .home-projects-wall .wall-inner #case_5, .home-projects-wall .wall-inner #case_6, .home-projects-wall .wall-inner #case_7, .home-projects-wall .wall-inner #case_8, .home-projects-wall .wall-inner #case_9, .home-projects-wall .wall-inner #case_10, .home-projects-wall .wall-inner #case_11, .home-projects-wall .wall-inner #case_12, .home-projects-wall .wall-inner #case_13, .home-projects-wall .wall-inner #case_14 {
      top: 0 !important;
      left: 0 !important;
      -webkit-transform: none !important;
      transform: none !important; }
      .home-projects-wall .wall-inner #case_1 img, .home-projects-wall .wall-inner #case_2 img, .home-projects-wall .wall-inner #case_3 img, .home-projects-wall .wall-inner #case_4 img, .home-projects-wall .wall-inner #case_5 img, .home-projects-wall .wall-inner #case_6 img, .home-projects-wall .wall-inner #case_7 img, .home-projects-wall .wall-inner #case_8 img, .home-projects-wall .wall-inner #case_9 img, .home-projects-wall .wall-inner #case_10 img, .home-projects-wall .wall-inner #case_11 img, .home-projects-wall .wall-inner #case_12 img, .home-projects-wall .wall-inner #case_13 img, .home-projects-wall .wall-inner #case_14 img {
        width: 100%; }
    .home-projects-wall .wall-inner .gif-animation {
      display: none; }
  .home-projects-wall .home-footer .hf-inner .gif-animation.telefon {
    right: 0px; }
  .home-projects-wall .home-footer .hf-inner .gif-animation.liscie {
    left: 0; } }

@media (max-width: 580px) {
  .home-hero {
    background-position: 50% -62px;
    background-size: 90vw; }
    .home-hero .hero-inner {
      height: auto;
      width: 100vw;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-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;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center; }
  .home-projects-wall .wall-inner .case {
    min-height: 310px; }
  .home-projects-wall .home-footer .hf-inner .gif-animation {
    display: none; } }

@media (max-width: 480px) {
  .home-projects-wall .wall-inner .case {
    min-height: 260px; } }

@media (max-width: 414px) {
  .home-hero .hero-inner {
    padding-top: 80px; }
    .home-hero .hero-inner .hero-brand {
      width: 75vw;
      margin: 0 auto 5vh; }
  .home-projects-wall .wall-inner .case {
    min-height: 220px; }
  .home-projects-wall .home-footer .hf-inner {
    padding: 7vh 0; }
    .home-projects-wall .home-footer .hf-inner h2 {
      font-size: 11vw; }
    .home-projects-wall .home-footer .hf-inner p br {
      display: none; } }

@media (max-width: 375px) {
  .home-projects-wall .wall-inner .case {
    min-height: 180px; } }

.subpage-hero.o-nas {
  background-repeat: no-repeat;
  background-position: 27% 0; }

.team {
  padding-bottom: 70px;
  overflow: hidden; }
  .team .team-inner {
    position: relative; }
    .team .team-inner h3 {
      font-size: 111px;
      text-transform: uppercase;
      position: absolute;
      display: inline-block;
      margin: 0;
      top: 50%;
      font-weight: 800;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .team .team-inner .parallax-content {
      position: relative;
      height: 1080px; }
      .team .team-inner .parallax-content .layer {
        position: absolute;
        z-index: 5; }
        .team .team-inner .parallax-content .layer .person {
          display: inline-block;
          position: relative;
          overflow: hidden;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          border-radius: 100%; }
          .team .team-inner .parallax-content .layer .person img {
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            opacity: 0; }
          .team .team-inner .parallax-content .layer .person .over {
            background-color: #50c1b9;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            color: #fff;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-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;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            opacity: 1;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 100%; }
            .team .team-inner .parallax-content .layer .person .over .name {
              text-transform: uppercase;
              font-weight: 800;
              font-size: 23px;
              line-height: 1;
              -webkit-transition: all 375ms;
              transition: all 375ms;
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 1;
              margin: 5px 0; }
            .team .team-inner .parallax-content .layer .person .over .more {
              font-size: 12px;
              text-transform: uppercase;
              font-weight: 500;
              -webkit-transition: all 375ms;
              transition: all 375ms;
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 1; }
          .team .team-inner .parallax-content .layer .person:hover .over {
            opacity: 1; }
            .team .team-inner .parallax-content .layer .person:hover .over .name {
              -webkit-transition-delay: 300ms;
              transition-delay: 300ms;
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 1;
              width: 100%; }
            .team .team-inner .parallax-content .layer .person:hover .over .more {
              -webkit-transition-delay: 400ms;
              transition-delay: 400ms;
              -webkit-transform: scale(1);
              transform: scale(1);
              line-height: 1.2;
              opacity: 1;
              width: 100%; }
        .team .team-inner .parallax-content .layer.one {
          top: 0 !important;
          left: calc(50% - 147.5px) !important; }
        .team .team-inner .parallax-content .layer.two {
          top: 200px !important;
          right: 0 !important;
          left: auto !important; }
        .team .team-inner .parallax-content .layer.three {
          top: 630px !important;
          right: 0 !important;
          left: auto !important; }
        .team .team-inner .parallax-content .layer.four {
          top: auto  !important;
          bottom: 0 !important;
          left: calc(50% - 147.5px) !important; }
        .team .team-inner .parallax-content .layer.five {
          top: 570px !important;
          left: 0 !important; }
        .team .team-inner .parallax-content .layer.six {
          top: 140px !important;
          left: 0 !important; }
        .team .team-inner .parallax-content .layer.seven, .team .team-inner .parallax-content .layer.eight, .team .team-inner .parallax-content .layer.nine, .team .team-inner .parallax-content .layer.teen, .team .team-inner .parallax-content .layer.eleven {
          pointer-events: none; }
        .team .team-inner .parallax-content .layer.seven {
          top: calc(50% - 258px) !important;
          left: calc(50% - 810px) !important; }
        .team .team-inner .parallax-content .layer.eight {
          top: calc(50% - 100px) !important;
          left: calc(50% - 370px) !important; }
        .team .team-inner .parallax-content .layer.nine {
          top: calc(50% - 315px) !important;
          left: calc(50% - 680px) !important; }
        .team .team-inner .parallax-content .layer.teen {
          top: calc(50% - 335px) !important;
          left: calc(50% - 752.5px) !important; }
        .team .team-inner .parallax-content .layer.eleven {
          top: calc(50% - 355px) !important;
          left: calc(50% - 837px) !important; }

.history .history-inner {
  background-image: url("media/o-nas/history-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 1116px;
  -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 92%);
  clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 92%);
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center; }
  .history .history-inner h3 {
    font-size: 111px;
    text-transform: uppercase;
    margin: 0 0 80px;
    font-weight: 800; }
  .history .history-inner h4 {
    font-size: 86px;
    color: #37a29c;
    font-weight: 800; }
    .history .history-inner h4 small {
      font-size: 20px;
      display: inline-block;
      width: 100%;
      font-weight: 400;
      color: #000;
      line-height: 28px;
      float: left;
      min-height: 80px; }
  .history .history-inner .area {
    display: inline-block;
    margin: 20px auto;
    padding: 0; }
    .history .history-inner .area li {
      font-size: 20px;
      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;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      text-align: center;
      float: left;
      color: #37a29c;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzdJREFUeNrkm8trE1EUxk+CtjZIFd+gYpTWWoXUx8ZEEFGRFhFXLuNSKFg39q+wiy4KirizS+mmIuqyLqKbqrVoU1O1ooIhKqYRrFYYv9M5KUPMY+LMJDP3fvCD0kzvnI9zm5l7z7khwzDII3WDo6AHdIEo2ATWg1XgD/gOvoB5MAumwBMw40VAIZfNxkESnAM7HIzzEdwFo+Cxa9GxWYe0gQGQMbxRRsaPOI3VyR+3gKsgazRGWblfS6PNngQzRnPE9z3VCLOtYMTwh0YkHtvx1/MFtQfcAYfJP3oGLoA3bn4bHwT3wTbynz6DPvC81oVhG4MdBxM+NUoS14TE6SizPTLQOvK/8uBEtQxXM9sBUmAzBUc5kABz9UzjCBgLmFGSeMckfttmh0GMgqmYxG9rGp8BDyn46i31UWp2DXgpz9Sg6x3YDxYrTeMBRYyydoPLlTLbJuvKLaSOsmL6Z2lmLylmlLVVfP2T2Yw8W1UT+9przWxcUaOsTvG3YjZJaitpncYfHO4Z+V28p7WTzfLOX5rUVzdP42OkhxJhWcbpoBib7dLE7D42G9XE7C42u1ETs+38bfwbP6zWwGyBzRqaZHb5DWpJE68FNpvXyexXTcwuhGXBroPes9lZTcym2eyUJmZfsNmUJmZTxfUsr/e2K2z0E6/XizsV44pndbz4UsEaVdzssr/iNA6B16TmphtX9DqtmWXHNxXN6oov674xF5zfgg0KGf1GZjknb80syS+GFMvqNeu7f7kq3isy6yNBV80qHn/Qr0hW+61Gy5llcQH3esCN3qAyBfVKDSStZHaDHgqgUW4ES5RmtVJmWb/I7BzLBcxoTuJeLPdhtaYvbpHrDdBOBsfZR1Va+2p1uD0F53lLw+dGCxLnZLWL7PYuHgH3yKxk+03cSnC2llE7mS2KB+IC2LTPjE5LXJN2Lg7XMTD/L/ABh1s+McpxxMlm+625Avi/TnLu5E43qama73u6GWcEBht8RmCwGWcErEQ8Pv0xB664cfrDi3M9F+X5HHUwzjx4AG6Ti+d6Qh7WtXgdyd3dB8gseHfImnktaAcL4Ie8DPBuAu9fc9/kI1lXu66/AgwAfa5XC+UON1AAAAAASUVORK5CYII=");
      background-repeat: no-repeat;
      background-position: center;
      width: 60px;
      height: 60px; }
      .history .history-inner .area li.plus {
        font-size: 30px;
        font-weight: 800;
        color: #37a29c;
        background-image: none;
        width: auto;
        padding: 0 5px; }
      .history .history-inner .area li.sm {
        font-size: 13px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAYAAADVPrJMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcFJREFUeNrc2D1OxDAQhuEsJZeAGokzsNTU9ByNA9BCy94BiRouQRsmElmZ3dieGc98/hnpVdJFj6IkdnbzPE8V5op6pp6ob/TFdxXQC/hAXVNf1B4NR6ND8DpwOBK9Ba4CR6FTYDgcgeaAoXBvtAQcwu//jt2hNWAI3AtdAnaHe6AtwK5wa7Ql2A1uifYAu8Ct0J5gc7gFeoG+O4NN4aVoJNgMXoKuATaBa9E1wcVwDboFcBFcim4JrIZL0C2CVXAuumWwGM5B9wAWwXPonsBseArdI5gFj6F7BmfhW+gRwEn4KXokcBQeokcEb8JX9MjgM/iCvqCTD+pmGn8+qdv1Tu+pV+pyYPAP9UAdwmd6ZPgRvPX2HhH+Dxz7To8EPwOnVmQjwDfBubV3z/AomLPL6hGeBHP30z3Bs2DJn5Me4CywBN06nA2WoluFi8AadGtwMViLbgWuApega8PV4FJ0LXgR2AKNhheDrdAouAnYEu0NNwNbo73gpmAPtDXcHOyFtoK7gD3Ry9xRb0q4G9gbrYW7ghFoKdwdjEJz4RAwEp2Dw8BodAwOBddAn8Lh4FroFf5CPaLBNdFTcKfh8yvAAM6FYpqDntl+AAAAAElFTkSuQmCC"); }
      .history .history-inner .area li.poly {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA6CAYAAAAdrmHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd9JREFUeNrsmi9IQ1EUxt/mGE6GDFzQsiAmm23RIkxMw2RVMFgMRqvRKiYRi3HBMkFw0WbTMg0aNCwMnAzG3I7flSM8ZXubz929ey/ng1/d5cfunwfnixORp5FJsA/uwAaI6VxPp0gRVOlnbkDeJpklUKH+6YJzMG+yTBYcgw4NlxY4BBmTZJJgD9QpXGpgBySillnrcS7CRl0ShShkFkGZ9KTMv69dZgYcgTbpTZvXyeqQSfC+rtF4U+fzmByVTIH3c5Sp8rsVWmYBXJBZqfA7NrRMhu//FpkZ9Y6dgVyQTBxsR3AuwqYJDkD6t8wyuCU78wI21Z+hvmJLnucVPftzrWTIcyPPcc+hiIyhmXZJJubcNntzSYbkAhAZkREZkREZkREZazPhkkzauW3WcUnmXS4AkREZkREZ02QeHHG5VDIrYAu8WipxD1a/8A2b0jy8aVoyl1HD211/GaLXGDDH3ZauoRJ9x+pBA9o8t5BMylVQ4WHQ2DzGPbEn20fnflJcgmvYXmrwMwdOwMcYxuNqnVnbi0CBxQWdFa1RVlHUuVyPujz335JQg89jyqRa419rKuodO+VzaGzhVBWISgNEtLRodVaBe1VYnnT2m3XKfJeLVK/lkb/7pnSu9ynAAPwYpELJMF+jAAAAAElFTkSuQmCC"); }

.awards-wall .awards-inner {
  padding-top: 140px;
  padding-bottom: 140px;
  text-align: center; }
  .awards-wall .awards-inner h3 {
    font-size: 111px;
    text-transform: uppercase;
    margin: 0 0 80px;
    font-weight: 800; }
  .awards-wall .awards-inner .award {
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 52px;
    margin: 30px auto;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 357px;
    color: #fff; }
    .awards-wall .awards-inner .award img {
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .awards-wall .awards-inner .award.circle {
      border-radius: 100%;
      background-color: #37a29c;
      width: 357px; }
    .awards-wall .awards-inner .award.hexagon {
      -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      background-color: #92ddd9;
      width: 306px; }
    .awards-wall .awards-inner .award.rhombus {
      -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
      clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
      background-color: #bdebeb;
      width: 356px; }
  .awards-wall .awards-inner .canvas-animation {
    background-color: #fff;
    width: 355px;
    height: 355px;
    margin-bottom: 60px; }
    .awards-wall .awards-inner .canvas-animation canvas {
      position: absolute;
      display: block;
      background-color: #fff; }
    .awards-wall .awards-inner .canvas-animation .canvas-overlay {
      pointer-events: none;
      overflow: hidden;
      width: 355px;
      height: 355px;
      position: absolute;
      left: 0px;
      top: 0px;
      display: block; }

@media (max-width: 1200px) {
  .team .team-inner .parallax-content {
    height: 700px; }
    .team .team-inner .parallax-content .layer {
      display: inline-block !important; }
      .team .team-inner .parallax-content .layer .person img {
        width: 200px; }
      .team .team-inner .parallax-content .layer.one {
        left: calc(50% - 100px) !important; }
      .team .team-inner .parallax-content .layer.two {
        top: 120px !important;
        right: 90px !important; }
      .team .team-inner .parallax-content .layer.three {
        top: 420px !important;
        right: 90px !important; }
      .team .team-inner .parallax-content .layer.four {
        left: calc(50% - 100px) !important; }
      .team .team-inner .parallax-content .layer.five {
        top: 420px !important;
        left: 90px !important; }
      .team .team-inner .parallax-content .layer.six {
        top: 120px !important;
        left: 90px !important; }
      .team .team-inner .parallax-content .layer.seven img, .team .team-inner .parallax-content .layer.eight img, .team .team-inner .parallax-content .layer.nine img, .team .team-inner .parallax-content .layer.teen img, .team .team-inner .parallax-content .layer.eleven img {
        -webkit-transform: scale(0.6);
        transform: scale(0.6); }
      .team .team-inner .parallax-content .layer.eight {
        top: calc(50% - 114px) !important;
        left: calc(50% - 407px) !important; }
      .team .team-inner .parallax-content .layer.teen {
        z-index: -1; }
  .history .history-inner {
    min-height: 768px; }
  .awards-wall .awards-inner [class^="col-"] {
    height: auto; }
  .awards-wall .awards-inner .award {
    padding: 0 40px;
    text-align: center; }
    .awards-wall .awards-inner .award img {
      max-width: 100%;
      height: auto; }
    .awards-wall .awards-inner .award.circle {
      width: 180px;
      height: 180px;
      margin-top: 48px; }
    .awards-wall .awards-inner .award.hexagon {
      width: 180px;
      height: 210px; }
    .awards-wall .awards-inner .award.rhombus {
      width: 180px;
      height: 192px;
      margin-top: 44px; } }

@media (max-width: 990px) {
  .team .team-inner h3 {
    z-index: 1; }
  .team .team-inner .parallax-content {
    height: 600px; }
    .team .team-inner .parallax-content .layer .person img {
      width: 160px; }
    .team .team-inner .parallax-content .layer .person .over .name {
      font-size: 18px; }
    .team .team-inner .parallax-content .layer.one {
      left: calc(50% - 80px) !important; }
    .team .team-inner .parallax-content .layer.two {
      top: 90px !important;
      right: 50px !important; }
    .team .team-inner .parallax-content .layer.three {
      top: 420px !important;
      right: 50px !important; }
    .team .team-inner .parallax-content .layer.four {
      left: calc(50% - 80px) !important; }
    .team .team-inner .parallax-content .layer.five {
      top: 377px !important;
      left: 50px !important; }
    .team .team-inner .parallax-content .layer.six {
      top: 90px !important;
      left: 50px !important; }
    .team .team-inner .parallax-content .layer.seven img, .team .team-inner .parallax-content .layer.eight img, .team .team-inner .parallax-content .layer.nine img, .team .team-inner .parallax-content .layer.teen img, .team .team-inner .parallax-content .layer.eleven img {
      -webkit-transform: scale(0.5);
      transform: scale(0.5); }
  .history .history-inner h3 {
    font-size: 90px;
    margin: 0 0 50px; }
  .history .history-inner h4 {
    font-size: 70px; }
    .history .history-inner h4 small {
      font-size: 18px;
      line-height: 24px; }
  .history .history-inner .area li {
    background-size: 100% 100%;
    width: 50px;
    height: 50px; } }

@media (max-width: 990px) {
  .awards-wall .awards-inner .anim {
    display: none; } }

@media (max-width: 768px) {
  .subpage-hero.o-nas .hero-inner .lead {
    margin-bottom: 10vh; }
    .subpage-hero.o-nas .hero-inner .lead br {
      display: none; }
  .team {
    overflow: initial; }
    .team .team-inner h3 {
      font-size: 12vw;
      position: relative; }
    .team .team-inner .parallax-content {
      height: auto;
      text-align: center; }
      .team .team-inner .parallax-content .layer .person .over .name {
        font-size: 16px; }
      .team .team-inner .parallax-content .layer.one, .team .team-inner .parallax-content .layer.two, .team .team-inner .parallax-content .layer.three, .team .team-inner .parallax-content .layer.four, .team .team-inner .parallax-content .layer.five, .team .team-inner .parallax-content .layer.six {
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        padding: 8px;
        float: left;
        width: 50%;
        position: relative; }
      .team .team-inner .parallax-content .layer.seven, .team .team-inner .parallax-content .layer.eight, .team .team-inner .parallax-content .layer.nine, .team .team-inner .parallax-content .layer.teen, .team .team-inner .parallax-content .layer.eleven {
        display: none !important; }
  .history .history-inner {
    padding: 120px 0 60px;
    -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 97%);
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 97%); }
    .history .history-inner h3 {
      font-size: 12vw;
      margin: 0 0 10vh; }
    .history .history-inner h4 {
      font-size: 10vw; }
    .history .history-inner .area li {
      background-size: auto;
      width: 60px;
      height: 60px; }
  .awards-wall .awards-inner {
    padding: 12vh 0; }
    .awards-wall .awards-inner h3 {
      font-size: 12vw;
      margin: 0 0 10vh; }
    .awards-wall .awards-inner [class^="col-"] {
      height: 280px; }
    .awards-wall .awards-inner .award.circle {
      width: 190px;
      height: 190px; }
    .awards-wall .awards-inner .award.hexagon {
      width: 180px;
      height: 225px; }
    .awards-wall .awards-inner .award.rhombus {
      width: 186px;
      height: 200px; } }

@media (max-width: 414px) {
  .awards-wall .awards-inner {
    padding: 8vh 0; }
    .awards-wall .awards-inner h3 {
      margin: 0 0 5vh; }
    .awards-wall .awards-inner [class^="col-"] {
      height: 150px; }
    .awards-wall .awards-inner .award {
      padding: 0 20px; }
      .awards-wall .awards-inner .award.circle {
        width: 120px;
        height: 120px;
        margin-top: 35px; }
      .awards-wall .awards-inner .award.hexagon {
        width: 110px;
        height: 125px; }
      .awards-wall .awards-inner .award.rhombus {
        width: 126px;
        height: 130px;
        margin-top: 28px; } }

@media (max-width: 375px) {
  .history .history-inner h4 {
    font-size: 19vw; }
  .awards-wall .awards-inner {
    padding: 4vh 0; }
    .awards-wall .awards-inner h3 {
      margin: 0 0 2vh; } }

.subpage-hero.kompetencje .hero-inner .lead {
  margin-bottom: 40px; }

.full-service .full-service-inner .galaxy {
  position: relative;
  height: 870px; }
  .full-service .full-service-inner .galaxy .area-full-service {
    position: absolute;
    background-image: url("animations/kompetencje_bg.gif");
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .full-service .full-service-inner .galaxy .area-full-service .transform-inner {
      position: relative;
      height: 870px;
      -webkit-transform: rotateX(75deg) rotateY(-15deg);
      transform: rotateX(75deg) rotateY(-15deg);
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .full-service .full-service-inner .galaxy .area-full-service .gif-animation.satelita {
      position: absolute;
      right: 245px;
      top: 130px; }
    .full-service .full-service-inner .galaxy .area-full-service h3 {
      font-size: 111px;
      text-transform: uppercase;
      margin: 0;
      font-weight: 800;
      line-height: 0.8;
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      -webkit-transform: translate(-50%, -50%) rotateX(-75deg) rotateZ(14deg);
      transform: translate(-50%, -50%) rotateX(-75deg) rotateZ(14deg); }
    .full-service .full-service-inner .galaxy .area-full-service .glob {
      width: 480px;
      height: 480px;
      background-image: none;
      background-color: #bdebeb;
      border-radius: 100%;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 0;
      -webkit-transform: translate(-50%, -50%) rotateX(-75deg) rotateZ(14deg);
      transform: translate(-50%, -50%) rotateX(-75deg) rotateZ(14deg); }
    .full-service .full-service-inner .galaxy .area-full-service .orbit-line {
      position: absolute;
      z-index: 5;
      display: inline-block;
      top: 50%;
      left: 50%;
      border: 10px solid #92ddd9;
      border-radius: 50%;
      width: 700px;
      height: 700px;
      margin-top: -350px;
      margin-left: -350px;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    .full-service .full-service-inner .galaxy .area-full-service .orbit {
      position: absolute;
      z-index: 5;
      display: inline-block;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      width: 700px;
      height: 700px;
      margin-top: -350px;
      margin-left: -350px;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-animation-name: orbit;
      animation-name: orbit;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-duration: 4s;
      animation-duration: 4s; }
      .full-service .full-service-inner .galaxy .area-full-service .orbit .pos {
        position: absolute;
        width: 44px;
        height: 55px;
        margin-top: -27.5px;
        margin-left: -22px;
        left: 50%;
        top: -1px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-animation-name: invert;
        animation-name: invert;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-duration: 4s;
        animation-duration: 4s; }
      .full-service .full-service-inner .galaxy .area-full-service .orbit .leaf {
        position: absolute;
        left: 50%;
        top: 0;
        width: 44px;
        height: 55px;
        margin-top: 0;
        margin-left: -22px;
        border-radius: 50%;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAA3CAYAAAB3lahZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABMpJREFUeNrMmV2IU0cUx+cjN8lqq1bBD0Qs9qVFENzWL2qtBd1drGtLFxR9qyBC3YfWB6UUEURF9MGXvii+VFuoH6gkW9ls7EKXlpZWqYqyRdR2q2iVIkKRXXe9M/7nJrtNbm6S+3Gu5sDZ3GSTye+e+Z8zZyacNYC19+X5yJPhVPfK94dGX2vNZSXjvI1p3aG1XiiEmGOlU4v4iwRt7emaBqAvtNJrGWfDQvB1jPEhAH6G1z7AWyaY93HBWTKdwgWfn3gRoG09XeMAdUDb9segaHJe1IwpW/fhopwJIbVSDqx59jDxnCI5iyl1BF96Gd6vlNoDwBkOTbm5eLQDayJctPv8OcC2a1sdw+XEoJ9NJC0mrbF7eJBdtnKaiBU2l92OaT8TBlZashTWWL/5I4i1ObMt3zWhCLsLibMP0y6DjsOlQHST7pevFSVNBvuOslUGuktzaFVrtijMOCa3rKY0HivQzsLXcjJYpc4hR16KNhKSLJ1mQlad+F4RQZ+yCPuGsu1MdFjmyKAGrLFmHjKiy5yIMnYbPgmw06PCGlDLLA617WLgOoykmgGtngbkeDx9nUJSfHRxqG8XAknCrPmoqWcBO4WutuhCZP3N9a+BgIcHh7Yh+xdSlkKzOHDhGyPv677M0oo3jkC31xGQl6lgfep21Aaw0r3KfSTY29BsL6ZOYd7SZKHFNye9620t+1zWjmx2ElarH5xKwDhpo2Sl6pYwz9us/QnFvip0VbQmEtLxEJYRNaK7ET3rGmpYp4Qh0ULYU/i3olqSaVsfjKODS0AKjIdar84g6R54AkO3x0e3J+RSkDLsx/d5tpfoETqxz1pCHtrwUjB2B361or00/Sxq7R8UjYyXFGRCRhniBHy9cEnhcBywpnxFhDX2lkEUZXsvrVfFIQUn0aLbUSRdAdg0NdjVxlMVsC/jPPI+wRywHBpLupHBoU40Na+RBxfbc2lZFEMdQnT/GQOGFD6NJbpJi2qo2Y4KDHBbT3Y5ojuHvuaKKDXXbR/CO5xxAdtBH1sN7SYpB3wMP1+QhNaLqXGNbkuOlyjsIDT8qBBh6IO8jFkW5Yh34fvHpIbZe4W2jFmExzOObUF0//sfuOLEMFrr6DoPi2qD8JtlyUxbxpLU6WDOjje5gPUg1SIhEpLFYCfLgTn/t8EWiVL7G/5jGTBn/C+KboxwkSi1b0zD44ow+y163Y3tl4djFcGBJLobNLo/Ibr9Fd+XTKfOI8oPGzC6X3oGyGgE/WoudGWIJ7qm9p7yBC4UfH6gwaK7G4F8WhW4u2X176D+OXBznogF+Ar866o5UwKwM1B044FV8M3VolsGnGtZnQd0r9+OLCY57ADsLzWrkqt72exnqY4Jdhdg99Yto6VPEOUbXMo99XYTxHIwMugE7E6fk1tprblMr1bsPe+9mnTOdgm3PhsAm/G9UFVpbD/CrfzpnWxkddf0MEuDwFYFzrW0PxJCrMDl/ZgWii74m4C9FLgVqPYP1OZbXIp3Eel7hKXMSOAT+BrAhmoH6v8oU/ghsRu5Ni81vikK7Gn4VoAORNzj1rf2vrxQtr0VcjAHGksCbK1MBfgOvrdefSUFdsFPxoPR9wJ4M3wufGpxrJHittxo83tWOOa/Q1kDnwkwAFAvbz3ift3RAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        background-size: cover; }
    .full-service .full-service-inner .galaxy .area-full-service .atl-bridge {
      background-image: url("media/kompetencje/drabina_base64.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0 0;
      width: 117px;
      height: 98px;
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      -webkit-transition: all 375ms;
      transition: all 375ms;
      -webkit-transition-delay: 500ms;
      transition-delay: 500ms;
      -webkit-transform: translate(-325px, -200px);
      transform: translate(-325px, -200px); }
    .full-service .full-service-inner .galaxy .area-full-service .btl-bridge {
      background-image: url("media/kompetencje/schody.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0 0;
      width: 138px;
      height: 132px;
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      -webkit-transition: all 375ms;
      transition: all 375ms;
      -webkit-transition-delay: 500ms;
      transition-delay: 500ms;
      -webkit-transform: translate(-300px, 150px);
      transform: translate(-300px, 150px); }
    .full-service .full-service-inner .galaxy .area-full-service .digital-bridge {
      background-image: url("media/kompetencje/kladka.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0 0;
      width: 176px;
      height: 101px;
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 50%;
      -webkit-transition: all 375ms;
      transition: all 375ms;
      -webkit-transition-delay: 500ms;
      transition-delay: 500ms;
      -webkit-transform: translate(194px, 110px);
      transform: translate(194px, 110px); }
  .full-service .full-service-inner .galaxy .area {
    width: 205px;
    height: 205px;
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .full-service .full-service-inner .galaxy .area .close-area {
      opacity: 0;
      position: absolute;
      right: -100px;
      top: 150px;
      width: 68px;
      height: 68px;
      padding: 0;
      border: none;
      -webkit-transition: all 0.1s;
      transition: all 0.1s;
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      background-color: transparent;
      -webkit-transform: translateX(50px) rotate(45deg);
      transform: translateX(50px) rotate(45deg);
      pointer-events: none;
      outline: none;
      cursor: pointer; }
    .full-service .full-service-inner .galaxy .area .before-view {
      font-size: 48px;
      font-weight: 400;
      text-transform: uppercase;
      text-align: center; }
      .full-service .full-service-inner .galaxy .area .before-view a {
        position: absolute;
        display: inline-block;
        color: black;
        text-decoration: none;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        text-align: center; }
    .full-service .full-service-inner .galaxy .area .after-view {
      opacity: 0;
      pointer-events: none;
      display: none;
      text-transform: uppercase;
      text-align: center;
      -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;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 375ms;
      transition: all 375ms;
      -webkit-transform: scale(0.9);
      transform: scale(0.9); }
      .full-service .full-service-inner .galaxy .area .after-view .clouds {
        position: absolute;
        pointer-events: none;
        background-image: url("media/kompetencje/clouds.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        display: inline-block; }
      .full-service .full-service-inner .galaxy .area .after-view h4 {
        font-size: 114px;
        font-weight: 500;
        text-transform: uppercase; }
      .full-service .full-service-inner .galaxy .area .after-view ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0; }
        .full-service .full-service-inner .galaxy .area .after-view ul li {
          display: inline-block;
          width: 100%;
          float: left;
          font-size: 34px;
          font-weight: 400; }
    .full-service .full-service-inner .galaxy .area.atl {
      left: 94px;
      z-index: 2;
      top: 70px;
      background-color: #92ddd9; }
      .full-service .full-service-inner .galaxy .area.atl .gif-animation {
        position: absolute;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .full-service .full-service-inner .galaxy .area.atl .gif-animation.nadajnik {
          top: -73px;
          left: 12px; }
        .full-service .full-service-inner .galaxy .area.atl .gif-animation.bilboard {
          left: 114px;
          top: -44px; }
      .full-service .full-service-inner .galaxy .area.atl .after-view .clouds {
        top: 50%;
        left: 50%; }
        .full-service .full-service-inner .galaxy .area.atl .after-view .clouds.cloud-1 {
          width: 129px;
          height: 49px;
          background-position: -256px -178px;
          -webkit-transform: translate(-263px, -141px);
          transform: translate(-263px, -141px);
          opacity: 0; }
        .full-service .full-service-inner .galaxy .area.atl .after-view .clouds.cloud-2 {
          width: 206px;
          height: 83px;
          background-position: -256px -89px;
          -webkit-transform: translate(-423px, 0px);
          transform: translate(-423px, 0px);
          opacity: 0; }
        .full-service .full-service-inner .galaxy .area.atl .after-view .clouds.cloud-3 {
          width: 204px;
          height: 89px;
          background-position: -247px 0px;
          -webkit-transform: translate(224px, -64px);
          transform: translate(224px, -64px);
          opacity: 0; }
    .full-service .full-service-inner .galaxy .area.btl {
      left: 110px;
      z-index: 2;
      bottom: 0px;
      background-color: #bdebeb; }
      .full-service .full-service-inner .galaxy .area.btl .gif-animation {
        position: absolute;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .full-service .full-service-inner .galaxy .area.btl .gif-animation.spaceship {
          top: -73px;
          left: -21px; }
      .full-service .full-service-inner .galaxy .area.btl .after-view .clouds {
        top: 50%;
        left: 50%; }
        .full-service .full-service-inner .galaxy .area.btl .after-view .clouds.cloud-1 {
          width: 204px;
          height: 86px;
          background-position: 0 0;
          -webkit-transform: translate(120px, 210px);
          transform: translate(120px, 210px);
          opacity: 0; }
        .full-service .full-service-inner .galaxy .area.btl .after-view .clouds.cloud-2 {
          width: 129px;
          height: 50px;
          background-position: 0 -191px;
          -webkit-transform: translate(280px, -31px);
          transform: translate(280px, -31px);
          opacity: 0; }
        .full-service .full-service-inner .galaxy .area.btl .after-view .clouds.cloud-3 {
          width: 247px;
          height: 99px;
          background-position: 0 -89px;
          -webkit-transform: translate(-430px, -64px);
          transform: translate(-430px, -64px);
          opacity: 0; }
    .full-service .full-service-inner .galaxy .area.digital {
      right: 45px;
      z-index: 2;
      bottom: 90px;
      background-color: #92ddd9; }
      .full-service .full-service-inner .galaxy .area.digital .gif-animation {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute; }
        .full-service .full-service-inner .galaxy .area.digital .gif-animation.octopus {
          bottom: 172px;
          right: 44px; }
      .full-service .full-service-inner .galaxy .area.digital .after-view .clouds {
        top: 50%;
        left: 50%; }
        .full-service .full-service-inner .galaxy .area.digital .after-view .clouds.cloud-1 {
          width: 186px;
          height: 75px;
          background-position: -462px -75px;
          -webkit-transform: translate(170px, 120px);
          transform: translate(170px, 120px);
          opacity: 0; }
        .full-service .full-service-inner .galaxy .area.digital .after-view .clouds.cloud-2 {
          width: 112px;
          height: 43px;
          background-position: -462px -157px;
          -webkit-transform: translate(280px, -31px);
          transform: translate(280px, -31px);
          opacity: 0; }
        .full-service .full-service-inner .galaxy .area.digital .after-view .clouds.cloud-3 {
          width: 179px;
          height: 75px;
          background-position: -462px 0;
          -webkit-transform: translate(-430px, -64px);
          transform: translate(-430px, -64px);
          opacity: 0; }
  .full-service .full-service-inner .galaxy.active-atl .area-full-service {
    -webkit-transform: translate(239px, 300px) scale(0.3);
    transform: translate(239px, 300px) scale(0.3); }
    .full-service .full-service-inner .galaxy.active-atl .area-full-service .btl-bridge, .full-service .full-service-inner .galaxy.active-atl .area-full-service .digital-bridge {
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      opacity: 0;
      pointer-events: none; }
  .full-service .full-service-inner .galaxy.active-atl .area {
    opacity: 0; }
    .full-service .full-service-inner .galaxy.active-atl .area.atl {
      opacity: 1;
      width: 730px;
      height: 730px; }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.nadajnik {
        top: -11px;
        left: 99px;
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg); }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.bilboard {
        left: 254px;
        top: -51px;
        -webkit-transform: rotate(-32deg);
        transform: rotate(-32deg); }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .close-area {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transition-delay: 700ms;
        transition-delay: 700ms;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
        opacity: 1;
        pointer-events: auto; }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .before-view {
        opacity: 0;
        display: none; }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .after-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: auto; }
        .full-service .full-service-inner .galaxy.active-atl .area.atl .after-view .clouds {
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          .full-service .full-service-inner .galaxy.active-atl .area.atl .after-view .clouds.cloud-1 {
            -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
            opacity: 1; }
          .full-service .full-service-inner .galaxy.active-atl .area.atl .after-view .clouds.cloud-2 {
            -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
            opacity: 1; }
          .full-service .full-service-inner .galaxy.active-atl .area.atl .after-view .clouds.cloud-3 {
            -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
            opacity: 1; }
  .full-service .full-service-inner .galaxy.active-btl .area-full-service {
    -webkit-transform: translate(239px, -261px) scale(0.3);
    transform: translate(239px, -261px) scale(0.3); }
    .full-service .full-service-inner .galaxy.active-btl .area-full-service .atl-bridge, .full-service .full-service-inner .galaxy.active-btl .area-full-service .digital-bridge {
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      opacity: 0;
      pointer-events: none; }
  .full-service .full-service-inner .galaxy.active-btl .area {
    opacity: 0; }
    .full-service .full-service-inner .galaxy.active-btl .area.btl {
      opacity: 1;
      width: 730px;
      height: 730px; }
      .full-service .full-service-inner .galaxy.active-btl .area.btl .gif-animation.spaceship {
        top: 26px;
        left: 7px;
        -webkit-transform: rotate(-26deg);
        transform: rotate(-26deg); }
      .full-service .full-service-inner .galaxy.active-btl .area.btl .close-area {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transition-delay: 700ms;
        transition-delay: 700ms;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
        opacity: 1;
        pointer-events: auto; }
      .full-service .full-service-inner .galaxy.active-btl .area.btl .before-view {
        opacity: 0;
        display: none; }
      .full-service .full-service-inner .galaxy.active-btl .area.btl .after-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: auto; }
        .full-service .full-service-inner .galaxy.active-btl .area.btl .after-view .clouds {
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          .full-service .full-service-inner .galaxy.active-btl .area.btl .after-view .clouds.cloud-1 {
            -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
            opacity: 1; }
          .full-service .full-service-inner .galaxy.active-btl .area.btl .after-view .clouds.cloud-2 {
            -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
            opacity: 1; }
          .full-service .full-service-inner .galaxy.active-btl .area.btl .after-view .clouds.cloud-3 {
            -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
            opacity: 1; }
  .full-service .full-service-inner .galaxy.active-digital .area-full-service {
    -webkit-transform: translate(-400px, -261px) scale(0.3);
    transform: translate(-400px, -261px) scale(0.3); }
    .full-service .full-service-inner .galaxy.active-digital .area-full-service .atl-bridge, .full-service .full-service-inner .galaxy.active-digital .area-full-service .btl-bridge {
      -webkit-transition-delay: 0ms;
      transition-delay: 0ms;
      opacity: 0;
      pointer-events: none; }
  .full-service .full-service-inner .galaxy.active-digital .area {
    opacity: 0; }
    .full-service .full-service-inner .galaxy.active-digital .area.digital {
      opacity: 1;
      width: 730px;
      height: 730px;
      right: 200px; }
      .full-service .full-service-inner .galaxy.active-digital .area.digital .gif-animation.octopus {
        bottom: 688px;
        right: 189px;
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg); }
      .full-service .full-service-inner .galaxy.active-digital .area.digital .close-area {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        -webkit-transition-delay: 700ms;
        transition-delay: 700ms;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
        opacity: 1;
        pointer-events: auto; }
      .full-service .full-service-inner .galaxy.active-digital .area.digital .before-view {
        opacity: 0;
        display: none; }
      .full-service .full-service-inner .galaxy.active-digital .area.digital .after-view {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-delay: 500ms;
        transition-delay: 500ms;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        pointer-events: auto; }
        .full-service .full-service-inner .galaxy.active-digital .area.digital .after-view .clouds {
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
          .full-service .full-service-inner .galaxy.active-digital .area.digital .after-view .clouds.cloud-1 {
            -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
            opacity: 1; }
          .full-service .full-service-inner .galaxy.active-digital .area.digital .after-view .clouds.cloud-2 {
            -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
            opacity: 1; }
          .full-service .full-service-inner .galaxy.active-digital .area.digital .after-view .clouds.cloud-3 {
            -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
            opacity: 1; }

.client-service .client-service-inner {
  background-image: url("media/kompetencje/client-service-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 926px;
  -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 92%);
  clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 92%);
  -webkit-clip-path: url("#client-service_tpl");
  clip-path: url("#client-service_tpl");
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center; }
  .client-service .client-service-inner h3 {
    font-size: 111px;
    text-transform: uppercase;
    line-height: 0.8;
    margin: 60px 0;
    font-weight: 800; }
  .client-service .client-service-inner p {
    font-size: 20px;
    line-height: 28px; }

.portfolio .portfolio-inner {
  padding-top: 140px;
  padding-bottom: 140px;
  text-align: center; }
  .portfolio .portfolio-inner p {
    font-size: 20px;
    margin-bottom: 40px; }
  .portfolio .portfolio-inner h3 {
    font-size: 111px;
    text-transform: uppercase;
    margin: 0 0 80px;
    font-weight: 800; }
  .portfolio .portfolio-inner .portfolio {
    height: 625px;
    position: relative; }
    .portfolio .portfolio-inner .portfolio .area-link {
      width: 360px;
      height: 410px;
      display: inline-block;
      position: absolute;
      font-size: 38px;
      text-transform: uppercase;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100%; }
      .portfolio .portfolio-inner .portfolio .area-link a {
        color: black;
        text-decoration: none; }
      .portfolio .portfolio-inner .portfolio .area-link.one {
        left: 0;
        top: 220px;
        background-image: url("media/kompetencje/realizacje-strategia-bg.jpg"); }
      .portfolio .portfolio-inner .portfolio .area-link.two {
        left: 50%;
        top: 45px;
        width: 384px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url("media/kompetencje/realizacje-kreacja-bg.jpg"); }
        .portfolio .portfolio-inner .portfolio .area-link.two .konefka {
          float: left; }
      .portfolio .portfolio-inner .portfolio .area-link.three {
        width: 367px;
        top: 220px;
        right: 0;
        background-image: url("media/kompetencje/realizacje-produkcja-bg.jpg"); }
      .portfolio .portfolio-inner .portfolio .area-link .gif-animation {
        opacity: 0;
        width: 100%; }
      .portfolio .portfolio-inner .portfolio .area-link:hover {
        background-image: none; }
        .portfolio .portfolio-inner .portfolio .area-link:hover .gif-animation {
          opacity: 1; }
      .portfolio .portfolio-inner .portfolio .area-link .text-copy {
        position: absolute;
        padding-top: 35px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        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;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        text-align: center; }

@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg); } }

@keyframes orbit {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg); } }

@-webkit-keyframes invert {
  0% {
    -webkit-transform: rotateX(-90deg) rotateY(360deg) rotateZ(15deg);
    transform: rotateX(-90deg) rotateY(360deg) rotateZ(15deg); }
  100% {
    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(15deg);
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(15deg); } }

@keyframes invert {
  0% {
    -webkit-transform: rotateX(-90deg) rotateY(360deg) rotateZ(15deg);
    transform: rotateX(-90deg) rotateY(360deg) rotateZ(15deg); }
  100% {
    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(15deg);
    transform: rotateX(-90deg) rotateY(0deg) rotateZ(15deg); } }

@media (max-width: 1200px) {
  .full-service .full-service-inner .galaxy .area-full-service .btl-bridge {
    -webkit-transform: translate(-257px, 180px);
    transform: translate(-257px, 180px); }
  .full-service .full-service-inner .galaxy .area-full-service .atl-bridge {
    -webkit-transform: translate(-290px, -248px);
    transform: translate(-290px, -248px); }
  .client-service .client-service-inner {
    min-height: 800px; }
  .portfolio {
    height: 580px; }
    .portfolio .portfolio-inner .portfolio .area-link {
      width: 320px !important;
      height: 352px; }
      .portfolio .portfolio-inner .portfolio .area-link.three {
        height: 323px; } }

@media (max-width: 990px) {
  .subpage-hero.kompetencje .hero-inner h2 {
    font-size: 10vw; }
  .full-service .full-service-inner .galaxy .area-full-service {
    -webkit-transform: scale(0.7);
    transform: scale(0.7); }
    .full-service .full-service-inner .galaxy .area-full-service .gif-animation.satelita {
      top: 60px; }
  .full-service .full-service-inner .galaxy .area .close-area {
    right: 0;
    top: 0;
    z-index: 2; }
  .full-service .full-service-inner .galaxy .area.atl {
    left: 21px;
    top: 100px; }
  .full-service .full-service-inner .galaxy .area.digital {
    right: -26px;
    bottom: 130px; }
  .full-service .full-service-inner .galaxy .area.btl {
    left: 45px;
    bottom: 38px; }
  .full-service .full-service-inner .galaxy.active-digital .area.digital {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%; }
  .full-service .full-service-inner .galaxy.active-btl .area.btl {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  .full-service .full-service-inner .galaxy.active-atl .area.atl {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%; }
  .client-service .client-service-inner {
    min-height: 700px; }
    .client-service .client-service-inner h3 {
      font-size: 90px;
      margin: 40px 0; }
    .client-service .client-service-inner p {
      font-size: 1.8vw;
      line-height: 1.5; }
  .portfolio {
    height: auto; }
    .portfolio .portfolio-inner {
      padding-bottom: 0;
      padding-top: 80px; }
      .portfolio .portfolio-inner h3 {
        font-size: 10vw;
        margin: 0 0 10px; }
      .portfolio .portfolio-inner .portfolio .area-link {
        width: 250px !important;
        height: 265px;
        font-size: 30px; }
        .portfolio .portfolio-inner .portfolio .area-link.three {
          height: 253px; } }

@media (max-width: 768px) {
  .full-service .full-service-inner {
    overflow: hidden;
    padding-top: 35px; }
    .full-service .full-service-inner .galaxy {
      height: 725px; }
      .full-service .full-service-inner .galaxy .area-full-service {
        top: -42px;
        background-image: none;
        -webkit-transform: scale(0.5);
        transform: scale(0.5); }
        .full-service .full-service-inner .galaxy .area-full-service .btl-bridge, .full-service .full-service-inner .galaxy .area-full-service .atl-bridge, .full-service .full-service-inner .galaxy .area-full-service .digital-bridge {
          display: none; }
      .full-service .full-service-inner .galaxy .area {
        width: 160px;
        height: 160px; }
        .full-service .full-service-inner .galaxy .area.digital {
          right: 0px; }
          .full-service .full-service-inner .galaxy .area.digital .gif-animation.octopus {
            top: -38px;
            right: 20px;
            bottom: auto; }
        .full-service .full-service-inner .galaxy .area.atl .gif-animation.nadajnik {
          top: -76px;
          left: 2px; }
        .full-service .full-service-inner .galaxy .area.atl .gif-animation.bilboard {
          left: 79px;
          top: -45px; }
        .full-service .full-service-inner .galaxy .area.btl {
          bottom: 70px; }
        .full-service .full-service-inner .galaxy .area .before-view {
          font-size: 36px; }
        .full-service .full-service-inner .galaxy .area .after-view h4 {
          font-size: 8vw; }
        .full-service .full-service-inner .galaxy .area .after-view ul li {
          font-size: 4vw; }
      .full-service .full-service-inner .galaxy.active-digital .area-full-service {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0; }
      .full-service .full-service-inner .galaxy.active-digital .area.digital {
        width: 580px;
        height: 580px; }
        .full-service .full-service-inner .galaxy.active-digital .area.digital .gif-animation.octopus {
          bottom: auto; }
      .full-service .full-service-inner .galaxy.active-btl .area-full-service {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0; }
      .full-service .full-service-inner .galaxy.active-btl .area.btl {
        width: 580px;
        height: 580px;
        top: auto;
        bottom: 170px; }
      .full-service .full-service-inner .galaxy.active-atl .area-full-service {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0; }
      .full-service .full-service-inner .galaxy.active-atl .area.atl {
        width: 580px;
        height: 580px; }
        .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.bilboard {
          -webkit-transform: rotate(-22deg);
          transform: rotate(-22deg);
          top: -56px; }
        .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.nadajnik {
          top: -45px;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }
  .client-service .client-service-inner {
    padding: 120px 0 60px;
    -webkit-clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 95%);
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 95%);
    min-height: 600px; }
    .client-service .client-service-inner h3 {
      font-size: 11vw;
      margin: 6vh 0; }
    .client-service .client-service-inner p {
      font-size: 2.2vw; }
  .portfolio .portfolio-inner .portfolio .area-link.one {
    top: 302px; }
  .portfolio .portfolio-inner .portfolio .area-link.three {
    top: 310px; } }

@media (max-width: 640px) {
  .client-service .client-service-inner {
    padding: 40px 0;
    min-height: 500px; }
    .client-service .client-service-inner h3 {
      margin: 5vh 0; }
    .client-service .client-service-inner p {
      font-size: 2.5vw; } }

@media (max-width: 580px) {
  .full-service .full-service-inner .galaxy {
    height: 537px; }
    .full-service .full-service-inner .galaxy .area-full-service {
      top: -230px; }
    .full-service .full-service-inner .galaxy .area.digital {
      right: 0;
      -webkit-transform: none;
      transform: none; }
    .full-service .full-service-inner .galaxy .area.atl {
      left: 0;
      top: auto;
      -webkit-transform: none;
      transform: none;
      bottom: 130px; }
    .full-service .full-service-inner .galaxy .area.btl {
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .full-service .full-service-inner .galaxy.active-digital .area.digital {
      width: 375px;
      height: 375px;
      right: 0;
      -webkit-transform: none;
      transform: none; }
      .full-service .full-service-inner .galaxy.active-digital .area.digital .gif-animation.octopus {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg); }
    .full-service .full-service-inner .galaxy.active-btl .area.btl {
      width: 375px;
      height: 375px;
      top: auto;
      bottom: 170px; }
      .full-service .full-service-inner .galaxy.active-btl .area.btl .gif-animation.spaceship {
        top: -56px; }
    .full-service .full-service-inner .galaxy.active-atl .area.atl {
      width: 375px;
      height: 375px;
      left: 0;
      -webkit-transform: none;
      transform: none; }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.bilboard {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg);
        top: -47px;
        left: 200px; }
      .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.nadajnik {
        top: -79px;
        -webkit-transform: rotate(13deg);
        transform: rotate(13deg); }
  .client-service .client-service-inner {
    padding: 80px 0;
    min-height: 400px; }
    .client-service .client-service-inner h3 {
      margin: 4vh 0; }
    .client-service .client-service-inner p {
      font-size: 3.1vw; }
  .portfolio .portfolio-inner {
    padding-bottom: 60px; }
    .portfolio .portfolio-inner .portfolio .area-link {
      top: 0 !important;
      width: auto !important;
      height: auto !important;
      left: 0 !important;
      position: relative;
      margin-bottom: 40px;
      -webkit-transform: none !important;
      transform: none !important; } }

@media (max-width: 500px) {
  .full-service .full-service-inner .galaxy {
    height: 600px; }
    .full-service .full-service-inner .galaxy .area.digital {
      bottom: 170px; }
      .full-service .full-service-inner .galaxy .area.digital .gif-animation {
        opacity: 0; }
    .full-service .full-service-inner .galaxy .area.atl {
      bottom: 170px; }
      .full-service .full-service-inner .galaxy .area.atl .gif-animation {
        opacity: 0; }
    .full-service .full-service-inner .galaxy .area.btl {
      bottom: 0; }
      .full-service .full-service-inner .galaxy .area.btl .gif-animation {
        opacity: 0; }
    .full-service .full-service-inner .galaxy .area .after-view h4 {
      font-size: 15vw; }
    .full-service .full-service-inner .galaxy .area .after-view ul li {
      font-size: 5vw; }
    .full-service .full-service-inner .galaxy.active-digital .area.digital .gif-animation {
      opacity: 1; }
    .full-service .full-service-inner .galaxy.active-btl .area.btl .gif-animation {
      opacity: 1; }
    .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation {
      opacity: 1; } }

@media (max-width: 375px) {
  .full-service .full-service-inner .galaxy .area-full-service .gif-animation.satelita {
    top: 100px; }
  .full-service .full-service-inner .galaxy .area {
    width: 140px;
    height: 140px; }
    .full-service .full-service-inner .galaxy .area.btl {
      bottom: 40px; }
  .full-service .full-service-inner .galaxy.active-digital .area.digital {
    width: 320px;
    height: 320px; }
    .full-service .full-service-inner .galaxy.active-digital .area.digital .gif-animation.octopus {
      right: 155px; }
  .full-service .full-service-inner .galaxy.active-btl .area.btl {
    width: 320px;
    height: 320px; }
    .full-service .full-service-inner .galaxy.active-btl .area.btl .gif-animation.spaceship {
      top: -39px; }
  .full-service .full-service-inner .galaxy.active-atl .area.atl {
    width: 320px;
    height: 320px; }
    .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.nadajnik {
      left: 79px; }
    .full-service .full-service-inner .galaxy.active-atl .area.atl .gif-animation.bilboard {
      left: 177px; }
  .client-service .client-service-inner {
    padding: 40px 0; }
    .client-service .client-service-inner h3 {
      font-size: 15vw;
      margin: 4vh 0; }
    .client-service .client-service-inner p {
      font-size: 4vw; }
      .client-service .client-service-inner p br {
        display: none; } }

.subpage-hero.klienci .hero-inner .lead {
  margin-bottom: 40px; }

.clients-wall {
  position: relative; }
  .clients-wall .wall-inner > div {
    text-align: center; }
    .clients-wall .wall-inner > div:nth-of-type(1) .client {
      -webkit-animation-delay: 500ms;
      animation-delay: 500ms; }
    .clients-wall .wall-inner > div:nth-of-type(2) .client {
      -webkit-animation-delay: 650ms;
      animation-delay: 650ms; }
  .clients-wall .wall-inner .client {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 52px;
    margin: 30px auto;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 357px;
    color: #fff; }
    .clients-wall .wall-inner .client img {
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .clients-wall .wall-inner .client.circle {
      border-radius: 100%;
      background-color: #37a29c;
      width: 357px; }
    .clients-wall .wall-inner .client.hexagon {
      -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
      background-color: #92ddd9;
      width: 306px; }
    .clients-wall .wall-inner .client.rhombus {
      -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
      clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
      background-color: #bdebeb;
      width: 356px; }

@media (max-width: 1200px) {
  .clients-wall .wall-inner > div {
    height: 380px; }
  .clients-wall .wall-inner .client {
    padding: 0 40px;
    text-align: center; }
    .clients-wall .wall-inner .client img {
      max-width: 100%;
      height: auto; }
    .clients-wall .wall-inner .client.circle {
      width: 290px;
      height: 290px;
      margin-top: 48px; }
    .clients-wall .wall-inner .client.hexagon {
      width: 280px;
      height: 325px; }
    .clients-wall .wall-inner .client.rhombus {
      width: 286px;
      height: 300px;
      margin-top: 44px; } }

@media (max-width: 990px) {
  .clients-wall .wall-inner > div {
    height: 280px; }
  .clients-wall .wall-inner .client.circle {
    width: 190px;
    height: 190px; }
  .clients-wall .wall-inner .client.hexagon {
    width: 180px;
    height: 225px; }
  .clients-wall .wall-inner .client.rhombus {
    width: 186px;
    height: 200px; } }

@media (max-width: 768px) {
  .clients-wall .wall-inner > div {
    height: 280px; }
  .clients-wall .wall-inner .client.circle {
    width: 190px;
    height: 190px; }
  .clients-wall .wall-inner .client.hexagon {
    width: 180px;
    height: 225px; }
  .clients-wall .wall-inner .client.rhombus {
    width: 186px;
    height: 200px; } }

@media (max-width: 414px) {
  .subpage-hero.klienci .hero-inner h2 {
    margin: 0; }
  .subpage-hero.klienci .hero-inner .lead br {
    display: none; }
  .clients-wall .wall-inner > div {
    height: 150px; }
  .clients-wall .wall-inner .client {
    padding: 0 20px; }
    .clients-wall .wall-inner .client.circle {
      width: 120px;
      height: 120px;
      margin-top: 35px; }
    .clients-wall .wall-inner .client.hexagon {
      width: 110px;
      height: 125px; }
    .clients-wall .wall-inner .client.rhombus {
      width: 126px;
      height: 130px;
      margin-top: 28px; } }

.projects-wall {
  position: relative; }
  .projects-wall .wall-filter {
    display: inline-block;
    width: 100%;
    text-align: center; }
    .projects-wall .wall-filter ul {
      display: inline-block;
      margin: 0 auto 50px;
      padding: 0; }
      .projects-wall .wall-filter ul li {
        font-size: 20px;
        text-transform: uppercase;
        display: inline-block;
        float: left; }
        .projects-wall .wall-filter ul li + li a {
          padding: 0 12.5px; }
        .projects-wall .wall-filter ul li.title {
          font-weight: 800; }
        .projects-wall .wall-filter ul li a {
          font-weight: 400;
          -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s;
          cursor: pointer;
          position: relative;
          letter-spacing: 2px; }
          .projects-wall .wall-filter ul li a.active-state {
            font-weight: 800;
            letter-spacing: -0.35px; }
          .projects-wall .wall-filter ul li a .default-state {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
          .projects-wall .wall-filter ul li a.active {
            font-weight: 800; }
            .projects-wall .wall-filter ul li a.active.active-state {
              opacity: 1; }
            .projects-wall .wall-filter ul li a.active:hover {
              opacity: 1; }
          .projects-wall .wall-filter ul li a:hover {
            opacity: .65; }
  .projects-wall .wall-inner {
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .projects-wall .wall-inner .case {
      display: inline-block;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
      text-align: center;
      font-size: 34px;
      padding-bottom: 40px; }
      .projects-wall .wall-inner .case:nth-child(1), .projects-wall .wall-inner .case:nth-child(2), .projects-wall .wall-inner .case:nth-child(3) {
        opacity: 1 !important; }
      .projects-wall .wall-inner .case.visible {
        opacity: 1; }
      .projects-wall .wall-inner .case:nth-of-type(1) a, .projects-wall .wall-inner .case:nth-of-type(1) > div {
        -webkit-animation-delay: 75ms;
        animation-delay: 75ms; }
      .projects-wall .wall-inner .case:nth-of-type(2) a, .projects-wall .wall-inner .case:nth-of-type(2) > div {
        -webkit-animation-delay: 150ms;
        animation-delay: 150ms; }
      .projects-wall .wall-inner .case a, .projects-wall .wall-inner .case > div {
        display: inline-block;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
        animation: zoom_in 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; }
        .projects-wall .wall-inner .case a img, .projects-wall .wall-inner .case > div img {
          -webkit-transition: all 0.5s;
          transition: all 0.5s; }
        .projects-wall .wall-inner .case a.circle, .projects-wall .wall-inner .case > div.circle {
          -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
          border-radius: 100%; }
          .projects-wall .wall-inner .case a.circle .over, .projects-wall .wall-inner .case > div.circle .over {
            border-radius: 100%; }
        .projects-wall .wall-inner .case a.hexagon, .projects-wall .wall-inner .case > div.hexagon {
          -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
          clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); }
        .projects-wall .wall-inner .case a.rhombus, .projects-wall .wall-inner .case > div.rhombus {
          -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }
          .projects-wall .wall-inner .case a.rhombus .over .client, .projects-wall .wall-inner .case > div.rhombus .over .client {
            width: 50%; }
        .projects-wall .wall-inner .case a .over, .projects-wall .wall-inner .case > div .over {
          background-color: #50c1b9;
          -webkit-transition: all 0.5s;
          transition: all 0.5s;
          color: #fff;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-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;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          text-align: center;
          opacity: 0;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          .projects-wall .wall-inner .case a .over .client, .projects-wall .wall-inner .case > div .over .client {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 500;
            -webkit-transition: all 375ms;
            transition: all 375ms;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            opacity: 0;
            line-height: 1; }
          .projects-wall .wall-inner .case a .over .name, .projects-wall .wall-inner .case > div .over .name {
            text-transform: uppercase;
            font-weight: 500;
            line-height: 1;
            -webkit-transition: all 375ms;
            transition: all 375ms;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            opacity: 0;
            font-size: 24px;
            margin: 30px 0; }
          .projects-wall .wall-inner .case a .over .more, .projects-wall .wall-inner .case > div .over .more {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 800;
            -webkit-transition: all 375ms;
            transition: all 375ms;
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            opacity: 0; }
            .projects-wall .wall-inner .case a .over .more.sm, .projects-wall .wall-inner .case > div .over .more.sm {
              font-size: 16px; }
        .projects-wall .wall-inner .case a:hover .over, .projects-wall .wall-inner .case > div:hover .over {
          opacity: 1; }
          .projects-wall .wall-inner .case a:hover .over .client, .projects-wall .wall-inner .case > div:hover .over .client {
            -webkit-transition-delay: 2000ms;
            transition-delay: 2000ms;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1; }
          .projects-wall .wall-inner .case a:hover .over .name, .projects-wall .wall-inner .case > div:hover .over .name {
            -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            width: 100%; }
          .projects-wall .wall-inner .case a:hover .over .more, .projects-wall .wall-inner .case > div:hover .over .more {
            -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
            width: 100%; }
  .projects-wall .wall-cta {
    text-align: center;
    display: inline-block;
    width: 100%;
    clear: both;
    padding-bottom: 120px; }
    .projects-wall .wall-cta .btn {
      position: relative; }

@keyframes zoom_in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes zoom_out {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@media (max-width: 1200px) {
  .projects-wall .wall-inner .case {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    max-height: none; }
    .projects-wall .wall-inner .case a img, .projects-wall .wall-inner .case > div img {
      width: 100%;
      height: auto; } }

@media (max-width: 990px) {
  .subpage-hero .hero-inner {
    padding-top: 100px; }
    .subpage-hero .hero-inner h2 {
      font-size: 12vw;
      margin: 0 0 20px; }
  .projects-wall .wall-inner .case {
    height: auto; }
    .projects-wall .wall-inner .case.text-lg {
      font-size: 6.5vw; }
    .projects-wall .wall-inner .case.text-md {
      font-size: 4vw; }
    .projects-wall .wall-inner .case.text-sm {
      font-size: 2.4vw; }
    .projects-wall .wall-inner .case a .over .client, .projects-wall .wall-inner .case > div .over .client {
      font-size: 2vw; }
    .projects-wall .wall-inner .case a .over .name, .projects-wall .wall-inner .case > div .over .name {
      margin: 3% 0; }
    .projects-wall .wall-inner .case a .over .more, .projects-wall .wall-inner .case > div .over .more {
      font-size: 2vw; } }

@media (max-width: 768px) {
  .subpage-hero .hero-inner p br {
    display: none; }
  .projects-wall .wall-filter ul {
    padding: 0; }
    .projects-wall .wall-filter ul li + li a {
      padding: 0 6px; }
  .projects-wall .wall-inner .case {
    opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important; }
    .projects-wall .wall-inner .case a, .projects-wall .wall-inner .case > div {
      display: inline-block;
      margin: 0 auto; } }

@media (max-width: 414px) {
  .subpage-hero .hero-inner {
    padding-top: 80px; } }

.custom-select {
  height: auto; }

.form-control, .custom-select {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  color: #000;
  border: none;
  border-bottom-color: #000;
  font-weight: 400;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-left: 0;
  font-size: 21px; }
  .form-control:focus, .custom-select:focus {
    color: #000;
    background-color: transparent;
    border-bottom-color: #50c1b9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .form-control:focus + label, .custom-select:focus + label {
      top: -18px;
      font-size: 14px; }
  .form-control.filed + label, .form-control.ng-not-empty + label, .custom-select.filed + label, .custom-select.ng-not-empty + label {
    top: -18px;
    font-size: 14px; }
  .form-control.ng-touched.ng-invalid, .custom-select.ng-touched.ng-invalid {
    border-color: red; }

.page-kontakt {
  overflow: hidden; }
  .page-kontakt + .app-footer {
    display: none; }

.subpage-hero.kontakt {
  padding-bottom: 20px; }
  .subpage-hero.kontakt .hero-inner .lead {
    margin-bottom: 40px; }
  .subpage-hero.kontakt .hero-inner .tel {
    font-size: 29px;
    font-weight: 400; }

.contact-panels .btn {
  border: 4px solid #50c1b9 !important;
  border-radius: 0 !important;
  font-size: 21px !important; }
  .contact-panels .btn:after {
    display: none !important; }

.contact-panels.map {
  background-image: url(media/kontakt-mapa.png);
  background-repeat: no-repeat;
  background-position: calc(50vw - 400px) top; }

.contact-panels .panel {
  position: relative;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .contact-panels .panel .panel-content {
    position: relative;
    z-index: 2; }
    .contact-panels .panel .panel-content small {
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 600; }
    .contact-panels .panel .panel-content h3 {
      font-size: 35px;
      text-transform: uppercase;
      font-weight: 400;
      margin-top: 7px;
      margin-bottom: 7px; }
    .contact-panels .panel .panel-content a {
      font-size: 27px;
      font-weight: 600;
      color: #000; }
    .contact-panels .panel .panel-content p {
      font-size: 21px;
      font-weight: 400; }

.contact-panels .panel-footer {
  position: relative;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 342px;
  padding-bottom: 60px; }
  .contact-panels .panel-footer .panel-content {
    position: relative;
    z-index: 2; }
    .contact-panels .panel-footer .panel-content h3 {
      font-size: 46px;
      text-transform: uppercase;
      font-weight: 600;
      margin-top: 0px;
      margin-bottom: 30px; }
    .contact-panels .panel-footer .panel-content p {
      font-size: 17px;
      font-weight: 400;
      text-transform: uppercase;
      line-height: 1.3; }
    .contact-panels .panel-footer .panel-content .social-footer {
      padding: 40px 0 0; }

.form-panel {
  background-color: #bdebeb; }
  .form-panel .btn {
    border: 4px solid #50c1b9 !important;
    border-radius: 0 !important;
    font-size: 21px !important; }
    .form-panel .btn:after {
      display: none !important; }
  .form-panel h2 {
    font-size: 35px;
    margin-bottom: 100px; }
  .form-panel button.jsSubmit {
    margin-top: 30px; }
    .form-panel button.jsSubmit .before {
      position: relative;
      z-index: 1; }
    .form-panel button.jsSubmit .sending {
      position: relative;
      z-index: 1;
      display: none; }
    .form-panel button.jsSubmit .sent {
      position: relative;
      z-index: 1;
      display: none; }
  .form-panel .lead {
    padding-top: 50px; }
  .form-panel .file-wrapper {
    position: relative;
    padding-bottom: 35px; }
  .form-panel .attachment {
    position: relative;
    min-height: 108px;
    padding-left: 135px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    cursor: pointer;
    text-align: left; }
    .form-panel .attachment .form-msg {
      position: relative;
      bottom: auto; }
    .form-panel .attachment:hover img {
      -webkit-animation: shake 150ms 2 linear;
      animation: shake 150ms 2 linear; }
    .form-panel .attachment img {
      position: absolute;
      left: 0;
      top: 0; }
    .form-panel .attachment .before {
      position: relative;
      z-index: 1;
      font-size: 21px;
      text-transform: uppercase;
      font-weight: 800; }
    .form-panel .attachment .sending {
      position: relative;
      z-index: 1;
      display: none;
      font-size: 21px;
      text-transform: uppercase;
      font-weight: 800; }
    .form-panel .attachment .sent {
      position: relative;
      z-index: 1;
      display: none;
      font-size: 21px;
      text-transform: uppercase;
      font-weight: 800; }
    .form-panel .attachment .file-info {
      font-size: 12px; }
    .form-panel .attachment.sending .before {
      display: none; }
    .form-panel .attachment.sending .sending {
      display: inline-block; }
    .form-panel .attachment.sent .before {
      display: none; }
    .form-panel .attachment.sent .sending {
      display: none; }
    .form-panel .attachment.sent .sent {
      display: inline-block; }
  .form-panel.sending button.jsSubmit {
    pointer-events: none;
    color: #fff; }
    .form-panel.sending button.jsSubmit:after {
      height: 100%;
      left: -10px;
      bottom: 6px;
      right: -10px;
      width: auto;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    .form-panel.sending button.jsSubmit .before {
      display: none; }
    .form-panel.sending button.jsSubmit .sending {
      display: inline-block; }
  .form-panel.sent button.jsSubmit {
    pointer-events: none;
    color: #fff; }
    .form-panel.sent button.jsSubmit:after {
      height: 100%;
      left: -10px;
      bottom: 6px;
      right: -10px;
      width: auto;
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    .form-panel.sent button.jsSubmit .before {
      display: none; }
    .form-panel.sent button.jsSubmit .sending {
      display: none; }
    .form-panel.sent button.jsSubmit .sent {
      display: inline-block; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(3px, 0);
    transform: translate(3px, 0); }
  50% {
    -webkit-transform: translate(-3px, 0);
    transform: translate(-3px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes shake {
  0% {
    -webkit-transform: translate(3px, 0);
    transform: translate(3px, 0); }
  50% {
    -webkit-transform: translate(-3px, 0);
    transform: translate(-3px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@media (max-width: 1200px) {
  .contact-panels.map {
    background-position: calc(50vw - 200px) top;
    background-size: 92%; }
  .contact-panels .panel-footer {
    padding-top: 240px; }
    .contact-panels .panel-footer .panel-content h3 {
      font-size: 32px; } }

@media (max-width: 990px) {
  .contact-panels .panel .panel-content {
    margin: 0 !important; }
    .contact-panels .panel .panel-content h3 {
      font-size: 24px; } }

@media (max-width: 768px) {
  .subpage-hero.kontakt {
    padding-bottom: 20px; }
    .subpage-hero.kontakt .hero-inner h2 {
      margin: 0 0 3vh;
      font-size: 6vw; }
  .form-panel h2 {
    font-size: 7.5vw;
    margin-bottom: 40px; }
  .contact-panels .btn {
    font-size: 14px !important; }
  .contact-panels.map {
    background-position: calc(50vw - 50px) bottom; }
  .contact-panels .panel-footer .panel-content h3 {
    font-size: 24px; }
  .contact-panels .panel-footer .panel-content .social-footer {
    padding-top: 10px; }
  .contact-panels .panel .panel-content small {
    font-size: 12px; }
  .contact-panels .panel .panel-content h3 {
    font-size: 14px;
    margin-top: 2%; }
  .contact-panels .panel .panel-content a {
    font-size: 14px; }
  .contact-panels .panel .panel-content p {
    font-size: 14px; }
  .contact-panels .panel-footer {
    padding-top: 100px;
    padding-bottom: 10px; } }

@media (max-width: 575px) {
  .subpage-hero.kontakt .hero-inner .lead {
    margin-bottom: 0; }
    .subpage-hero.kontakt .hero-inner .lead br {
      display: none; }
  .subpage-hero.kontakt .hero-inner h2 {
    font-size: 10vw; }
  .form-panel {
    padding: 40px 0 10px; }
  .contact-panels .panel {
    margin-bottom: 0; }
  .contact-panels .panel-footer .panel-content h3 {
    font-size: 21px; } }

.subpage-hero .hero-inner {
  position: relative; }
  .subpage-hero .hero-inner .btn.btn-default {
    font-size: 14px !important;
    text-transform: none !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important; }
    .subpage-hero .hero-inner .btn.btn-default:after {
      display: none; }
  .subpage-hero .hero-inner .btn-next {
    position: absolute;
    top: calc(50% + 42px);
    right: -30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .subpage-hero .hero-inner .btn-prev {
    position: absolute;
    top: calc(50% + 42px);
    left: -30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .subpage-hero .hero-inner h2 {
    font-size: 60px;
    margin: 0 0 20px; }
  .subpage-hero .hero-inner .lead {
    margin-bottom: 0px; }

.single-hero-image {
  margin-bottom: 80px; }
  .single-hero-image .hero-image-inner {
    display: inline-block;
    width: 100%; }
    .single-hero-image .hero-image-inner img {
      display: block;
      width: 100%;
      height: auto; }

.single-content {
  display: inline-block;
  width: 100%; }
  .single-content .content-inner {
    text-align: center; }
    .single-content .content-inner .attributes .attr-title {
      font-size: 20px;
      text-transform: uppercase; }
    .single-content .content-inner .attributes.client {
      padding-bottom: 72px; }
      .single-content .content-inner .attributes.client .client-name {
        font-size: 60px;
        font-weight: 800;
        line-height: 1;
        text-transform: uppercase; }
    .single-content .content-inner .attributes.tags .tag {
      font-size: 20px;
      font-weight: 800;
      line-height: 35px;
      text-transform: uppercase;
      line-height: 1; }
    .single-content .content-inner .project-content {
      font-size: 19px;
      line-height: 30px;
      padding-bottom: 72px; }

.projects-wall {
  padding-top: 20px; }
  .projects-wall .wall-inner h3 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 70px;
    margin-top: 0;
    font-size: 40px; }
  .projects-wall .wall-inner .case {
    opacity: 1; }

.single-custom-content .web_screen2_view {
  padding-top: 230px; }

.single-custom-content .fullwidth_carousel {
  position: relative;
  z-index: 0; }
  .single-custom-content .fullwidth_carousel p {
    position: absolute;
    left: 50%;
    bottom: 17%;
    z-index: 5;
    color: #fff;
    line-height: 1.7;
    font-weight: 400;
    font-size: 19px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.single-custom-content .video {
  padding-top: 150px;
  position: relative;
  z-index: 2; }
  .single-custom-content .video img {
    cursor: pointer; }

.single-custom-content .bg_img_txt .inner {
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: center; }
  .single-custom-content .bg_img_txt .inner .copy {
    color: white !important;
    font-size: 20px; }

.single-custom-content .txt_content h4 {
  margin-bottom: 50px;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600; }

.single-custom-content .txt_content p {
  font-size: 19px; }

@media (max-width: 990px) {
  .subpage-hero .hero-inner h2 {
    font-size: 36px; }
  .single-content .content-inner .project-content p br {
    display: none; }
  .single-content .content-inner .attributes.client .client-name {
    font-size: 32px; }
  .single-custom-content .video {
    padding-top: 100px; } }

@media (max-width: 768px) {
  .subpage-hero .hero-inner h2 {
    font-size: 28px;
    margin-bottom: 30px; }
  .subpage-hero .hero-inner .lead {
    margin-bottom: 30px;
    font-size: 16px; }
  .subpage-hero .hero-inner .btn-prev {
    left: 30px;
    top: 10px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .subpage-hero .hero-inner .btn-next {
    right: 30px;
    top: 10px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .single-hero-image {
    margin-bottom: 30px; }
  .single-content .content-inner .attributes .attr-title {
    font-size: 16px; }
  .single-content .content-inner .attributes.client {
    padding-bottom: 30px; }
    .single-content .content-inner .attributes.client .client-name {
      font-size: 19px; }
  .single-content .content-inner .attributes.tags .tag {
    font-size: 16px; }
  .single-content .content-inner .project-content {
    font-size: 16px;
    padding-bottom: 30px; }
    .single-content .content-inner .project-content br {
      display: none; }
  .single-custom-content .video {
    padding-top: 50px; }
  .single-custom-content .web_screen2_view {
    padding-top: 100px; }
  .single-custom-content .fullwidth_carousel p {
    position: relative;
    padding: 0 4vw;
    -webkit-transform: none !important;
    transform: none !important;
    color: black;
    left: 0 !important;
    top: 0 !important; }
    .single-custom-content .fullwidth_carousel p a {
      color: black !important; } }

@media (max-width: 575px) {
  .single-custom-content .video {
    padding-top: 30px; }
  .single-custom-content .web_screen2_view {
    padding-top: 40px; }
  .single-custom-content .images_grid {
    padding: 40px 0 !important; }
  .single-custom-content .full_width_image {
    padding-top: 30px !important; }
  .single-custom-content .fullwidth_carousel p br {
    display: none; }
  .single-custom-content .text_n_images p {
    text-align: center !important; }
    .single-custom-content .text_n_images p br {
      display: none; }
  .single-custom-content .bg_img_txt .inner .copy p br {
    display: none; }
  .single-custom-content .txt_content {
    padding: 30px 0 !important; }
    .single-custom-content .txt_content p {
      font-size: 16px; }
      .single-custom-content .txt_content p br {
        display: none; }
    .single-custom-content .txt_content h4 {
      margin-bottom: 20px; }
  .single-custom-content .btn {
    white-space: normal;
    font-size: 16px !important; } 
}


.bg-movie {
  position: relative;
  background-color: #000;
  height: auto;
  min-height: 50rem;
  width: 100%;
  overflow: hidden;
}
    
.bg-movie video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
  
.bg-movie .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}

.hero-scroll {
  border-radius: 100%;
  animation: heroPulse 2s linear infinite;
}

@keyframes heroPulse {
	0% {
		animation-timing-function: ease-out;
		transform: scale(1);
		transform-origin: center center;
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7),  0 0 0 0 rgba(255,255,255,0.7);
	}

	50% {
		animation-timing-function: ease-out;
		transform: scale(1.15);
    box-shadow: 0 0 0 12px rgba(255,255,255,0.0),  0 0 0 0 rgba(255,255,255,0.7);
	}
}


.logo {
  background-image: url(./img/logo_peppermint.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 205px;
  height: 48px;
}

.wpcf7-form {
  max-width: 920px;
  margin: 0 auto;
}

.wpcf7-form br {
  display: none;
}

.wpcf7-spinner {
  position: absolute;
}

.wpcf7-file {
  visibility: hidden;
}

.hidden {
  display: none;
}