.margin-top-10 {
  margin-top: 10px; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-top-60 {
  margin-top: 60px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-50 {
  margin-top: 50px; }

.m-t-60 {
  margin-top: 60px; }

.m-t-70 {
  margin-top: 70px; }

.m-t-80 {
  margin-top: 80px; }

.m-t-90 {
  margin-top: 90px; }

.m-t-100 {
  margin-top: 100px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-b-60 {
  margin-bottom: 60px; }

.m-b-70 {
  margin-bottom: 70px; }

.m-b-80 {
  margin-bottom: 80px; }

.m-b-90 {
  margin-bottom: 90px; }

.m-b-100 {
  margin-bottom: 100px; }

.m-b-150 {
  margin-bottom: 150px; }

.m-b-200 {
  margin-bottom: 200px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-50 {
  padding-left: 50px; }

.p-l-60 {
  padding-left: 60px; }

.p-l-70 {
  padding-left: 70px; }

.p-l-80 {
  padding-left: 80px; }

.p-l-90 {
  padding-left: 90px; }

.p-l-100 {
  padding-left: 100px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-50 {
  padding-right: 50px; }

.p-r-60 {
  padding-right: 60px; }

.p-r-70 {
  padding-right: 70px; }

.p-r-80 {
  padding-right: 80px; }

.p-r-90 {
  padding-right: 90px; }

.p-r-100 {
  padding-right: 100px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-b-60 {
  padding-bottom: 60px; }

.p-b-70 {
  padding-bottom: 70px; }

.p-b-80 {
  padding-bottom: 80px; }

.p-b-90 {
  padding-bottom: 90px; }

.p-b-100 {
  padding-bottom: 100px; }

.clear {
  width: 100%;
  clear: both; }

body {
  font-family: "Open Sans";
  font-weight: normal;
  color: #25282a; }
  body div {
    font-size: 16px; }

strong {
  font-weight: bold; }

h2 {
  color: #000000;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase; }

h3, h4, h5, h6 {
  color: #25282a; }

.background-primary {
  background-color: #00aeef; }

.text-primary {
  color: #00aeef; }

a {
  color: #00aeef; }

#cookies-message-container {
  position: relative; }

#cookies.is_subpage {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2322323; }

.underline-hover:hover {
  text-decoration: underline !important; }

.text-light {
  color: #9facab; }

.text-grey {
  color: #e8e8e8; }

.text-base {
  color: #00aeef; }

.text-white {
  color: white; }

.text-bold {
  font-weight: bold; }

p {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 30px; }

header {
  background: #009ae3; }

header i.icon.icon-login {
  font-size: 26px; }

@keyframes float {
  0% {
    top: -10px; }
  25% {
    top: -20px; }
  50% {
    top: -10px; }
  75% {
    top: 0px; }
  100% {
    top: -10px; } }
.navbar-strefa .tab-pane {
  padding-bottom: 115px; }
  .navbar-strefa .tab-pane p {
    color: #9fa2a3;
    font-size: 12px;
    margin-bottom: 12px; }
  .navbar-strefa .tab-pane h2 {
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    color: black;
    text-transform: none;
    margin-bottom: 12px; }

.tabs-left > li > a {
  padding: 0; }

.tabs-left > li > a > span {
  display: none; }

.tabs-left > li > a {
  font-size: 16px;
  padding: 8px 0;
  margin: 0;
  color: black; }

.tabs-left > li > a:hover,
.tabs-left > li.active > a {
  color: #00aeef !important; }

.tabs-left > li.active > a > span {
  display: inline; }

.password-forgot {
  color: #373a36;
  text-decoration: none !important;
  color: #373a36;
  font-size: 14px; }

section {
  padding-top: 100px;
  margin-top: 0; }

#wizytowka-google-maps {
  margin-top: 100px; }
  #wizytowka-google-maps .tick-list .icon-tick {
    border-width: 2px;
    width: 27px;
    height: 27px; }

#wyslij-zapytanie {
  border: 2px solid #00aeef;
  padding: 10px 5px;
  text-decoration: none;
  display: block;
  position: relative;
  font-size: 24px;
  color: #00aeef;
  margin-left: 15px; }
  #wyslij-zapytanie img {
    position: absolute;
    top: -10px;
    left: -33px; }
  #wyslij-zapytanie:hover img {
    animation-name: float;
    animation-duration: 3s;
    animation-iteration-count: 1; }

#zwin-formularz {
  margin: 20px;
  display: inline-block; }

header .breadcrumb {
  background: none;
  position: absolute;
  bottom: 0;
  padding: 0;
  margin: 0;
  right: 0;
  left: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  line-height: 25px;
  display: none; }
  header .breadcrumb ul {
    background: #25282a;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none; }
    header .breadcrumb ul li {
      float: left; }
    header .breadcrumb ul > li:first-child > a {
      color: white; }
    header .breadcrumb ul a {
      padding: 5px;
      color: #0793c8;
      display: block;
      text-decoration: none; }
  header .breadcrumb .icon-home {
    float: left;
    color: white;
    font-size: 24px; }
header .subpage {
  position: relative; }

#owl-demo .item {
  margin: 0 17px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 100px; }

.tick-list {
  list-style: none; }

.tick-list > li {
  line-height: 24px;
  margin: 10px 0;
  font-size: 16px;
  padding-left: 40px; }

.tick-list .icon-tick {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #00aeef;
  float: left;
  color: #00aeef;
  width: 24px;
  height: 24px;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  margin-right: 15px;
  clear: left;
  margin-left: -40px; }

section.tick .tick-list {
  padding: 15px 0 0 0; }

section.tick .tick-list > li {
  line-height: 30px; }

section.tick .tick-list .icon-tick {
  margin-bottom: 12px;
  margin-top: 2px; }

.nav > li > a:hover, .nav > li > a:focus {
  background: none; }

a.btn-bordered {
  color: #00aeef;
  border: 2px solid #00aeef;
  padding: 12px 18px;
  font-size: 18px;
  display: inline-block;
  margin-top: 30px;
  text-decoration: none;
  outline: none; }
  a.btn-bordered.white {
    color: white;
    border: 2px solid white; }
    a.btn-bordered.white:hover {
      border: 2px solid #00aeef; }

.font-size-16 {
  font-size: 16px; }

.font-size-18 {
  font-size: 18px !important; }

.font-size-20 {
  font-size: 20px; }

.font-size-24 {
  font-size: 24px; }

.font-size-48 {
  font-size: 48px; }

.info {
  color: #898c8d;
  font-size: 14px; }

header.subpage {
  min-height: 320px;
  background-size: cover;
  background-position: 0px 91px;
  position: relative;
  z-index: 500; }
  header.subpage .navbar {
    background-image: url("/frontend/img/slide_2.jpg");
    background-size: cover;
    background-position: 0px -24px; }

.table-bordered {
  width: 100%; }
  .table-bordered td {
    padding: 15px;
    font-size: 16px;
    text-align: center; }
  .table-bordered.vertical tr > td:first-child {
    color: #00aeef;
    text-transform: uppercase; }
  .table-bordered > thead > tr {
    color: #00aeef;
    text-transform: uppercase; }

.offer-line {
  margin-top: 100px;
  background-repeat: no-repeat;
  background-size: cover; }
  .offer-line .offer-icon {
    background-color: #00aeef;
    opacity: 0.8;
    text-align: center;
    color: white; }
  .offer-line .icon {
    font-size: 70px;
    line-height: 5px;
    padding-top: 10px; }
  .offer-line .offer-link {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px; }
    .offer-line .offer-link a {
      color: white;
      text-decoration: none;
      display: block;
      padding: 20px 40px;
      background-color: #00aeef;
      opacity: 0.8;
      font-size: 18px; }

#offer-line-1 {
  background-image: url("/frontend/img/background/bg-crm-landing.png"); }

#offer-line-2 {
  background-image: url("/frontend/img/background/background4.png"); }

#offer-line-3 {
  background-image: url("/frontend/img/background/background6.png"); }

.grid-sizer {
  width: 100%; }

.video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .video iframe {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 110%; }
  .video .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-color: #4cc6f3; }
    .video .overlay.is_subpage {
      background: white; }
      .video .overlay.is_subpage > .row {
        position: relative;
        z-index: 609; }
        .video .overlay.is_subpage > .row.no-background {
          background: none !important; }
          .video .overlay.is_subpage > .row.no-background #svg-logo img {
            display: none !important; }

.a-nav-border {
  padding-bottom: 10px;
  text-decoration: none; }
  .a-nav-border:hover {
    border-bottom: 2px solid white;
    text-decoration: none; }
  .a-nav-border.polityka {
    padding-bottom: 0px; }

#nav-menu {
  background: url("/frontend/img/pulawski-glowna-menu-bg_01.png") no-repeat;
  background-size: cover; }

.sygnet {
  position: relative;
  z-index: 702; }

.is_subpage .sygnet {
  position: relative;
  z-index: 702; }

img {
  max-width: 100%; }

.fill-blue {
  fill: white; }

.display-block {
  display: block; }

svg:not(:root) {
  overflow: hidden; }

.fill-effect--hover {
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: linear;
  cursor: pointer;
  text-decoration: none; }

.fill-effect--hover:hover {
  fill: url(#effect); }

.social-link {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 42px;
  text-align: center;
  float: right; }
  .social-link:hover {
    background: white; }
    .social-link:hover .cls-1 {
      fill: #00aeef;
      fill-rule: evenodd;
      background: white; }

.go-top-button {
  border: 1px solid #00aeef;
  display: block;
  padding: 8px 10px;
  text-decoration: none !important;
  font-size: 28px; }
  .go-top-button:hover {
    background: #00aeef;
    color: white; }

#header_title {
  min-width: 333px; }

#bctn {
  overflow: hidden;
  width: 100%; }

.btn-home,
.btn-home:active,
.btn-home:focus {
  border: 2px solid white;
  background: none;
  color: white;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 18px;
  padding: 12px;
  margin-right: 40px;
  display: inline-block;
  text-align: center; }

.btn-home:active,
.btn-home:focus {
  box-shadow: none; }

.btn-home.btn-offer {
  background: white;
  border-color: white;
  color: #0390d8; }

.btn-home.btn-offer:hover,
.btn-portfolio:hover,
.btn-portfolio.current {
  background: white;
  border-color: white;
  color: #0390d8; }

.btn-marker {
  background: url("/frontend/img/btn-marker.png") no-repeat;
  background-position: center center; }

.btn-mobile {
  background: url("/frontend/img/btn-mobile.png") no-repeat;
  background-position: center center;
  background-color: #71d54c; }

.hidden-all {
  display: none !important; }

.btn-marker {
  background-color: white; }

#svg-logo {
  text-decoration: none; }

.timeline h3 {
  font-weight: bold; }

#svg-logo .cls-1 {
  fill: #1f33a1; }

#svg-logo .cls-1.open {
  fill: white; }

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px; }

.tabs-left > li, .tabs-right > li {
  float: none;
  margin-bottom: 2px; }

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border: none; }

.tabs-left > li > a {
  margin-right: 0;
  display: block;
  border: none !important; }

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0; }

.tabs-left > li > a:hover {
  background: none !important; }

.vertical-text {
  margin-top: 50px;
  border: none;
  position: relative; }
  .vertical-text > li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px; }
    .vertical-text > li > a {
      border-bottom: 1px solid #ddd;
      border-right-color: transparent;
      text-align: center;
      border-radius: 4px 4px 0px 0px; }
  .vertical-text.tabs-left {
    left: -50px; }
    .vertical-text.tabs-left > li {
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .vertical-text.tabs-right {
    right: -50px; }
    .vertical-text.tabs-right > li {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }

.vertical-text > li.active > a,
.vertical-text > li.active > a:hover,
.vertical-text > li.active > a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd; }

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: 0.3s; }

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover {
  color: #fff; }

.hvr-sweep-to-bottom:active:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated-shortest {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

.animated-short {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s; }

.animated-long {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

.animated-longest {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

.oferty_pracy h2 {
  text-transform: none; }

.oferty_pracy .oferta {
  margin-bottom: 30px; }

.oferty_pracy .oferta h3 {
  padding: 20px 0;
  margin: 0;
  color: white;
  /*cursor: pointer;*/ }

.oferty_pracy .oferta.open h3 {
  padding: 64px 0;
  font-size: 30px; }

.oferty_pracy .oferta h3 > span.caret {
  font-size: 40px;
  border: 0;
  margin-right: 30px;
  line-height: 10px;
  margin-top: -17px; }

.oferty_pracy .oferta h3 > span.caret:after {
  content: "\f105";
  font-family: 'FontAwesome'; }

.oferty_pracy .oferta.open h3 > span.caret {
  position: absolute;
  top: 30px; }

.oferty_pracy .oferta.open h3 > span.caret:after {
  content: "\f107";
  font-family: 'FontAwesome'; }

.oferty_pracy .oferta .overlay {
  background-color: #00aeef;
  background-image: url("/frontend/img/oferta-pracy-bg.png");
  background-blend-mode: multiply;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  max-height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; }

.oferty_pracy .oferta.open .overlay {
  width: 50%; }

.oferty_pracy .oferta .oferta_header {
  background-color: #f0f0f0;
  background-image: url("/frontend/img/oferta-pracy-bg.png");
  background-repeat: no-repeat;
  margin: 0;
  background-size: cover;
  position: relative; }

.oferty_pracy .oferta.open .oferta_header {
  margin-bottom: 70px;
  background: none; }

.oferty_pracy .oferta .oferta_header .hidden_desc {
  display: none; }

.oferty_pracy .oferta.open .oferta_header .hidden_desc {
  display: block;
  padding-top: 20px; }

.oferty_pracy .oferta .oferta_header .subtitle {
  display: none; }

.oferty_pracy .oferta .oferta_header a {
  color: #00aeef;
  border: 2px solid #00aeef;
  display: inline-block;
  padding: 10px 20px;
  margin-top: 12px;
  text-transform: uppercase; }

.oferty_pracy .oferta .oferta_header a.aplikuj {
  background: #00aeef;
  color: white;
  margin-left: 30px; }

.oferty_pracy .oferta.open .oferta_header a {
  display: none; }

.oferty_pracy .oferta.open .oferta_header .subtitle {
  display: block;
  font-size: 18px;
  line-height: 12px; }

.oferty_pracy .oferta .oferta_details {
  display: none;
  background: white;
  margin: 0; }

.oferty_pracy .oferta.open .oferta_details {
  display: block;
  background: white; }

body.career > section > .row {
  margin: 0; }

.oferta_socials > * {
  float: right;
  margin-left: 10px; }

.oferta_znasz {
  color: #898c8d;
  margin-top: 20px; }

.oferty_pracy .oferta .oferta_details a.aplikuj {
  border: 2px solid #00aeef;
  display: inline-block;
  padding: 7px 22px;
  margin-top: 12px;
  text-transform: uppercase;
  background: #00aeef;
  color: white;
  margin-left: 30px; }

.bootstrap-dialog.type-primary .modal-header {
  background-color: transparent !important; }

.bootstrap-dialog .bootstrap-dialog-title {
  color: #999999 !important;
  margin-left: 20px; }

.modal-header {
  padding: 15px 15px 0px 15px !important;
  border-bottom: 0px solid #e5e5e5 !important; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 700px !important;
    margin: 30px auto; } }
@media (min-width: 1200px) {
  .modal-dialog {
    width: 1000px !important;
    margin: 30px auto; } }
.close {
  font-size: 42px;
  font-weight: 300;
  line-height: 1;
  color: #00aeef;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2; }

.close:hover, .close:focus {
  color: #00aeef;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 1; }

.modal-header .close {
  margin-top: 0px;
  position: absolute;
  top: 0;
  right: 10px; }

.modal-content {
  border-radius: 0px; }

@media (max-width: 768px) {
  .oferty_pracy .oferta .overlay {
    width: 100%; }

  .oferty_pracy .oferta .oferta_header {
    background: none; }

  .oferty_pracy .oferta.open .overlay {
    width: 100%; }

  .oferta_details h2 {
    margin: 0px 0 40px 0; }

  .hidden_desc .oferta_socials {
    width: 100%;
    position: absolute;
    left: -15px; } }
.oferty_pracy_2 .col-md-6 {
  display: table;
  margin-bottom: 30px; }
.oferty_pracy_2 .job-offer {
  background-color: #00aeef;
  background-blend-mode: multiply;
  display: table-cell;
  height: 180px;
  text-align: center;
  vertical-align: middle;
  min-width: 100%; }
  .oferty_pracy_2 .job-offer.no-offer {
    background: none;
    border: 1px solid #d4d2d3; }
  .oferty_pracy_2 .job-offer h3 {
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: bold;
    margin: 0; }
    .oferty_pracy_2 .job-offer h3 a {
      color: white;
      text-decoration: none;
      display: block; }
  .oferty_pracy_2 .job-offer > a {
    font-size: 24px;
    font-family: "Open Sans";
    font-weight: bold; }
  .oferty_pracy_2 .job-offer > p {
    font-size: 14px;
    font-weight: normal;
    font-family: "Open Sans"; }
  .oferty_pracy_2 .job-offer.job-1 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-2 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-3 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-4 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-5 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-6 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-7 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-8 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-9 {
    background-image: url("/frontend/img/career/1.jpg"); }
  .oferty_pracy_2 .job-offer.job-10 {
    background-image: url("/frontend/img/career/1.jpg"); }

#apply .checkbox input[type="checkbox"] {
  margin-left: 0; }
#apply .form-control {
  border-radius: 0px;
  border-color: #00aeef;
  padding: 12px 12px;
  height: auto; }
#apply label {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 20px 0 10px 0; }
#apply .radio label, #apply .checkbox label {
  margin: 0; }
#apply .input.file {
  background-image: url("/frontend/img/input-choose-file.png");
  background-position: bottom right;
  background-repeat: no-repeat; }
#apply .input.file input {
  height: 40px;
  border: 1px solid #00aeef;
  padding: 8px; }
#apply .aplikuj-modal {
  border: 2px solid #00aeef;
  display: inline-block;
  padding: 10px 26px;
  margin-top: 12px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background: #00aeef;
  color: white;
  margin-left: 30px; }
#apply .wskazowka {
  color: #999999;
  font-size: 14px;
  position: relative; }
#apply .wskazowka strong {
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000; }
#apply .wskazowka strong:after {
  content: "";
  background: url("/frontend/img/wskazowka-arrow.png") no-repeat;
  width: 9px;
  height: 11px;
  position: absolute;
  top: 9px;
  left: -13px; }
#apply body {
  font-size: 14px; }
#apply .hovers_effect_14 .hovers_text:after {
  width: 150px;
  bottom: -7px; }

.bottom-portfolio-item {
  background-image: url("//www.pulawski.eu/frontend/img/portfolio-item-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat; }
  .bottom-portfolio-item h2 {
    color: white; }
  .bottom-portfolio-item p {
    color: white; }
  .bottom-portfolio-item .hovers_effect_14 .hovers_text:after {
    background-color: white; }

#projec-view {
  padding-top: 61px; }

#steps {
  background-size: cover;
  min-height: 545px;
  padding: 72px 0;
  margin-top: 100px;
  position: relative; }
  #steps .step {
    margin: 20px 45px;
    padding: 20px;
    text-align: center;
    cursor: move; }
    #steps .step h3 {
      font-weight: bold;
      font-size: 30px;
      line-height: 59px;
      margin-top: 0;
      margin-bottom: 20px;
      text-align: left;
      color: white; }
      #steps .step h3 > span {
        color: #00aeef;
        display: inline-block;
        padding: 5px;
        font-weight: 900;
        font-size: 49px;
        width: 60px;
        text-align: center;
        line-height: 59px;
        position: relative;
        top: 5px; }
    #steps .step p {
      text-align: justify;
      color: white;
      line-height: 25px; }
    #steps .step a {
      color: #00aeef;
      border: 1px solid #00aeef;
      padding: 12px 18px;
      font-size: 18px;
      display: inline-block;
      margin-top: 30px;
      text-decoration: none;
      outline: none; }
      #steps .step a:hover {
        color: white; }
      #steps .step a.clicked {
        animation-name: scaleButton;
        animation-duration: 1s; }
  #steps .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 3px;
    background: white; }
    #steps .owl-dots .owl-dot.active {
      width: 20px;
      height: 20px;
      margin-bottom: 1px;
      background: #00AEEF; }
  #steps .owl-nav {
    color: white;
    display: none; }
  #steps .owl-item.active:nth-child(1) .step {
    filter: blur(1.5px); }
  #steps .owl-item.active:nth-child(3) .step {
    filter: blur(1.5px); }

@-webkit-keyframes scaleButton {
  0% {
    transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1); }
  100% {
    transform: scale(1.1, 0.8);
    transform: scale(1.1, 0.8);
    -webkit-transform: scale(1.1, 0.8);
    -moz-transform: scale(1.1, 0.8);
    -o-transform: scale(1.1, 0.8); } }
section#become-customer {
  position: relative;
  z-index: 50;
  background: white;
  padding-bottom: 100px;
  margin-top: 0; }

.contain-animation {
  height: 119px; }

.contain-bear {
  position: relative;
  height: 119px;
  width: 100%;
  overflow: hidden; }

.cover {
  position: absolute;
  top: 0px;
  right: 0px;
  background: white;
  height: 119px;
  width: 659px; }

.steps-animation {
  animation: walk 8s steps(8, end) 1;
  -webkit-animation: walk 8s steps(8, end) 1; }

@keyframes walk {
  to {
    transform: translateX(753px); } }
@-webkit-keyframes walk {
  to {
    -webkit-transform: translateX(753px); } }
@keyframes resize {
  0% {
    top: 0px; }
  50% {
    top: -10px; }
  100% {
    top: 0px; } }
@-webkit-keyframes resize {
  0% {
    top: 0px; }
  50% {
    top: -10px; }
  100% {
    top: 0px; } }
@keyframes float {
  0% {
    top: -10px; }
  25% {
    top: -20px; }
  50% {
    top: -10px; }
  75% {
    top: 0px; }
  100% {
    top: -10px; } }
@-webkit-keyframes float {
  0% {
    top: -10px; }
  25% {
    top: -20px; }
  50% {
    top: -10px; }
  100% {
    top: 0px; } }
#portfolio {
  position: relative;
  z-index: 51;
  margin-top: 0; }
  #portfolio .container .row:first-child {
    margin-bottom: 50px; }
  #portfolio .grid-white {
    background: white; }
  #portfolio .grid-item .grid-header {
    font-size: 24px;
    font-weight: 900;
    color: white; }
  #portfolio .grid-item .grid-category {
    font-size: 18px;
    font-weight: 100;
    color: black;
    text-transform: uppercase; }
  #portfolio .grid-item .grid-desc {
    font-size: 16px;
    font-weight: 100;
    color: white;
    line-height: 25px; }
  #portfolio .grid-item .grid-testimonial {
    color: #25282a;
    font-style: italic;
    font-size: 16px;
    line-height: 25px; }
  #portfolio .grid-item .grid-company {
    color: #00aeef;
    font-weight: 600; }
  #portfolio .grid-padding {
    padding: 20px; }
  #portfolio .grid-blue {
    background: #00aeef; }

.portfolio {
  padding-top: 140px; }
  .portfolio .portfolioFilter {
    padding: 35px 0; }
    .portfolio .portfolioFilter a {
      font-size: 18px;
      padding: 10px 0px;
      color: black;
      text-decoration: none;
      cursor: pointer;
      margin: 10px 24px; }
      .portfolio .portfolioFilter a.current {
        color: #00aeef; }

#services {
  line-height: 25px;
  font-size: 16px;
  background: url(/frontend/img/pul-glowna.png) white right top no-repeat;
  min-height: 634px;
  position: relative;
  z-index: 300; }
  #services h2 {
    margin-top: 40px; }
  #services .service {
    margin-bottom: 40px; }
    #services .service span {
      color: #9facab;
      font-size: 14px; }
  #services .service-icon-box {
    background-repeat: no-repeat;
    width: 138px;
    height: 141px;
    position: relative;
    float: left;
    margin-right: 15px;
    background-image: none;
    color: #00aeef; }
    #services .service-icon-box i {
      color: #00aeef;
      font-size: 78px;
      line-height: 165px; }
    #services .service-icon-box.service-icon-box-1 i {
      font-size: 102px; }
    #services .service-icon-box.service-icon-box-1:hover {
      background-image: url("/frontend/img/icon-box/icon-box-1.png"); }
    #services .service-icon-box.service-icon-box-2:hover {
      background-image: url("/frontend/img/icon-box/icon-box-2.png"); }
    #services .service-icon-box.service-icon-box-3:hover {
      background-image: url("/frontend/img/icon-box/icon-box-3.png"); }
    #services .service-icon-box:hover {
      animation-name: resize;
      animation-duration: 1s;
      animation-iteration-count: 1; }
      #services .service-icon-box:hover i {
        color: white;
        font-size: 137px; }

.avatar {
  background: white;
  width: 62px;
  height: 62px;
  padding: 5px; }
  .avatar img {
    max-width: 100%;
    max-height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.border-radius-50 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

#korzysci .korzysci-header {
  font-size: 18px; }
#korzysci .korzysci-desc {
  font-size: 14px;
  color: #9facab;
  line-height: 26px; }
#korzysci .row.korzysc {
  background: white;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer; }
  #korzysci .row.korzysc.active {
    background: #00aeef; }
    #korzysci .row.korzysc.active .korzysci-header {
      font-size: 20px;
      color: white; }
    #korzysci .row.korzysc.active .korzysci-desc {
      font-size: 16px;
      color: white; }
  #korzysci .row.korzysc:hover {
    background: #00aeef; }
    #korzysci .row.korzysc:hover .icon {
      border: 1px solid white;
      color: white; }
    #korzysci .row.korzysc:hover .korzysci-header {
      color: white; }
    #korzysci .row.korzysc:hover .korzysci-desc {
      color: white; }
#korzysci .icon {
  border: 1px solid #e8e8e8;
  width: 79px;
  display: block;
  font-size: 45px;
  color: #00aeef;
  text-align: center;
  max-height: 79px;
  line-height: 86px;
  margin-top: 5px; }
#korzysci .circle {
  position: absolute;
  right: 0;
  top: 0; }
  #korzysci .circle.circle-backend {
    right: 208px;
    top: 124px; }
  #korzysci .circle.circle-mobile {
    right: 123px;
    top: 404px; }
  #korzysci .circle.circle-frontend {
    right: 416px;
    top: 176px; }
  #korzysci .circle span {
    display: block; }
  #korzysci .circle > span {
    border: 1px solid #00aeef;
    border-radius: 50%; }
    #korzysci .circle > span > span {
      background: #00aeef;
      background-blend-mode: multiply;
      margin: 2px;
      border-radius: 50%;
      width: 51px;
      height: 51px; }

#steps-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75); }

.mgk-line {
  background: url("/frontend/img/zapytanie-linia.png") right top no-repeat;
  min-height: 104px; }

#steps .owl-item.active:nth-child(2) .step {
  filter: blur(1.5px); }

@media (max-width: 768px) {
  section h2 {
    margin-bottom: 3em; }

  .mgk-monitor {
    margin-top: 2em; }

  a.circle {
    display: none; }

  #customers {
    margin-top: 0px; }

  .mgk-line {
    background: none; }

  #contact-form {
    margin-top: 0px; }

  #become-customer {
    padding-bottom: 30px;
    margin-top: 0px; } }
@media (min-width: 1336px) {
  #steps .step h3 {
    height: 130px; } }
#team .team-member {
  text-align: center; }
  #team .team-member img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 70px 0 20px 0; }
  #team .team-member .team-member-name {
    font-size: 24px; }
  #team .team-member .team-member-job {
    color: #00aeef;
    font-size: 14px;
    text-transform: uppercase; }
  #team .team-member .team-member-socials {
    color: #00aeef;
    font-size: 30px; }
  #team .team-member .team-member-desc {
    font-size: 16px;
    text-align: justify; }
  #team .team-member .team-member-join {
    font-size: 30px;
    margin: 42px 0; }

.oferty_pracy .oferta {
  margin-bottom: 30px; }
  .oferty_pracy .oferta h3 {
    padding: 20px 0;
    margin: 0;
    color: white;
    cursor: pointer; }
    .oferty_pracy .oferta h3 > span.caret {
      font-size: 40px;
      border: 0;
      margin-right: 30px;
      line-height: 10px;
      margin-top: -17px; }
      .oferty_pracy .oferta h3 > span.caret:after {
        content: "\f105";
        font-family: 'FontAwesome'; }
  .oferty_pracy .oferta .overlay {
    background-color: #00aeef;
    background-image: url("/frontend/img/oferta-pracy-bg.png");
    background-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    max-height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%; }
  .oferty_pracy .oferta .oferta_header {
    background-color: #f0f0f0;
    background-image: url("/frontend/img/oferta-pracy-bg.png");
    background-repeat: no-repeat;
    margin: 0;
    background-size: cover;
    position: relative; }
    .oferty_pracy .oferta .oferta_header .hidden_desc {
      display: none; }
    .oferty_pracy .oferta .oferta_header .subtitle {
      display: none; }
    .oferty_pracy .oferta .oferta_header a {
      color: #00aeef;
      border: 2px solid #00aeef;
      display: inline-block;
      padding: 10px 20px;
      margin-top: 12px;
      text-transform: uppercase; }
      .oferty_pracy .oferta .oferta_header a.aplikuj {
        background: #00aeef;
        color: white;
        margin-left: 30px; }
  .oferty_pracy .oferta .oferta_details {
    display: none;
    background: white;
    margin: 0; }
    .oferty_pracy .oferta .oferta_details a.aplikuj {
      border: 2px solid #00aeef;
      display: inline-block;
      padding: 7px 22px;
      margin-top: 12px;
      text-transform: uppercase;
      background: #00aeef;
      color: white;
      margin-left: 30px; }
  .oferty_pracy .oferta.open h3 {
    padding: 64px 0;
    font-size: 30px; }
    .oferty_pracy .oferta.open h3 > span.caret {
      position: absolute;
      top: 30px; }
      .oferty_pracy .oferta.open h3 > span.caret:after {
        content: "\f107";
        font-family: 'FontAwesome'; }
  .oferty_pracy .oferta.open .overlay {
    width: 50%; }
  .oferty_pracy .oferta.open .oferta_header {
    margin-bottom: 70px;
    background: none; }
    .oferty_pracy .oferta.open .oferta_header .hidden_desc {
      display: block;
      padding-top: 20px; }
    .oferty_pracy .oferta.open .oferta_header a {
      display: none; }
    .oferty_pracy .oferta.open .oferta_header .subtitle {
      display: block;
      font-size: 18px;
      line-height: 12px; }
  .oferty_pracy .oferta.open .oferta_details {
    display: block;
    background: white; }

.domain-search {
  background-image: url("/frontend/img/background/background5.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: -80px;
  padding: 50px 0; }
  .domain-search input {
    border: 2px solid #00aeef;
    border-radius: 0;
    font-size: 18px;
    padding: 27px 25px; }
  .domain-search button {
    width: 100%;
    color: white;
    background: #00aeef;
    border: none;
    font-size: 18px;
    padding: 15px 20px; }
    .domain-search button .icon {
      position: absolute;
      font-size: 24px; }
  .domain-search h2 {
    color: white; }

#seo-opinions {
  background-attachment: fixed;
  background-image: url("/frontend/img/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  color: white; }
  #seo-opinions h3 {
    color: white;
    font-size: 48px;
    font-weight: bold; }
  #seo-opinions p {
    color: white;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 35px; }

#seo-instalation {
  margin-top: 100px;
  background-attachment: fixed;
  background-image: url("/frontend/img/background/background2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  line-height: 30px; }
  #seo-instalation .tick-list .icon-tick {
    margin-bottom: 12px;
    margin-top: 2px; }
  #seo-instalation .tick-list > li {
    line-height: 30px; }

section.tick .tick-list .icon-tick {
  border-width: 2px;
  margin-bottom: 7px;
  margin-top: 2px;
  width: 26px;
  height: 26px;
  font-size: 16px;
  line-height: 28px; }

.btn-demo {
  position: absolute;
  right: 40%;
  top: 50%;
  border: 1px solid #27ae60 !important;
  background-color: #2ecc71 !important;
  color: white !important; }
  .btn-demo:hover {
    border-color: #0087b9 !important; }

.hovers_effect_7 {
  position: relative;
  overflow: hidden; }
  .hovers_effect_7:after {
    content: "";
    display: block;
    background-color: #c8c8c8;
    width: 100px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0; }
  .hovers_effect_7:hover {
    color: #00aeef; }

.portfolioFilter {
  padding-bottom: 50px; }
  .portfolioFilter .hovers_effect_7 {
    color: white;
    font-size: 24px;
    padding: 5px 0;
    margin: 0px 10px;
    text-decoration: none;
    cursor: pointer; }
    .portfolioFilter .hovers_effect_7:after {
      background-color: #ffffff;
      width: 46px; }
    .portfolioFilter .hovers_effect_7:hover {
      opacity: 1; }
      .portfolioFilter .hovers_effect_7:hover:after {
        background-color: #ffffff; }

.hovers_effect_7:hover:after {
  animation-name: effect_7;
  animation-duration: 1s;
  animation-iteration-count: 1;
  background-color: #00aeef;
  -webkit-transform: translateZ(0) translate(0, 0);
  -ms-transform: translateZ(0) translate(0, 0);
  transform: translateZ(0) translate(0, 0);
  opacity: 1;
  width: 100%; }

h2.hovers_effect_14 .hovers_text {
  position: relative;
  display: block; }

.hovers_effect_14 .hovers_text:after {
  content: "";
  display: block;
  background-color: #00aeef;
  width: 40%;
  max-width: 100%;
  height: 5px;
  position: absolute;
  left: 0px;
  bottom: -11px;
  animation-name: effect_14;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  background-color: #00aeef;
  -webkit-transform: translateZ(0) translate(0, 0);
  -ms-transform: translateZ(0) translate(0, 0);
  transform: translateZ(0) translate(0, 0);
  opacity: 1;
  width: 100%;
  transition: ease-out; }

.text-center.hovers_effect_14 .hovers_text:after {
  position: relative;
  margin: 15px auto 0 auto;
  left: 0; }

.hovers_effect_14 .hovers_text:after {
  width: 100px; }

.hovers_effect_14.text-right .hovers_text:after {
  left: auto;
  right: 15px; }

.other-services {
  padding: 40px 0 0 0; }

.hovers_effect_14 .hovers_text_100:after {
  width: 100px !important; }

.hovers_effect_14 .hovers_text_101:after {
  width: 101px !important; }

.hovers_effect_14 .hovers_text_102:after {
  width: 102px !important; }

.hovers_effect_14 .hovers_text_103:after {
  width: 103px !important; }

.hovers_effect_14 .hovers_text_104:after {
  width: 104px !important; }

.hovers_effect_14 .hovers_text_105:after {
  width: 105px !important; }

.hovers_effect_14 .hovers_text_106:after {
  width: 106px !important; }

.hovers_effect_14 .hovers_text_107:after {
  width: 107px !important; }

.hovers_effect_14 .hovers_text_108:after {
  width: 108px !important; }

.hovers_effect_14 .hovers_text_109:after {
  width: 109px !important; }

.hovers_effect_14 .hovers_text_110:after {
  width: 110px !important; }

.hovers_effect_14 .hovers_text_111:after {
  width: 111px !important; }

.hovers_effect_14 .hovers_text_112:after {
  width: 112px !important; }

.hovers_effect_14 .hovers_text_113:after {
  width: 113px !important; }

.hovers_effect_14 .hovers_text_114:after {
  width: 114px !important; }

.hovers_effect_14 .hovers_text_115:after {
  width: 115px !important; }

.hovers_effect_14 .hovers_text_116:after {
  width: 116px !important; }

.hovers_effect_14 .hovers_text_117:after {
  width: 117px !important; }

.hovers_effect_14 .hovers_text_118:after {
  width: 118px !important; }

.hovers_effect_14 .hovers_text_119:after {
  width: 119px !important; }

.hovers_effect_14 .hovers_text_120:after {
  width: 120px !important; }

.hovers_effect_14 .hovers_text_121:after {
  width: 121px !important; }

.hovers_effect_14 .hovers_text_122:after {
  width: 122px !important; }

.hovers_effect_14 .hovers_text_123:after {
  width: 123px !important; }

.hovers_effect_14 .hovers_text_124:after {
  width: 124px !important; }

.hovers_effect_14 .hovers_text_125:after {
  width: 125px !important; }

.hovers_effect_14 .hovers_text_126:after {
  width: 126px !important; }

.hovers_effect_14 .hovers_text_127:after {
  width: 127px !important; }

.hovers_effect_14 .hovers_text_128:after {
  width: 128px !important; }

.hovers_effect_14 .hovers_text_129:after {
  width: 129px !important; }

.hovers_effect_14 .hovers_text_130:after {
  width: 130px !important; }

.hovers_effect_14 .hovers_text_131:after {
  width: 131px !important; }

.hovers_effect_14 .hovers_text_132:after {
  width: 132px !important; }

.hovers_effect_14 .hovers_text_133:after {
  width: 133px !important; }

.hovers_effect_14 .hovers_text_134:after {
  width: 134px !important; }

.hovers_effect_14 .hovers_text_135:after {
  width: 135px !important; }

.hovers_effect_14 .hovers_text_136:after {
  width: 136px !important; }

.hovers_effect_14 .hovers_text_137:after {
  width: 137px !important; }

.hovers_effect_14 .hovers_text_138:after {
  width: 138px !important; }

.hovers_effect_14 .hovers_text_139:after {
  width: 139px !important; }

.hovers_effect_14 .hovers_text_140:after {
  width: 140px !important; }

.hovers_effect_14 .hovers_text_141:after {
  width: 141px !important; }

.hovers_effect_14 .hovers_text_142:after {
  width: 142px !important; }

.hovers_effect_14 .hovers_text_143:after {
  width: 143px !important; }

.hovers_effect_14 .hovers_text_144:after {
  width: 144px !important; }

.hovers_effect_14 .hovers_text_145:after {
  width: 145px !important; }

.hovers_effect_14 .hovers_text_146:after {
  width: 146px !important; }

.hovers_effect_14 .hovers_text_147:after {
  width: 147px !important; }

.hovers_effect_14 .hovers_text_148:after {
  width: 148px !important; }

.hovers_effect_14 .hovers_text_149:after {
  width: 149px !important; }

.hovers_effect_14 .hovers_text_150:after {
  width: 150px !important; }

.hovers_effect_14 .hovers_text_151:after {
  width: 151px !important; }

.hovers_effect_14 .hovers_text_152:after {
  width: 152px !important; }

.hovers_effect_14 .hovers_text_153:after {
  width: 153px !important; }

.hovers_effect_14 .hovers_text_154:after {
  width: 154px !important; }

.hovers_effect_14 .hovers_text_155:after {
  width: 155px !important; }

.hovers_effect_14 .hovers_text_156:after {
  width: 156px !important; }

.hovers_effect_14 .hovers_text_157:after {
  width: 157px !important; }

.hovers_effect_14 .hovers_text_158:after {
  width: 158px !important; }

.hovers_effect_14 .hovers_text_159:after {
  width: 159px !important; }

.hovers_effect_14 .hovers_text_160:after {
  width: 160px !important; }

.hovers_effect_14 .hovers_text_161:after {
  width: 161px !important; }

.hovers_effect_14 .hovers_text_162:after {
  width: 162px !important; }

.hovers_effect_14 .hovers_text_163:after {
  width: 163px !important; }

.hovers_effect_14 .hovers_text_164:after {
  width: 164px !important; }

.hovers_effect_14 .hovers_text_165:after {
  width: 165px !important; }

.hovers_effect_14 .hovers_text_166:after {
  width: 166px !important; }

.hovers_effect_14 .hovers_text_167:after {
  width: 167px !important; }

.hovers_effect_14 .hovers_text_168:after {
  width: 168px !important; }

.hovers_effect_14 .hovers_text_169:after {
  width: 169px !important; }

.hovers_effect_14 .hovers_text_170:after {
  width: 170px !important; }

.hovers_effect_14 .hovers_text_171:after {
  width: 171px !important; }

.hovers_effect_14 .hovers_text_172:after {
  width: 172px !important; }

.hovers_effect_14 .hovers_text_173:after {
  width: 173px !important; }

.hovers_effect_14 .hovers_text_174:after {
  width: 174px !important; }

.hovers_effect_14 .hovers_text_175:after {
  width: 175px !important; }

.hovers_effect_14 .hovers_text_176:after {
  width: 176px !important; }

.hovers_effect_14 .hovers_text_177:after {
  width: 177px !important; }

.hovers_effect_14 .hovers_text_178:after {
  width: 178px !important; }

.hovers_effect_14 .hovers_text_179:after {
  width: 179px !important; }

.hovers_effect_14 .hovers_text_180:after {
  width: 180px !important; }

.hovers_effect_14 .hovers_text_181:after {
  width: 181px !important; }

.hovers_effect_14 .hovers_text_182:after {
  width: 182px !important; }

.hovers_effect_14 .hovers_text_183:after {
  width: 183px !important; }

.hovers_effect_14 .hovers_text_184:after {
  width: 184px !important; }

.hovers_effect_14 .hovers_text_185:after {
  width: 185px !important; }

.hovers_effect_14 .hovers_text_186:after {
  width: 186px !important; }

.hovers_effect_14 .hovers_text_187:after {
  width: 187px !important; }

.hovers_effect_14 .hovers_text_188:after {
  width: 188px !important; }

.hovers_effect_14 .hovers_text_189:after {
  width: 189px !important; }

.hovers_effect_14 .hovers_text_190:after {
  width: 190px !important; }

.hovers_effect_14 .hovers_text_191:after {
  width: 191px !important; }

.hovers_effect_14 .hovers_text_192:after {
  width: 192px !important; }

.hovers_effect_14 .hovers_text_193:after {
  width: 193px !important; }

.hovers_effect_14 .hovers_text_194:after {
  width: 194px !important; }

.hovers_effect_14 .hovers_text_195:after {
  width: 195px !important; }

.hovers_effect_14 .hovers_text_196:after {
  width: 196px !important; }

.hovers_effect_14 .hovers_text_197:after {
  width: 197px !important; }

.hovers_effect_14 .hovers_text_198:after {
  width: 198px !important; }

.hovers_effect_14 .hovers_text_199:after {
  width: 199px !important; }

.hovers_effect_14 .hovers_text_200:after {
  width: 200px !important; }

.hovers_effect_14 .hovers_text_201:after {
  width: 201px !important; }

.hovers_effect_14 .hovers_text_202:after {
  width: 202px !important; }

.hovers_effect_14 .hovers_text_203:after {
  width: 203px !important; }

.hovers_effect_14 .hovers_text_204:after {
  width: 204px !important; }

.hovers_effect_14 .hovers_text_205:after {
  width: 205px !important; }

.hovers_effect_14 .hovers_text_206:after {
  width: 206px !important; }

.hovers_effect_14 .hovers_text_207:after {
  width: 207px !important; }

.hovers_effect_14 .hovers_text_208:after {
  width: 208px !important; }

.hovers_effect_14 .hovers_text_209:after {
  width: 209px !important; }

.hovers_effect_14 .hovers_text_210:after {
  width: 210px !important; }

.hovers_effect_14 .hovers_text_211:after {
  width: 211px !important; }

.hovers_effect_14 .hovers_text_212:after {
  width: 212px !important; }

.hovers_effect_14 .hovers_text_213:after {
  width: 213px !important; }

.hovers_effect_14 .hovers_text_214:after {
  width: 214px !important; }

.hovers_effect_14 .hovers_text_215:after {
  width: 215px !important; }

.hovers_effect_14 .hovers_text_216:after {
  width: 216px !important; }

.hovers_effect_14 .hovers_text_217:after {
  width: 217px !important; }

.hovers_effect_14 .hovers_text_218:after {
  width: 218px !important; }

.hovers_effect_14 .hovers_text_219:after {
  width: 219px !important; }

.hovers_effect_14 .hovers_text_220:after {
  width: 220px !important; }

.hovers_effect_14 .hovers_text_221:after {
  width: 221px !important; }

.hovers_effect_14 .hovers_text_222:after {
  width: 222px !important; }

.hovers_effect_14 .hovers_text_223:after {
  width: 223px !important; }

.hovers_effect_14 .hovers_text_224:after {
  width: 224px !important; }

.hovers_effect_14 .hovers_text_225:after {
  width: 225px !important; }

.hovers_effect_14 .hovers_text_226:after {
  width: 226px !important; }

.hovers_effect_14 .hovers_text_227:after {
  width: 227px !important; }

.hovers_effect_14 .hovers_text_228:after {
  width: 228px !important; }

.hovers_effect_14 .hovers_text_229:after {
  width: 229px !important; }

.hovers_effect_14 .hovers_text_230:after {
  width: 230px !important; }

.hovers_effect_14 .hovers_text_231:after {
  width: 231px !important; }

.hovers_effect_14 .hovers_text_232:after {
  width: 232px !important; }

.hovers_effect_14 .hovers_text_233:after {
  width: 233px !important; }

.hovers_effect_14 .hovers_text_234:after {
  width: 234px !important; }

.hovers_effect_14 .hovers_text_235:after {
  width: 235px !important; }

.hovers_effect_14 .hovers_text_236:after {
  width: 236px !important; }

.hovers_effect_14 .hovers_text_237:after {
  width: 237px !important; }

.hovers_effect_14 .hovers_text_238:after {
  width: 238px !important; }

.hovers_effect_14 .hovers_text_239:after {
  width: 239px !important; }

.hovers_effect_14 .hovers_text_240:after {
  width: 240px !important; }

.hovers_effect_14 .hovers_text_241:after {
  width: 241px !important; }

.hovers_effect_14 .hovers_text_242:after {
  width: 242px !important; }

.hovers_effect_14 .hovers_text_243:after {
  width: 243px !important; }

.hovers_effect_14 .hovers_text_244:after {
  width: 244px !important; }

.hovers_effect_14 .hovers_text_245:after {
  width: 245px !important; }

.hovers_effect_14 .hovers_text_246:after {
  width: 246px !important; }

.hovers_effect_14 .hovers_text_247:after {
  width: 247px !important; }

.hovers_effect_14 .hovers_text_248:after {
  width: 248px !important; }

.hovers_effect_14 .hovers_text_249:after {
  width: 249px !important; }

.hovers_effect_14 .hovers_text_250:after {
  width: 250px !important; }

.hovers_effect_14 .hovers_text_251:after {
  width: 251px !important; }

.hovers_effect_14 .hovers_text_252:after {
  width: 252px !important; }

.hovers_effect_14 .hovers_text_253:after {
  width: 253px !important; }

.hovers_effect_14 .hovers_text_254:after {
  width: 254px !important; }

.hovers_effect_14 .hovers_text_255:after {
  width: 255px !important; }

.hovers_effect_14 .hovers_text_256:after {
  width: 256px !important; }

.hovers_effect_14 .hovers_text_257:after {
  width: 257px !important; }

.hovers_effect_14 .hovers_text_258:after {
  width: 258px !important; }

.hovers_effect_14 .hovers_text_259:after {
  width: 259px !important; }

.hovers_effect_14 .hovers_text_260:after {
  width: 260px !important; }

.hovers_effect_14 .hovers_text_261:after {
  width: 261px !important; }

.hovers_effect_14 .hovers_text_262:after {
  width: 262px !important; }

.hovers_effect_14 .hovers_text_263:after {
  width: 263px !important; }

.hovers_effect_14 .hovers_text_264:after {
  width: 264px !important; }

.hovers_effect_14 .hovers_text_265:after {
  width: 265px !important; }

.hovers_effect_14 .hovers_text_266:after {
  width: 266px !important; }

.hovers_effect_14 .hovers_text_267:after {
  width: 267px !important; }

.hovers_effect_14 .hovers_text_268:after {
  width: 268px !important; }

.hovers_effect_14 .hovers_text_269:after {
  width: 269px !important; }

.hovers_effect_14 .hovers_text_270:after {
  width: 270px !important; }

.hovers_effect_14 .hovers_text_271:after {
  width: 271px !important; }

.hovers_effect_14 .hovers_text_272:after {
  width: 272px !important; }

.hovers_effect_14 .hovers_text_273:after {
  width: 273px !important; }

.hovers_effect_14 .hovers_text_274:after {
  width: 274px !important; }

.hovers_effect_14 .hovers_text_275:after {
  width: 275px !important; }

.hovers_effect_14 .hovers_text_276:after {
  width: 276px !important; }

.hovers_effect_14 .hovers_text_277:after {
  width: 277px !important; }

.hovers_effect_14 .hovers_text_278:after {
  width: 278px !important; }

.hovers_effect_14 .hovers_text_279:after {
  width: 279px !important; }

.hovers_effect_14 .hovers_text_280:after {
  width: 280px !important; }

.hovers_effect_14 .hovers_text_281:after {
  width: 281px !important; }

.hovers_effect_14 .hovers_text_282:after {
  width: 282px !important; }

.hovers_effect_14 .hovers_text_283:after {
  width: 283px !important; }

.hovers_effect_14 .hovers_text_284:after {
  width: 284px !important; }

.hovers_effect_14 .hovers_text_285:after {
  width: 285px !important; }

.hovers_effect_14 .hovers_text_286:after {
  width: 286px !important; }

.hovers_effect_14 .hovers_text_287:after {
  width: 287px !important; }

.hovers_effect_14 .hovers_text_288:after {
  width: 288px !important; }

.hovers_effect_14 .hovers_text_289:after {
  width: 289px !important; }

.hovers_effect_14 .hovers_text_290:after {
  width: 290px !important; }

.hovers_effect_14 .hovers_text_291:after {
  width: 291px !important; }

.hovers_effect_14 .hovers_text_292:after {
  width: 292px !important; }

.hovers_effect_14 .hovers_text_293:after {
  width: 293px !important; }

.hovers_effect_14 .hovers_text_294:after {
  width: 294px !important; }

.hovers_effect_14 .hovers_text_295:after {
  width: 295px !important; }

.hovers_effect_14 .hovers_text_296:after {
  width: 296px !important; }

.hovers_effect_14 .hovers_text_297:after {
  width: 297px !important; }

.hovers_effect_14 .hovers_text_298:after {
  width: 298px !important; }

.hovers_effect_14 .hovers_text_299:after {
  width: 299px !important; }

.hovers_effect_14 .hovers_text_300:after {
  width: 300px !important; }

.hovers_effect_14 .hovers_text_301:after {
  width: 301px !important; }

.hovers_effect_14 .hovers_text_302:after {
  width: 302px !important; }

.hovers_effect_14 .hovers_text_303:after {
  width: 303px !important; }

.hovers_effect_14 .hovers_text_304:after {
  width: 304px !important; }

.hovers_effect_14 .hovers_text_305:after {
  width: 305px !important; }

.hovers_effect_14 .hovers_text_306:after {
  width: 306px !important; }

.hovers_effect_14 .hovers_text_307:after {
  width: 307px !important; }

.hovers_effect_14 .hovers_text_308:after {
  width: 308px !important; }

.hovers_effect_14 .hovers_text_309:after {
  width: 309px !important; }

.hovers_effect_14 .hovers_text_310:after {
  width: 310px !important; }

.hovers_effect_14 .hovers_text_311:after {
  width: 311px !important; }

.hovers_effect_14 .hovers_text_312:after {
  width: 312px !important; }

.hovers_effect_14 .hovers_text_313:after {
  width: 313px !important; }

.hovers_effect_14 .hovers_text_314:after {
  width: 314px !important; }

.hovers_effect_14 .hovers_text_315:after {
  width: 315px !important; }

.hovers_effect_14 .hovers_text_316:after {
  width: 316px !important; }

.hovers_effect_14 .hovers_text_317:after {
  width: 317px !important; }

.hovers_effect_14 .hovers_text_318:after {
  width: 318px !important; }

.hovers_effect_14 .hovers_text_319:after {
  width: 319px !important; }

.hovers_effect_14 .hovers_text_320:after {
  width: 320px !important; }

.hovers_effect_14 .hovers_text_321:after {
  width: 321px !important; }

.hovers_effect_14 .hovers_text_322:after {
  width: 322px !important; }

.hovers_effect_14 .hovers_text_323:after {
  width: 323px !important; }

.hovers_effect_14 .hovers_text_324:after {
  width: 324px !important; }

.hovers_effect_14 .hovers_text_325:after {
  width: 325px !important; }

.hovers_effect_14 .hovers_text_326:after {
  width: 326px !important; }

.hovers_effect_14 .hovers_text_327:after {
  width: 327px !important; }

.hovers_effect_14 .hovers_text_328:after {
  width: 328px !important; }

.hovers_effect_14 .hovers_text_329:after {
  width: 329px !important; }

.hovers_effect_14 .hovers_text_330:after {
  width: 330px !important; }

.hovers_effect_14 .hovers_text_331:after {
  width: 331px !important; }

.hovers_effect_14 .hovers_text_332:after {
  width: 332px !important; }

.hovers_effect_14 .hovers_text_333:after {
  width: 333px !important; }

.hovers_effect_14 .hovers_text_334:after {
  width: 334px !important; }

.hovers_effect_14 .hovers_text_335:after {
  width: 335px !important; }

.hovers_effect_14 .hovers_text_336:after {
  width: 336px !important; }

.hovers_effect_14 .hovers_text_337:after {
  width: 337px !important; }

.hovers_effect_14 .hovers_text_338:after {
  width: 338px !important; }

.hovers_effect_14 .hovers_text_339:after {
  width: 339px !important; }

.hovers_effect_14 .hovers_text_340:after {
  width: 340px !important; }

.hovers_effect_14 .hovers_text_341:after {
  width: 341px !important; }

.hovers_effect_14 .hovers_text_342:after {
  width: 342px !important; }

.hovers_effect_14 .hovers_text_343:after {
  width: 343px !important; }

.hovers_effect_14 .hovers_text_344:after {
  width: 344px !important; }

.hovers_effect_14 .hovers_text_345:after {
  width: 345px !important; }

.hovers_effect_14 .hovers_text_346:after {
  width: 346px !important; }

.hovers_effect_14 .hovers_text_347:after {
  width: 347px !important; }

.hovers_effect_14 .hovers_text_348:after {
  width: 348px !important; }

.hovers_effect_14 .hovers_text_349:after {
  width: 349px !important; }

.hovers_effect_14 .hovers_text_350:after {
  width: 350px !important; }

.hovers_effect_14 .hovers_text_351:after {
  width: 351px !important; }

.hovers_effect_14 .hovers_text_352:after {
  width: 352px !important; }

.hovers_effect_14 .hovers_text_353:after {
  width: 353px !important; }

.hovers_effect_14 .hovers_text_354:after {
  width: 354px !important; }

.hovers_effect_14 .hovers_text_355:after {
  width: 355px !important; }

.hovers_effect_14 .hovers_text_356:after {
  width: 356px !important; }

.hovers_effect_14 .hovers_text_357:after {
  width: 357px !important; }

.hovers_effect_14 .hovers_text_358:after {
  width: 358px !important; }

.hovers_effect_14 .hovers_text_359:after {
  width: 359px !important; }

.hovers_effect_14 .hovers_text_360:after {
  width: 360px !important; }

.hovers_effect_14 .hovers_text_361:after {
  width: 361px !important; }

.hovers_effect_14 .hovers_text_362:after {
  width: 362px !important; }

.hovers_effect_14 .hovers_text_363:after {
  width: 363px !important; }

.hovers_effect_14 .hovers_text_364:after {
  width: 364px !important; }

.hovers_effect_14 .hovers_text_365:after {
  width: 365px !important; }

.hovers_effect_14 .hovers_text_366:after {
  width: 366px !important; }

.hovers_effect_14 .hovers_text_367:after {
  width: 367px !important; }

.hovers_effect_14 .hovers_text_368:after {
  width: 368px !important; }

.hovers_effect_14 .hovers_text_369:after {
  width: 369px !important; }

.hovers_effect_14 .hovers_text_370:after {
  width: 370px !important; }

.hovers_effect_14 .hovers_text_371:after {
  width: 371px !important; }

.hovers_effect_14 .hovers_text_372:after {
  width: 372px !important; }

.hovers_effect_14 .hovers_text_373:after {
  width: 373px !important; }

.hovers_effect_14 .hovers_text_374:after {
  width: 374px !important; }

.hovers_effect_14 .hovers_text_375:after {
  width: 375px !important; }

.hovers_effect_14 .hovers_text_376:after {
  width: 376px !important; }

.hovers_effect_14 .hovers_text_377:after {
  width: 377px !important; }

.hovers_effect_14 .hovers_text_378:after {
  width: 378px !important; }

.hovers_effect_14 .hovers_text_379:after {
  width: 379px !important; }

.hovers_effect_14 .hovers_text_380:after {
  width: 380px !important; }

.hovers_effect_14 .hovers_text_381:after {
  width: 381px !important; }

.hovers_effect_14 .hovers_text_382:after {
  width: 382px !important; }

.hovers_effect_14 .hovers_text_383:after {
  width: 383px !important; }

.hovers_effect_14 .hovers_text_384:after {
  width: 384px !important; }

.hovers_effect_14 .hovers_text_385:after {
  width: 385px !important; }

.hovers_effect_14 .hovers_text_386:after {
  width: 386px !important; }

.hovers_effect_14 .hovers_text_387:after {
  width: 387px !important; }

.hovers_effect_14 .hovers_text_388:after {
  width: 388px !important; }

.hovers_effect_14 .hovers_text_389:after {
  width: 389px !important; }

.hovers_effect_14 .hovers_text_390:after {
  width: 390px !important; }

.hovers_effect_14 .hovers_text_391:after {
  width: 391px !important; }

.hovers_effect_14 .hovers_text_392:after {
  width: 392px !important; }

.hovers_effect_14 .hovers_text_393:after {
  width: 393px !important; }

.hovers_effect_14 .hovers_text_394:after {
  width: 394px !important; }

.hovers_effect_14 .hovers_text_395:after {
  width: 395px !important; }

.hovers_effect_14 .hovers_text_396:after {
  width: 396px !important; }

.hovers_effect_14 .hovers_text_397:after {
  width: 397px !important; }

.hovers_effect_14 .hovers_text_398:after {
  width: 398px !important; }

.hovers_effect_14 .hovers_text_399:after {
  width: 399px !important; }

.hovers_effect_14 .hovers_text_400:after {
  width: 400px !important; }

@-webkit-keyframes effect_7 {
  0% {
    width: 40%;
    background-color: #c8c8c8;
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) translate(0, 0);
    -ms-transform: translateZ(0) translate(0, 0);
    transform: translateZ(0) translate(0, 0);
    opacity: 1;
    background-color: #00aeef;
    width: 100%; } }
@-webkit-keyframes effect_14 {
  0% {
    width: 400px;
    background-color: #c8c8c8; }
  100% {
    -webkit-transform: translateZ(0) translate(0, 0);
    -ms-transform: translateZ(0) translate(0, 0);
    transform: translateZ(0) translate(0, 0);
    opacity: 1;
    background-color: #00aeef;
    width: 100px; } }
#cookies {
  background: #393c3d;
  color: white;
  margin-top: 0; }

#footer {
  background: #1c1e1f;
  color: white;
  padding: 75px 0 15px 0;
  font-size: 14px; }
  #footer .social-icons a {
    padding-right: 20px;
    padding-top: 10px;
    color: white;
    display: inline-block; }
  #footer p {
    font-size: 14px; }
  #footer .row {
    line-height: 25px; }

#copy {
  color: #5b6062;
  padding: 30px 0; }

div {
  font-size: 16px; }

#svg-logo svg.menu-open {
  display: none; }

.body-menu-open #svg-logo svg.menu-closed {
  display: none;
  z-index: 25; }
.body-menu-open #svg-logo svg.menu-open {
  display: block !important; }
.body-menu-open.home-site-body #svg-logo svg.menu-closed {
  display: block; }

.mgk-header-absolute h1 .tp-caption {
  left: 0 !important; }

header {
  background-attachment: fixed; }
  header canvas {
    top: 0;
    position: absolute;
    z-index: -1; }
  header.subpage .text-header-top {
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    margin: 6em 0 0 0;
    letter-spacing: 5px; }
  header.subpage .text-header-middle {
    color: white;
    font-size: 60px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0.6em 0 1em 0;
    line-height: 60px; }
  header.subpage .text-header-bottom {
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px; }

.owl-carousel .owl-item {
  display: table; }

#owl-demo .item img {
  max-width: 100%;
  height: auto; }
#owl-demo .owl-wrapper-outer {
  overflow: hidden; }
#owl-demo .owl-buttons > div {
  position: absolute;
  top: 17px;
  font-size: 53px; }
#owl-demo .owl-buttons .owl-prev {
  left: -25px; }
#owl-demo .owl-buttons .owl-next {
  right: -25px; }

#bottom-nav {
  margin: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 586; }
  #bottom-nav a {
    height: 91px; }

.video .overlay {
  background-image: url("/frontend/img/glowna-top2.jpg");
  background-position: center; }

ul.new-navbar {
  list-style: none;
  width: 100%; }
  ul.new-navbar a {
    color: white; }
  ul.new-navbar li {
    list-style: none; }
  ul.new-navbar > li {
    width: 100%;
    font-size: 22px; }
    ul.new-navbar > li > a {
      padding: 10px 63px;
      display: block;
      text-decoration: none; }
      ul.new-navbar > li > a:hover span {
        border-bottom: 1px solid white; }
    ul.new-navbar > li.expandable {
      position: relative;
      margin-bottom: 10px; }
      ul.new-navbar > li.expandable > a > span {
        border-bottom: 1px solid white; }
        ul.new-navbar > li.expandable > a > span > span.triangle {
          width: 0;
          height: 0;
          border-top: 10px solid white;
          border-left: 10px solid transparent;
          border-bottom: none;
          position: absolute;
          top: 40px;
          margin-left: -10px; }
    ul.new-navbar > li ul.sub:first-child {
      padding-left: 62px;
      margin-top: 1.5rem; }
    ul.new-navbar > li ul.sub > li {
      display: block; }
      ul.new-navbar > li ul.sub > li > a {
        display: inline-block;
        font-size: 18px;
        color: white;
        font-weight: 400;
        text-decoration: none;
        width: 100%;
        padding: 1rem 1rem 1.5rem; }
        ul.new-navbar > li ul.sub > li > a > .icon {
          float: left;
          font-size: 50px;
          margin-right: 20px; }
        ul.new-navbar > li ul.sub > li > a > span {
          font-weight: 300;
          font-size: 13px;
          color: #c6f0ff; }
        ul.new-navbar > li ul.sub > li > a:hover {
          background-color: white;
          color: #00aeef;
          -webkit-transition: background-color 500ms linear, color 500ms linear;
          -moz-transition: background-color 500ms linear, color 500ms linear;
          -o-transition: background-color 500ms linear, color 500ms linear;
          -ms-transition: background-color 500ms linear, color 500ms linear;
          transition: background-color 500ms linear, color 500ms linear; }
          ul.new-navbar > li ul.sub > li > a:hover .icon {
            color: #00aeef;
            -webkit-transition: color 500ms linear;
            -moz-transition: color 500ms linear;
            -o-transition: color 500ms linear;
            -ms-transition: color 500ms linear;
            transition: color 500ms linear; }
          ul.new-navbar > li ul.sub > li > a:hover span {
            color: #013c51 !important; }

#contact-form {
  margin-top: 0;
  padding-bottom: 40px;
  position: relative;
  z-index: 49; }
  #contact-form .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #00aeef;
    padding: 12px 6px;
    height: auto;
    font-size: 15px; }
  #contact-form label {
    text-transform: uppercase;
    margin: 20px 0px 5px 0px;
    font-size: 16px; }
  #contact-form button {
    background: #00aeef !important;
    border: none;
    font-size: 20px;
    color: white; }
  #contact-form #contact-form-message {
    border: 2px solid black;
    padding: 15px;
    color: black;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 128px;
    margin: 0px 15px 0px 15px; }
    #contact-form #contact-form-message .icon {
      border: 1px solid black;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 60px;
      height: 50px;
      display: inline-block;
      font-size: 30px;
      text-align: center;
      line-height: 30px;
      padding: 10px;
      float: left;
      margin: 0px 15px 0px 0px; }
    #contact-form #contact-form-message p {
      margin: 0px;
      line-height: 50px;
      text-transform: uppercase; }
    #contact-form #contact-form-message.danger {
      border: 2px solid #d01747; }
      #contact-form #contact-form-message.danger .icon {
        border: 2px solid #d01747;
        color: #d01747; }
    #contact-form #contact-form-message.success {
      border: 2px solid #88ba32; }
      #contact-form #contact-form-message.success .icon {
        border: 2px solid #88ba32;
        color: #88ba32; }

.button-offer a:last-child {
  margin-right: 0px; }

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