@charset "UTF-8";
/*
Theme Name: 1CON
Author: 1CONNECT
Description: Custom theme by 1CONNECT.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: html, bootstrap
Text Domain: bootstrap
*/
p,
div,
span,
h1 {
  color: #fff;
}

a {
  text-decoration: none !important;
}

body {
  font-family: 'Montserrat', sans-serif !important;
}

.no-flick {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

svg {
  overflow: visible !important;
}

#draw-arrow-2 {
  overflow: hidden !important;
}

.main-page-wrap {
  overflow: hidden;
  background-color: #1c184a;
}

.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.navbar-toggler {
  position: absolute;
  right: 0px;
  top: 15px;
  color: #fff;
}

.navbar-nav .nav-item.active-link .nav-link:before {
  width: 100%;
}

.navbar-nav .nav-item .nav-link {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  color: #fff;
  padding-bottom: 3px;
  position: relative;
  display: inline-block;
}

.navbar-nav .nav-item .nav-link:before {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-nav .nav-item .nav-link:hover:before {
  width: 100%;
  left: 0;
  right: auto;
}

.navbar-nav .nav-item a[title='WYCEŃ PROJEKT'],
.navbar-nav .nav-item a[title='SCHÄTZE DAS PROJEKT'] {
  color: #73d2fa;
  border: 1px solid #73d2fa;
  border-radius: 2rem;
  padding: 0.4rem 1.5rem;
  font-weight: 500;
}

.navbar-nav .nav-item a[title='WYCEŃ PROJEKT']:before,
.navbar-nav .nav-item a[title='SCHÄTZE DAS PROJEKT']:before {
  display: none;
}

.wpml-ls {
  text-transform: capitalize;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wpml-ls .wpml-ls-sub-menu .wpml-ls-item {
  margin-top: 6px;
}

.wpml-ls .wpml-ls-item:focus {
  outline: none;
}

.wpml-ls .wpml-ls-item:hover a {
  background-color: transparent;
  text-decoration: none;
}

.wpml-ls .wpml-ls-item a {
  background-color: transparent;
  border: none;
  padding-bottom: 2px;
}

.wpml-ls .wpml-ls-item a:hover {
  text-decoration: none;
}

.wpml-ls .wpml-ls-item a::after {
  color: #fff;
}

.wpml-ls .wpml-ls-item .wpml-ls-sub-menu {
  border-top: none;
}

.btn.round-btn {
  display: block;
  background-color: #3630a4;
  color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 3rem;
  -webkit-box-shadow: 0px 12px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 12px 7px rgba(0, 0, 0, 0.3);
}

.btn.round-btn span.round-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
}

.btn.round-btn span.round-txt a {
  color: #fff;
}

.btn.round-btn span.round-txt .right {
  display: inline-block;
  width: 2em;
  height: 2em;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 1.5em;
}

.btn.round-btn span.round-txt .right:after {
  content: '';
  display: inline-block;
  margin-top: 0.7em;
  margin-left: -0.2em;
  width: 0.7em;
  height: 0.7em;
  border-top: 0.2em solid #3630a4;
  border-right: 0.2em solid #3630a4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar {
  z-index: 999;
  position: absolute !important;
  left: 0;
  right: 0;
  background-color: transparent;
  color: #eef2f5;
}

#svgFirstStep {
  position: absolute;
  width: 100%;
  height: 100%;
}

#svgFirstStep polygon {
  position: absolute;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown .dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
}

.dropdown .dropdown-menu {
  margin-top: 0px;
  background-color: transparent;
  border: none;
}

.dropdown .dropdown-menu .dropdown-item {
  padding-left: 0.75rem;
}

.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}

.dropdown .dropdown-menu .dropdown-item a:hover {
  text-decoration: none;
}

.show > .btn-secondary.dropdown-toggle,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-secondary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.projects-section {
  position: relative;
  padding-top: 56px;
  background-color: #1c184a;
}

.projects-section .col-md-6:first-child {
  padding-left: 0px;
}

.projects-section .col-md-6:last-child {
  padding-right: 0px;
}

.projects-section #svgOne {
  position: absolute;
  margin-top: -56px;
  width: 100%;
  height: 100%;
}

.projects-section #svgOne polygon {
  position: absolute;
}

.projects-section .cards {
  margin-top: 6rem;
  min-height: 665px;
}

.projects-section .cards .card-desc {
  color: #fff;
  font-size: 2.2rem;
  font-weight: 300;
  margin-top: 100px;
  margin-bottom: 0px;
}

.projects-section .cards .card-desc .card-text {
  font-weight: 400;
  display: block;
}

.projects-section .cards .container-rotate b {
  color: #eef2f5;
  font-size: 2.3rem;
  font-weight: 400;
}

.projects-section .cards .container-rotate .ah-words-wrapper {
  padding-top: 0px;
  padding-bottom: 0px;
}

.projects-section .cards .btn.cost-btn {
  background-color: #eef2f5;
  color: #1c184a;
  border-radius: 2rem;
  padding: 0.5rem 1.5rem;
  margin-top: 5rem;
}

.projects-section .cards .btn.cost-btn .fa {
  margin-right: 10px;
}

.projects-section .cards .btn.cost-btn span.cost-txt {
  color: #1c184a;
  font-weight: 300;
  font-size: 0.8rem;
}

.projects-section .cards .btn.cost-btn span.cost-txt a {
  color: #1c184a;
}

.projects-section .cards .btn.cost-btn span.cost-txt a:hover {
  color: #1c184a;
}

.projects-section .stack {
  visibility: hidden;
}

.projects-section .stack .card-4 {
  left: 200px;
  top: 100px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.projects-section .stack .card-3 {
  left: 100px;
  top: 50px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.projects-section .stack .card-2 {
  left: 0px !important;
  top: 0px;
  -webkit-animation: stackfadein 300ms ease-in;
          animation: stackfadein 300ms ease-in;
}

.projects-section .stack-de .card-2,
.projects-section .stack-de .card-3,
.projects-section .stack-de .card-4 {
  top: 70px;
  left: 0 !important;
}

.projects-section .stack-de > .sheet {
  max-width: 100%;
  width: 100%;
}

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

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

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

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

.projects-section .stack-nav {
  opacity: 0;
}

.projects-section .arrow-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  margin-top: 2rem;
  left: 0;
  right: 0;
}

.projects-section .arrow-btn .svg-arrow-btn {
  position: relative;
  cursor: pointer;
}

.specializations-section {
  background-color: #1c184a;
}

.specializations-section .draw a {
  z-index: 999999;
  position: relative;
  display: block;
}

.specializations-section .section-title {
  margin-bottom: 8rem;
  font-size: 2.2rem;
}

.specializations-section .content .col-md-3:first-child {
  padding-left: 0px;
}

.specializations-section .content .col-md-3:last-child {
  padding-right: 0px;
}

.specializations-section .content .spec-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #fff;
}

.specializations-section .content .spec-desc {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #e5e5e5;
}

.specializations-section .content .col-md-3 {
  cursor: pointer;
  background: none;
  border: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  vertical-align: middle;
}

.specializations-section .content .col-md-3::before, .specializations-section .content .col-md-3::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

.specializations-section .draw-svg {
  height: 105px;
}

.specializations-section .round-btn {
  margin-top: 8rem;
  margin-left: auto;
  margin-right: auto;
}

.specializations-section .draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.specializations-section .draw::before, .specializations-section .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}

.specializations-section .draw::before {
  top: 0;
  left: 0;
}

.specializations-section .draw::after {
  bottom: 0;
  right: 0;
}

.specializations-section .draw:hover {
  color: #3024b4;
}

.specializations-section .draw:hover::before, .specializations-section .draw:hover::after {
  width: 100%;
  height: 100%;
}

.specializations-section .draw:hover::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
  -webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out 0.25s;
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out 0.25s;
}

.specializations-section .draw:hover::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  -webkit-transition: border-color 0s ease-in-out 0.5s, width 0.2s ease-in-out 0.5s, height 0.2s ease-in-out 0.75s;
  transition: border-color 0s ease-in-out 0.5s, width 0.2s ease-in-out 0.5s, height 0.2s ease-in-out 0.75s;
}

.specializations-section .meet:hover {
  color: #3024b4;
}

.specializations-section .meet::after {
  top: 0;
  left: 0;
}

.specializations-section .meet:hover::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
}

.specializations-section .meet:hover::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
}

.startup-section {
  background-color: #1c184a;
  position: relative;
  padding-top: 3rem;
  overflow: hidden;
}

.startup-section #svgStartup {
  position: absolute;
  z-index: 3;
  height: 100%;
  width: 100%;
}

.startup-section .bg-layer {
  position: absolute;
  width: 110%;
  height: 100%;
}

.startup-section .bg-layer-1 {
  background-color: #221d67;
  position: absolute;
  z-index: 1;
  width: 110%;
  height: 100%;
  margin-top: 6rem;
  left: -4rem;
  right: 10rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.startup-section .bg-layer-2 {
  background-color: #262078;
  position: absolute;
  z-index: 2;
  width: 110%;
  height: 100%;
  margin-top: 10rem;
  left: -4rem;
  right: 10rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.startup-section .container {
  position: relative;
  z-index: 4;
}

.startup-section .startup-reveal {
  visibility: hidden;
}

.startup-section .reveal-startup-btn {
  visibility: hidden;
}

.startup-section .startup-title {
  padding-top: 7rem;
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: 600;
}

.startup-section .startup-desc {
  font-size: 1.6rem;
  font-weight: 600;
}

.startup-section .startup-desc sup {
  top: -0.3em;
}

.startup-section .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.startup-section .col-md-6 .round-btn {
  margin-top: 25px;
}

.white-section {
  background-color: #eef2f5;
}

.white-section svg.svg-arrow-btn {
  position: relative;
  cursor: pointer;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.white-section .exp-section {
  position: relative;
}

.white-section .exp-section #svgExp {
  position: absolute;
  height: 100%;
  width: 100%;
}

.white-section .exp-section .exp-title {
  position: relative;
  color: #201c63;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 6rem;
}

.white-section .exp-section .notebook-section {
  position: relative;
}

.white-section .exp-section .notebook-section .head-container {
  position: absolute;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.9);
  width: 60rem;
  margin-left: -45rem;
  overflow: hidden;
  padding: 1.5rem 3rem;
}

.white-section .exp-section .notebook-section .head-container .wrap-txt {
  float: right;
}

.white-section .exp-section .notebook-section .head-container .title {
  color: #201c63;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.white-section .exp-section .notebook-section .head-container .desc {
  color: #201c63;
  font-size: 0.9rem;
}

.white-section .exp-section .notebook-section .foot-container {
  position: absolute;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.9);
  width: 90rem;
  margin-left: 35rem;
  overflow: hidden;
  padding: 1.5rem 3rem;
  bottom: 20px;
}

.white-section .exp-section .notebook-section .foot-container .wrap-txt {
  color: #000;
  font-size: 0.9rem;
}

.white-section .exp-section .notebook-section img {
  display: block;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.white-section .exp-section .round-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7rem;
}

.white-section .exp-section .svg-arrow-btn {
  margin-top: 6rem;
}

.white-section .numbers-section {
  margin-top: 3rem;
}

.white-section .numbers-section .draw-num {
  height: 105px;
}

.white-section .numbers-section .desc {
  color: #3630a4;
  font-weight: 600;
  margin-bottom: 0px;
}

.white-section .numbers-section .col-md-3 {
  position: relative;
}

.white-section .numbers-section .col-md-3::after {
  content: '';
  width: 1px;
  background-color: #cfcfcf;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
}

.white-section .numbers-section .col-md-3:last-child::after {
  display: none;
}

.white-section .section-separate {
  margin-top: 10rem;
  margin-bottom: 8rem;
  height: 0.01rem;
  background-color: #cfcfcf;
}

.white-section .about-section #svgAbout {
  position: absolute;
  height: 100%;
  width: 100%;
}

.white-section .about-section .about-title {
  position: relative;
  color: #201c63;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 3rem;
}

.white-section .about-section .quotation-mark {
  position: relative;
  width: 50px;
}

.white-section .about-section .quote-wrap {
  overflow: hidden;
  margin-bottom: 3rem;
}

.white-section .about-section .quote-wrap .quotation-mark {
  float: right;
}

.white-section .about-section .row {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.white-section .about-section .desc {
  color: #9a9a9a;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  min-height: 96px;
}

.white-section .about-section .name,
.white-section .about-section .co {
  color: #2d2966;
  font-size: 0.9rem;
}

.white-section .about-section .wrap-img {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.white-section .about-section .wrap-img .about-img {
  max-width: 50%;
}

.white-section .about-section .wrap-img .about-img.super-liga {
  max-width: 25%;
}

.white-section .trust-section {
  padding-bottom: 8rem;
}

.white-section .trust-section .trust-title {
  position: relative;
  color: #201c63;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 8rem;
}

.white-section .trust-section .owl-item {
  visibility: hidden;
}

.white-section .trust-section .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 70px;
}

.white-section .trust-section .logo img {
  height: 70px;
  width: auto;
  max-width: 100%;
}

.white-section .trust-section .logo img.wbk {
  height: 40px;
}

.first-step-section {
  position: relative;
  background-color: #1c184a;
}

.first-step-section .first-txt {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

.first-step-section .text-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.first-step-section .text-section .wrap-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.first-step-section .text-section .wrap-text img {
  opacity: 0.14;
  padding-top: 1rem;
  margin-left: -90%;
}

.first-step-section .text-section .wrap-text .txt {
  position: absolute;
}

.first-step-section .text-section .wrap-text .btn.round-btn {
  background-color: #fff;
  padding: 0.5rem 2rem;
  margin-top: 1.5rem;
}

.first-step-section .text-section .wrap-text .btn.round-btn .round-txt {
  color: #1c184a;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.first-step-section .text-section .wrap-text .btn.round-btn .round-txt a {
  color: #1c184a;
}

.first-step-section .text-section .wrap-text .btn.round-btn .round-txt .right {
  background-color: #1c184a;
}

.first-step-section .text-section .wrap-text .btn.round-btn .round-txt .right::after {
  border-top: 0.2em solid #ffffff;
  border-right: 0.2em solid #ffffff;
}

.contact-section {
  background-color: #eef2f5;
}

.contact-section h4 {
  color: #201c5f;
  font-size: 2.5rem;
}

.contact-section .row {
  padding-top: 7rem;
  padding-bottom: 4rem;
}

.contact-section .contact-head {
  display: block;
  text-transform: uppercase;
  color: #201c5f;
  margin-bottom: 0.5rem;
}

.contact-section .contact-info-col p {
  margin-bottom: 2rem;
}

.contact-section .contact-info-col .schema {
  margin-bottom: 2rem;
  color: #787878;
}

.contact-section .contact-info-col .schema div {
  color: #787878;
}

.contact-section .contact-info-col .schema p {
  margin-bottom: 0;
}

.contact-section .contact-info-col .schema span {
  color: #787878;
}

@media (min-width: 768px) {
  .contact-section .col-contact-form .reveal-contact-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 19.666667%;
            flex: 0 0 19.666667%;
    max-width: 19.666667%;
  }
}

.contact-section .desc,
.contact-section p {
  color: #787878;
}

.contact-section .row-map {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 50px;
}

.contact-section .row-map .col-md-8.col-contact-img {
  padding-left: 0px;
  padding-right: 0px;
}

.contact-section .row-map .col-md-8.col-contact-img #map {
  min-height: 300px;
  width: 100%;
}

.contact-section .row-map .col-md-8.col-contact-img img {
  max-width: 100%;
}

.contact-section .row-map .col-md-4.col-contact-dest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.contact-section .row-map .col-md-4.col-contact-dest .map-dest p {
  color: #3630a4;
  border-bottom: 1px solid #3630a4;
  cursor: pointer;
  margin-bottom: 0px;
}

.contact-section .row-map .col-md-4.col-contact-dest .map-dest:hover {
  text-decoration: none;
}

.contact-section .row-img {
  padding-top: 0px;
  padding-bottom: 0px;
}

.contact-section .row-img .col-md-3 {
  padding-left: 0px;
}

.contact-section .row-img img {
  max-width: 100%;
}

.contact-section .contact-form {
  margin-top: 4rem;
}

.contact-section .contact-form .wpcf7-quiz-label {
  color: #201c63 !important;
}

.contact-section .contact-form .col-contact-img {
  visibility: hidden;
}

.contact-section .contact-form .reveal-contact-img {
  visibility: hidden;
}

.contact-section .contact-form .wpcf7-tel,
.contact-section .contact-form .wpcf7-email,
.contact-section .contact-form .wpcf7-textarea,
.contact-section .contact-form .wpcf7-text,
.contact-section .contact-form .wpcf7-quiz {
  border: none;
  border-bottom: 1px solid #201c63;
  background-color: transparent;
  color: #201c63;
}

.contact-section .contact-form .wpcf7-tel:focus,
.contact-section .contact-form .wpcf7-email:focus,
.contact-section .contact-form .wpcf7-textarea:focus,
.contact-section .contact-form .wpcf7-text:focus,
.contact-section .contact-form .wpcf7-quiz:focus {
  outline: none;
}

.contact-section .contact-form .wpcf7-tel::-webkit-input-placeholder,
.contact-section .contact-form .wpcf7-email::-webkit-input-placeholder,
.contact-section .contact-form .wpcf7-textarea::-webkit-input-placeholder,
.contact-section .contact-form .wpcf7-text::-webkit-input-placeholder,
.contact-section .contact-form .wpcf7-quiz::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #201c63 !important;
  opacity: 1;
}

.contact-section .contact-form .wpcf7-tel:-moz-placeholder,
.contact-section .contact-form .wpcf7-email:-moz-placeholder,
.contact-section .contact-form .wpcf7-textarea:-moz-placeholder,
.contact-section .contact-form .wpcf7-text:-moz-placeholder,
.contact-section .contact-form .wpcf7-quiz:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #201c63 !important;
  opacity: 1;
}

.contact-section .contact-form .wpcf7-tel::-moz-placeholder,
.contact-section .contact-form .wpcf7-email::-moz-placeholder,
.contact-section .contact-form .wpcf7-textarea::-moz-placeholder,
.contact-section .contact-form .wpcf7-text::-moz-placeholder,
.contact-section .contact-form .wpcf7-quiz::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #201c63 !important;
  opacity: 1;
}

.contact-section .contact-form .wpcf7-tel:-ms-input-placeholder,
.contact-section .contact-form .wpcf7-email:-ms-input-placeholder,
.contact-section .contact-form .wpcf7-textarea:-ms-input-placeholder,
.contact-section .contact-form .wpcf7-text:-ms-input-placeholder,
.contact-section .contact-form .wpcf7-quiz:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #201c63 !important;
  opacity: 1;
}

.contact-section .contact-form .wpcf7-textarea {
  height: 140px;
}

.contact-section .contact-form .wpcf7 input[type='text'],
.contact-section .contact-form .wpcf7 input[type='email'],
.contact-section .contact-form .wpcf7 input[type='tel'],
.contact-section .contact-form .wpcf7 textarea,
.contact-section .contact-form label {
  width: 100%;
  margin-bottom: 10px;
}

.contact-section .contact-form .btn.round-btn {
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
  color: #787878 !important;
}

.wpcf7-response-output {
  padding-left: 0px !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
  border: none !important;
}

.main-footer {
  background-color: #1c184a;
  visibility: hidden;
}

.main-footer .container {
  padding: 0px;
  position: relative;
}

.main-footer .container .bg-logo {
  opacity: 0.4;
}

.main-footer .container img {
  max-width: 100%;
  width: 100%;
}

.main-footer .container .col-xl-8 {
  padding-top: 7rem;
}

.main-footer .container .social-footer {
  position: absolute;
  z-index: 1;
  padding-top: 7rem;
  padding-right: 22px;
  right: 0;
}

.main-footer .container .social-footer a {
  padding-left: 15px;
}

.main-footer .container .social-footer .in img,
.main-footer .container .social-footer .be img {
  height: 18px;
  width: auto;
}

.main-footer .container .social-footer .git img {
  height: 27px;
  width: auto;
}

.main-footer .container .social-footer .fb img,
.main-footer .container .social-footer .tw img {
  height: 17px;
  width: auto;
}

.main-footer .container .copyright {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0px;
}

.main-footer .container .copyright .foot-line {
  height: 1px;
  background-color: #2d2874;
}

.main-footer .container .copyright .txt {
  float: left;
  text-align: left;
  color: #75757e;
}

.main-footer .container .copyright a {
  color: #75757e;
  float: right;
}

.main-footer .title {
  margin-bottom: 0px;
  font-weight: 600;
}

.main-footer .link {
  margin-bottom: 0px;
  color: #b3b1b8;
}

#draw-svg-proj path,
#draw-svg-serv path,
#draw-svg-mobile path,
#draw-svg-inov path {
  stroke: #4169ba;
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 10;
}

#draw-svg-inov .st2 {
  stroke-width: 3;
  fill: #4169ba;
}

#draw-svg-rocket path,
#draw-svg-rocket polyline,
#draw-svg-rocket line,
#draw-svg-rocket rect,
#draw-svg-office path,
#draw-svg-office polyline,
#draw-svg-office line,
#draw-svg-office rect,
#draw-svg-spec path,
#draw-svg-spec polyline,
#draw-svg-spec line,
#draw-svg-spec rect,
#draw-svg-projects path,
#draw-svg-projects polyline,
#draw-svg-projects line,
#draw-svg-projects rect {
  stroke: #5d6472;
  stroke-width: 10px;
  fill: none;
}

#draw-svg-rocket .st24,
#draw-svg-rocket .st1,
#draw-svg-rocket .line1,
#draw-svg-office .st24,
#draw-svg-office .st1,
#draw-svg-office .line1,
#draw-svg-spec .st24,
#draw-svg-spec .st1,
#draw-svg-spec .line1,
#draw-svg-projects .st24,
#draw-svg-projects .st1,
#draw-svg-projects .line1 {
  stroke: #5d6472;
  fill: #5d6472;
  stroke-width: 0px;
}

#draw-svg-rocket .st27,
#draw-svg-office .st27,
#draw-svg-spec .st27,
#draw-svg-projects .st27 {
  stroke-width: 5px;
}

.container-rotate {
  position: relative;
}

.container-rotate h1 {
  font-size: 2.2rem;
}

.container-rotate p {
  font-size: 2.2rem;
  font-weight: 500;
}

.container-rotate .w1 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.container-rotate .w2,
.container-rotate .w3 {
  opacity: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}

.container-rotate .w1,
.container-rotate .w2,
.container-rotate .w3 {
  transition: all 300ms ease-in;
  -webkit-transition: all 300ms ease-in;
  position: absolute;
}

.slide-in-rotate {
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important;
  opacity: 1 !important;
}

.slide-out-rotate {
  transform: translateY(100%) !important;
  -webkit-transform: translateY(100%) !important;
  opacity: 0 !important;
}

.reset-rotate {
  transform: translateY(-100%) !important;
  -webkit-transform: translateY(-100%) !important;
  opacity: 0 !important;
}

.hide {
  visibility: hidden !important;
}

.header-section {
  background-color: #1c184a;
  position: relative;
  overflow: hidden;
}

.header-section .bg-layer {
  position: absolute;
  z-index: 1;
  bottom: -90px;
  width: 110%;
  height: 100%;
}

.header-section .bg-layer-1 {
  background-color: #221d67;
  position: absolute;
  z-index: 1;
  width: 110%;
  height: 100%;
  margin-top: 6rem;
  left: -4rem;
  right: 10rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.header-section .bg-layer-2 {
  background-color: #262078;
  position: absolute;
  z-index: 2;
  width: 110%;
  height: 100%;
  margin-top: 10rem;
  left: -4rem;
  right: 10rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.header-section .main-title {
  position: relative;
  z-index: 2;
  padding-top: 9rem;
  padding-bottom: 5rem;
}

.header-section .container {
  position: relative;
  z-index: 2;
}

.header-section .container .projects-nav {
  padding-bottom: 2rem;
}

.header-section .container .projects-nav .proj-link {
  color: #544ed4;
  background-color: transparent;
  text-transform: capitalize;
  cursor: pointer;
}

.header-section .container .projects-nav .proj-link:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.header-section .container .projects-nav .active-cat {
  color: #fff;
}

.projects-container {
  background-color: #eef2f5;
}

.projects-container > p {
  margin-bottom: 0px;
}

.projects-container br {
  display: none;
}

.projects-container .arrow-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0;
  z-index: 2;
  left: 0;
  right: 0;
}

.projects-container .arrow-btn .svg-arrow-btn {
  cursor: pointer;
}

.projects-container .proj-img img {
  max-width: 100%;
}

.projects-container .carousel-item-next.carousel-item-left,
.projects-container .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.projects-container .carousel-item-next,
.projects-container .active.carousel-item-right {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.projects-container .carousel-item-prev,
.projects-container .active.carousel-item-left {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100, 0);
}

.projects-container .carousel-indicators {
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

.projects-container .carousel-indicators li {
  border-radius: 10px;
  margin: 8px 3px;
  padding: 0px;
  height: 10px;
  max-width: 10px;
  border: none;
  background-color: #c4c4c4;
}

.projects-container .carousel-indicators .active {
  background-color: #2c2587;
  border: none;
  max-width: 10px;
  padding: 0px;
  margin: 8px 3px;
  height: 10px;
}

.projects-container .carousel-control-next {
  visibility: hidden;
}

.projects-container .proj-category {
  color: #73d2fa;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
  margin-top: 20px;
}

.projects-container .proj-title {
  color: #201c63;
  font-size: 1.4rem;
  margin-bottom: 1.3rem;
  font-weight: 600;
}

.projects-container .proj-desc p {
  color: #696969;
}

.projects-container .proj-list-header {
  color: #696969;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

.projects-container .proj-list {
  color: #696969;
  padding-left: 20px;
  margin-bottom: 3.5rem;
}

.projects-container .proj-list li {
  padding-left: 0px;
  overflow: initial;
  list-style: initial;
  margin-bottom: 0.3rem;
}

.projects-container .proj-tech span,
.projects-container .proj-scope span {
  color: #696969;
}

.projects-container .proj-tech h5,
.projects-container .proj-scope h5 {
  color: #696969;
  float: left;
  display: block;
  width: 161px;
  font-size: 1rem;
}

.projects-container .proj-tech .tech-list,
.projects-container .proj-tech .scope-list,
.projects-container .proj-scope .tech-list,
.projects-container .proj-scope .scope-list {
  color: #696969;
  padding-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}

.projects-container .proj-tech .tech-list li,
.projects-container .proj-tech .scope-list li,
.projects-container .proj-scope .tech-list li,
.projects-container .proj-scope .scope-list li {
  padding-left: 40px;
  margin-bottom: 7px;
  float: left;
  list-style: none;
}

.projects-container .proj-tech .scope-list,
.projects-container .proj-scope .scope-list {
  margin-top: 5px;
}

.projects-container .btn.round-btn {
  background-color: transparent;
  border: 1px solid #3630a4;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 1.2rem;
  padding: 0.8rem 3rem;
  margin-top: 5rem;
}

.projects-container .btn.round-btn .round-txt {
  color: #3630a4;
}

.projects-container .ajax-load-more-wrap {
  position: relative;
}

.projects-container .ajax-load-more-wrap .slide .carousel-inner {
  height: 608px;
}

.projects-container .ajax-load-more-wrap .slide .carousel-inner .proj-img {
  height: 608px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.projects-container .ajax-load-more-wrap .slide .carousel-inner .proj-img img {
  max-height: 100%;
}

.projects-container .ajax-load-more-wrap div[id^='aplikacje-webowe-NP-HomeHunting'] .carousel-inner,
.projects-container .ajax-load-more-wrap div[id^='web-apps-NP-HomeHunting'] .carousel-inner {
  height: 500px;
}

.projects-container .ajax-load-more-wrap div[id^='aplikacje-webowe-NP-HomeHunting'] .carousel-inner .proj-img,
.projects-container .ajax-load-more-wrap div[id^='web-apps-NP-HomeHunting'] .carousel-inner .proj-img {
  height: 500px;
}

.projects-container .ajax-load-more-wrap div[id^='aplikacje-mobilne-Parrot-Fush-Fun'] .carousel-inner,
.projects-container .ajax-load-more-wrap div[id^='aplikacje-mobilne-Prawo-News'] .carousel-inner,
.projects-container .ajax-load-more-wrap div[id^='mobile-Apps-Parrot'] .carousel-inner,
.projects-container .ajax-load-more-wrap div[id*='BZWBK'] .carousel-inner {
  height: 500px;
}

.projects-container .ajax-load-more-wrap div[id^='aplikacje-mobilne-Parrot-Fush-Fun'] .carousel-inner .proj-img,
.projects-container .ajax-load-more-wrap div[id^='aplikacje-mobilne-Prawo-News'] .carousel-inner .proj-img,
.projects-container .ajax-load-more-wrap div[id^='mobile-Apps-Parrot'] .carousel-inner .proj-img,
.projects-container .ajax-load-more-wrap div[id*='BZWBK'] .carousel-inner .proj-img {
  height: 500px;
}

.projects-container .alm-btn-wrap {
  padding-bottom: 0px;
  padding-top: 0px;
}

.projects-container .alm-btn-wrap .alm-load-more-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.projects-container .project-separate {
  margin-top: 6rem;
  margin-bottom: 7rem;
  height: 0.01rem;
  background-color: #cfcfcf;
}

.projects-container .link-wrap {
  margin-top: 60px;
}

.projects-container .link-wrap .web-url {
  color: #73d2fa;
  font-size: 18px;
  font-weight: 400;
}

.projects-container .link-wrap .web-url:hover {
  color: #73d2fa;
}

.show-projects {
  display: block !important;
  opacity: 1;
}

.wszystkie,
.mobilne,
.webowe {
  visibility: hidden;
  opacity: 1;
}

.alm-listing {
  display: none;
}

.alm-reveal:last-child .project-separate:last-child {
  margin-bottom: 0px;
}

.single-project-content {
  background-color: #eef2f5;
}

.single-project-content .embed-container {
  position: relative;
  padding-bottom: 60.5%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.single-project-content .embed-container .vp-player-layout {
  width: 100% !important;
}

.single-project-content .embed-container iframe,
.single-project-content .embed-container object,
.single-project-content .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
}

.single-project-content img {
  max-width: 100%;
  height: auto;
}

.single-project-content .row {
  padding-left: 0px;
  padding-right: 0px;
}

.single-project-content .featured-img {
  width: 100%;
}

.single-project-content ul {
  padding-left: 10px;
  list-style-type: disc;
}

.single-project-content h1 {
  font-size: 36px;
  font-weight: 600;
  color: #201c63;
  margin-bottom: 50px;
  padding-top: 100px;
}

.single-project-content h2,
.single-project-content h4 {
  font-size: 36px;
  font-weight: 600;
  color: #201c63;
  margin-bottom: 50px;
  padding-top: 100px;
}

.single-project-content p,
.single-project-content li,
.single-project-content a {
  font-size: 16px;
  color: #696969;
}

.single-project-content p {
  margin-bottom: 0px;
}

.single-project-content a {
  color: #73d2fa;
  font-weight: 500;
}

.single-project-content .wrap-case {
  padding-bottom: 0px;
}

.single-project-content .wrap-case p {
  text-align: center;
}

.single-project-content .next-project {
  margin-top: 150px;
  margin-bottom: 50px;
}

.single-project-content .next-project a {
  font-size: 34px;
  font-weight: 600;
  color: #201c63;
}

.single-project-content .all-projects {
  padding-bottom: 30px;
}

.single-project-content .all-projects a {
  font-size: 22px;
  font-weight: 600;
  color: #201c63;
}

.single-project-content .empty-space {
  margin-top: 150px;
}

.single-project-content .project-title {
  padding-top: 10px;
  font-size: 36px;
  font-weight: 600;
  color: #201c63;
  margin-bottom: 50px;
}

.single-project-content .proj-cat {
  padding-top: 80px;
  color: #73d2fa;
  font-size: 18px;
  text-transform: uppercase;
}

.impressum-container {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #eef2f5;
}

.impressum-container .container div {
  padding-bottom: 40px;
}

.impressum-container h2 {
  color: #201c63;
  margin-bottom: 15px;
}

.impressum-container h3 {
  color: #201c63;
  font-size: 1.5rem;
}

.impressum-container p,
.impressum-container ul li {
  color: #6b6b6b;
  font-size: 18px;
}

@media only screen and (max-width: 414px) {
  .specializations-section .section-title {
    margin-bottom: 1rem;
  }
  .specializations-section .round-btn {
    margin-top: 1rem;
  }
  .startup-section {
    padding-top: 0px;
  }
  .startup-section .startup-title {
    padding-top: 11rem;
    font-size: 1.9rem;
  }
  .startup-section #draw-arrow-2 {
    display: none;
  }
  .startup-section .btn.round-btn {
    margin-bottom: 2rem;
  }
}

.page-282 h4,
.page-362 h4,
.page-940 h4 {
  font-size: 2.5rem;
  position: relative;
}

.page-282 .section-title,
.page-362 .section-title,
.page-940 .section-title {
  position: relative;
}

.page-282 .step-title,
.page-362 .step-title,
.page-940 .step-title {
  position: relative;
  visibility: hidden;
  margin-bottom: 8rem;
}

.page-282 #svgAboutUs,
.page-282 #svgAboutUsRole,
.page-282 #svgAboutUsGallery,
.page-282 #svgAboutUsProjects,
.page-362 #svgAboutUs,
.page-362 #svgAboutUsRole,
.page-362 #svgAboutUsGallery,
.page-362 #svgAboutUsProjects,
.page-940 #svgAboutUs,
.page-940 #svgAboutUsRole,
.page-940 #svgAboutUsGallery,
.page-940 #svgAboutUsProjects {
  position: absolute;
  width: 100%;
  height: 100%;
}

.page-282 #svgAboutUs polygon,
.page-282 #svgAboutUsRole polygon,
.page-282 #svgAboutUsGallery polygon,
.page-282 #svgAboutUsProjects polygon,
.page-362 #svgAboutUs polygon,
.page-362 #svgAboutUsRole polygon,
.page-362 #svgAboutUsGallery polygon,
.page-362 #svgAboutUsProjects polygon,
.page-940 #svgAboutUs polygon,
.page-940 #svgAboutUsRole polygon,
.page-940 #svgAboutUsGallery polygon,
.page-940 #svgAboutUsProjects polygon {
  position: absolute;
}

.page-282 #svgAboutUsProjects,
.page-362 #svgAboutUsProjects,
.page-940 #svgAboutUsProjects {
  z-index: 3;
}

.offer-container {
  background-color: #1c184a;
}

.offer-container h4 {
  font-size: 2.2rem;
}

.offer-container h5 {
  font-size: 1.5rem;
}

.offer-container .tech-col {
  visibility: hidden;
}

.offer-container .circle-reveal {
  visibility: hidden;
}

.offer-container .offer-wrap {
  position: relative;
}

.offer-container #svgOffer {
  position: absolute;
  width: 100%;
  height: 100%;
}

.offer-container #svgOffer polygon {
  position: absolute;
}

.offer-container .arrow-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0;
  z-index: 2;
  left: 0;
  right: 0;
}

.offer-container .arrow-btn .svg-arrow-btn {
  cursor: pointer;
}

.offer-container .offer-intro {
  padding: 5rem 0;
}

.offer-container .offer-intro .img-col img {
  max-width: 100%;
  width: 100%;
}

.offer-container .specializations-section {
  padding: 40px 0;
  background-color: #1c184a;
}

.offer-container .specializations-section .section-title {
  margin-bottom: 8rem;
  font-size: 2.2rem;
  position: relative;
}

.offer-container .specializations-section .content .col-md-3:first-child {
  padding-left: 0px;
}

.offer-container .specializations-section .content .col-md-3:last-child {
  padding-right: 0px;
}

.offer-container .specializations-section .content .spec-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.offer-container .specializations-section .content .spec-desc {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #e5e5e5;
}

.offer-container .specializations-section .content .col-md-3 {
  cursor: pointer;
  background: none;
  border: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  vertical-align: middle;
}

.offer-container .specializations-section .content .col-md-3::before, .offer-container .specializations-section .content .col-md-3::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

.offer-container .specializations-section .draw-svg {
  height: 105px;
}

.offer-container .specializations-section .round-btn {
  margin-top: 8rem;
  margin-left: auto;
  margin-right: auto;
}

.offer-container .specializations-section .draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.offer-container .specializations-section .draw a {
  z-index: 999999;
  position: relative;
  display: block;
}

.offer-container .specializations-section .draw::before, .offer-container .specializations-section .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}

.offer-container .specializations-section .draw::before {
  top: 0;
  left: 0;
}

.offer-container .specializations-section .draw::after {
  bottom: 0;
  right: 0;
}

.offer-container .specializations-section .draw:hover {
  color: #3024b4;
}

.offer-container .specializations-section .draw:hover::before, .offer-container .specializations-section .draw:hover::after {
  width: 100%;
  height: 100%;
}

.offer-container .specializations-section .draw:hover::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
  -webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out 0.25s;
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out 0.25s;
}

.offer-container .specializations-section .draw:hover::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  -webkit-transition: border-color 0s ease-in-out 0.5s, width 0.2s ease-in-out 0.5s, height 0.2s ease-in-out 0.75s;
  transition: border-color 0s ease-in-out 0.5s, width 0.2s ease-in-out 0.5s, height 0.2s ease-in-out 0.75s;
}

.offer-container .specializations-section .meet:hover {
  color: #3024b4;
}

.offer-container .specializations-section .meet::after {
  top: 0;
  left: 0;
}

.offer-container .specializations-section .meet:hover::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
}

.offer-container .specializations-section .meet:hover::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
}

.offer-container .technology-section {
  padding: 40px 0;
}

.offer-container .technology-section .section-title {
  margin-bottom: 8rem;
  font-size: 2.2rem;
}

.offer-container .technology-section .content .col-lg-3 .technology-title-link {
  color: white;
  text-decoration: none;
  text-align: center;
}

.offer-container .technology-section .content .col-lg-3 .technology-title-link .technology-title {
  margin-bottom: 15px;
  font-size: 1.5rem;
}

.offer-container .technology-section .content .col-lg-3 .technology-title-link .technology-title:before {
  content: url("../../../wp-content/uploads/2018/03/button_down.png");
  position: relative;
  top: 10px;
  margin-right: 5px;
}

.offer-container .technology-section .content .col-lg-3 .active .technology-title:before {
  content: url("../../../wp-content/uploads/2018/03/button_up.png");
}

.offer-container .technology-section .content .col-lg-3 .technology-list {
  list-style-type: none;
  padding: 0;
  padding-left: 6rem;
  margin-top: 0px;
  margin-bottom: 0px;
}

.offer-container .technology-section .content .col-lg-3 .technology-list li {
  margin-bottom: 10px;
  color: #e5e5e5;
}

.offer-container .technology-section .content .col-lg-3 .technology-list li:last-child {
  margin-bottom: 0;
}

.offer-container .proces-section {
  padding: 40px 0;
}

.offer-container .proces-section .section-title {
  margin-bottom: 0;
  font-size: 2.2rem;
}

.offer-container .proces-section .circles {
  margin-bottom: 30px;
  padding: 4rem 0;
  background: url("../../../wp-content/uploads/2018/03/dash.png");
  background-size: contain;
  background-position: center 28%;
  background-repeat: no-repeat;
}

.offer-container .proces-section .circles .col-lg-3 {
  text-align: center;
}

.offer-container .proces-section .circles .col-lg-3 .circle {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 14rem;
  height: 14rem;
}

.offer-container .proces-section .circles .col-lg-3 .circle .firstCircle,
.offer-container .proces-section .circles .col-lg-3 .circle .secondCircle,
.offer-container .proces-section .circles .col-lg-3 .circle .thirdCircle,
.offer-container .proces-section .circles .col-lg-3 .circle .fourthCircle {
  top: 22%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  border-radius: 50%;
  position: absolute;
  vertical-align: middle;
}

.offer-container .proces-section .circles .col-lg-3 .circle .firstCircle {
  width: 8rem;
  height: 8rem;
  font-weight: bold;
  font-size: 2.2rem;
  padding: 2.4rem;
  z-index: 9999;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#126bc3+0,1e43a6+51,25228d+100 */
  background: #126bc3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#126bc3), color-stop(51%, #1e43a6), to(#25228d));
  background: linear-gradient(to bottom, #126bc3 0%, #1e43a6 51%, #25228d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126bc3', endColorstr='#25228d', GradientType=0);
  /* IE6-9 */
}

.offer-container .proces-section .circles .col-lg-3 .circle .secondCircle,
.offer-container .proces-section .circles .col-lg-3 .circle .thirdCircle,
.offer-container .proces-section .circles .col-lg-3 .circle .fourthCircle {
  width: 8rem;
  height: 8rem;
  z-index: 10;
  border: 2px solid #126bc3;
  opacity: 0;
}

.offer-container .proces-section .circles .col-lg-3 .circle:hover .secondCircle {
  left: 21.5%;
  animation: 3000ms pulse ease-out infinite;
  -webkit-animation: 3000ms pulse ease-out infinite;
  opacity: 1;
}

.offer-container .proces-section .circles .col-lg-3 .circle:hover .thirdCircle {
  left: 21.5%;
  animation: 2000ms pulse ease-out infinite;
  -webkit-animation: 2000ms pulse ease-out infinite;
  opacity: 1;
}

.offer-container .proces-section .circles .col-lg-3 .circle:hover .fourthCircle {
  left: 21.5%;
  animation: 1000ms pulse ease-out infinite;
  -webkit-animation: 1000ms pulse ease-out infinite;
  opacity: 1;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(1);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(1.3);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(1.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}

.offer-container .proces-section .content h4,
.offer-container .proces-section .content p {
  text-align: center;
}

.offer-container .proces-section .content h4 {
  font-weight: bold;
  margin-bottom: 25px;
}

.offer-container .projects-section {
  background-color: #1c184a;
  position: relative;
  padding-top: 3rem;
  overflow: hidden;
}

.offer-container .projects-section #svgProjects,
.offer-container .projects-section #svgOfferProjects {
  position: absolute;
  z-index: 3;
  height: 100%;
  width: 100%;
}

.offer-container .projects-section .bg-layer {
  position: absolute;
  width: 110%;
  height: 100%;
}

.offer-container .projects-section .bg-layer-1 {
  background-color: #221d67;
  position: absolute;
  z-index: 1;
  width: 110%;
  height: 100%;
  margin-top: 6rem;
  left: -4rem;
  right: 10rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.offer-container .projects-section .bg-layer-2 {
  background-color: #262078;
  position: absolute;
  z-index: 2;
  width: 110%;
  height: 100%;
  margin-top: 10rem;
  left: -4rem;
  right: 10rem;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.offer-container .projects-section .container {
  position: relative;
  z-index: 4;
}

.offer-container .projects-section .projects-reveal {
  visibility: hidden;
}

.offer-container .projects-section .reveal-projects-btn {
  visibility: hidden;
}

.offer-container .projects-section .projects-title {
  padding-top: 7rem;
  margin-bottom: 0.5rem;
  font-size: 2rem;
  font-weight: 600;
}

.offer-container .projects-section .col-md-6 {
  padding-left: 0px;
  padding-right: 0px;
}

.offer-container .projects-section .col-md-6 .round-btn {
  margin-top: 25px;
}

.aboutus-container .gallery-section {
  padding: 40px 0;
}

.aboutus-container .gallery-section .section-title {
  margin-bottom: 8rem;
  font-size: 2.2rem;
  position: relative;
}

.aboutus-container .gallery-section .content .loading-bar {
  display: none;
}

.aboutus-container .offer-intro .txt-col {
  padding-left: 50px;
}

.aboutus-container .offer-intro .txt-col img {
  opacity: 0.14;
  margin-left: -7%;
  max-width: 10%;
}

.aboutus-container .offer-intro .txt-col .wrap-txt {
  position: absolute;
  top: 9%;
}

.aboutus-container .draw-svg {
  height: 150px;
  overflow: visible;
  margin-bottom: 20px;
}

.aboutus-container .draw-svg path {
  stroke: #4169ba;
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 6;
}

.aboutus-container .role-section .section-title {
  margin-bottom: 150px;
}

.aboutus-container .role-section .section-title .spec-title {
  font-size: 24px;
  font-weight: 500;
}

.aboutus-container .role-section .row {
  margin-bottom: 100px;
}

.aboutus-container .gallery-section .content {
  visibility: hidden;
}

.aboutus-container .gallery-section .ftg-loaded:hover a::before {
  display: none;
}

.aboutus-container .gallery-section .ftg-loaded:hover a .item {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.aboutus-container .gallery-section .ftg-loaded a .item {
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  -webkit-transition: -webkit-filter 0.3s ease-in-out;
  transition: -webkit-filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

#lightbox {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#lightbox .lb-image {
  border: none;
}

#lightbox .lb-outerContainer {
  position: initial;
  background-color: transparent;
}

#lightbox .lb-outerContainer .lb-nav {
  height: 100vh;
  display: block !important;
  opacity: 1 !important;
}

#lightbox .lb-outerContainer .lb-nav .lb-next,
#lightbox .lb-outerContainer .lb-nav .lb-prev {
  display: block !important;
  opacity: 1 !important;
  -webkit-filter: none;
          filter: none;
}

#lightbox .lb-outerContainer .lb-loader {
  display: none !important;
}

#lightbox .lb-dataContainer {
  position: absolute;
  display: block !important;
  opacity: 1 !important;
  z-index: 99;
  width: 100% !important;
  padding-right: 25px;
  top: 0;
}

#lightbox .lb-dataContainer .lb-data .lb-number {
  display: none !important;
}

.show-posts {
  display: block !important;
}

.wrap-posts {
  background-color: #eef2f5;
  padding-top: 100px;
  padding-bottom: 50px;
}

.wrap-posts .wrap-post {
  margin-bottom: 100px;
}

.wrap-posts .post-img {
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
}

.wrap-posts .post-date,
.wrap-posts .post-desc p {
  color: #6b6b6b;
  font-size: 16px;
}

.wrap-posts .post-title {
  font-size: 24px;
  color: #201c63;
  font-weight: 600;
}

.wrap-posts .post-desc {
  max-height: 165px;
  overflow: hidden;
}

.wrap-posts .read-more {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.wrap-posts .pods-pagination-advanced {
  display: none;
}

.wrap-posts .pods-pagination-paginate {
  display: block;
  width: 100%;
  text-align: center;
}

.wrap-posts .pods-pagination-paginate .page-numbers {
  padding-left: 7px;
  padding-right: 7px;
  color: #201c63;
  font-size: 20px;
}

.wrap-posts .pods-pagination-paginate .current {
  color: #544ed4;
}

.wrap-posts .pods-pagination-paginate a:hover {
  text-decoration: none;
}

.wrap-posts .wrap-projects {
  display: none;
  visibility: hidden;
}

.wrap-posts .show-posts {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.page-358 .step-title,
.page-442 .step-title {
  font-size: 30px;
  margin-bottom: 70px;
  position: relative;
}

.page-358 .draw label,
.page-442 .draw label {
  width: 100%;
}

.page-358 input[type='email'],
.page-358 input[type='tel'],
.page-358 textarea,
.page-442 input[type='email'],
.page-442 input[type='tel'],
.page-442 textarea {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #3024b4;
  color: #fff;
  margin-bottom: 50px;
}

.page-358 input[type='email']:focus,
.page-358 input[type='tel']:focus,
.page-358 textarea:focus,
.page-442 input[type='email']:focus,
.page-442 input[type='tel']:focus,
.page-442 textarea:focus {
  outline: none;
}

.page-358 input[type='email']::-webkit-input-placeholder,
.page-358 input[type='tel']::-webkit-input-placeholder,
.page-358 textarea::-webkit-input-placeholder,
.page-442 input[type='email']::-webkit-input-placeholder,
.page-442 input[type='tel']::-webkit-input-placeholder,
.page-442 textarea::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #fff;
}

.page-358 input[type='email']:-moz-placeholder,
.page-358 input[type='tel']:-moz-placeholder,
.page-358 textarea:-moz-placeholder,
.page-442 input[type='email']:-moz-placeholder,
.page-442 input[type='tel']:-moz-placeholder,
.page-442 textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

.page-358 input[type='email']::-moz-placeholder,
.page-358 input[type='tel']::-moz-placeholder,
.page-358 textarea::-moz-placeholder,
.page-442 input[type='email']::-moz-placeholder,
.page-442 input[type='tel']::-moz-placeholder,
.page-442 textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

.page-358 input[type='email']:-ms-input-placeholder,
.page-358 input[type='tel']:-ms-input-placeholder,
.page-358 textarea:-ms-input-placeholder,
.page-442 input[type='email']:-ms-input-placeholder,
.page-442 input[type='tel']:-ms-input-placeholder,
.page-442 textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.page-358 label,
.page-442 label {
  width: 100%;
  cursor: pointer;
  background: none;
  border: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  vertical-align: middle;
}

.page-358 label::before, .page-358 label::after,
.page-442 label::before,
.page-442 label::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

.page-358 .wpcf7-submit,
.page-442 .wpcf7-submit {
  display: block;
  background-color: #3630a4;
  color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 3rem;
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.page-358 .draw,
.page-442 .draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.page-358 .draw::before, .page-358 .draw::after,
.page-442 .draw::before,
.page-442 .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}

.page-358 .draw::before,
.page-442 .draw::before {
  top: 0;
  left: 0;
}

.page-358 .draw::after,
.page-442 .draw::after {
  bottom: 0;
  right: 0;
}

.page-358 .draw:hover,
.page-442 .draw:hover {
  color: #3024b4;
}

.page-358 .draw:hover::before, .page-358 .draw:hover::after,
.page-442 .draw:hover::before,
.page-442 .draw:hover::after {
  width: 100%;
  height: 100%;
}

.page-358 .draw:hover::before,
.page-442 .draw:hover::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
  -webkit-transition: width 0.2s ease-in-out, height 0.2s ease-in-out 0.25s;
  transition: width 0.2s ease-in-out, height 0.2s ease-in-out 0.25s;
}

.page-358 .draw:hover::after,
.page-442 .draw:hover::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  -webkit-transition: border-color 0s ease-in-out 0.5s, width 0.2s ease-in-out 0.5s, height 0.2s ease-in-out 0.75s;
  transition: border-color 0s ease-in-out 0.5s, width 0.2s ease-in-out 0.5s, height 0.2s ease-in-out 0.75s;
}

.page-358 .meet:hover,
.page-442 .meet:hover {
  color: #3024b4;
}

.page-358 .meet::after,
.page-442 .meet::after {
  top: 0;
  left: 0;
}

.page-358 .meet:hover::before,
.page-442 .meet:hover::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
}

.page-358 .meet:hover::after,
.page-442 .meet:hover::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  -webkit-transition: height 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out 0.2s;
}

.page-358 .active::before,
.page-442 .active::before {
  border-top-color: #3024b4;
  border-right-color: #3024b4;
  width: 100%;
  height: 100%;
}

.page-358 .active::after,
.page-442 .active::after {
  border-bottom-color: #3024b4;
  border-left-color: #3024b4;
  width: 100%;
  height: 100%;
}

.page-358 .active .draw-svg path,
.page-442 .active .draw-svg path {
  stroke: #fff;
}

.page-358 .pricing-form .button,
.page-442 .pricing-form .button {
  display: none;
}

.page-358 .pricing-form p,
.page-442 .pricing-form p {
  margin-bottom: 0px;
}

.page-358 .pricing-form input[type='email'],
.page-442 .pricing-form input[type='email'] {
  margin-bottom: 10px;
}

.page-358 .pricing-form input[type='tel'],
.page-358 .pricing-form textarea,
.page-442 .pricing-form input[type='tel'],
.page-442 .pricing-form textarea {
  margin-bottom: 10px;
  margin-top: 40px;
}

.page-358 .pricing-form .wpcf7-validation-errors,
.page-442 .pricing-form .wpcf7-validation-errors {
  max-width: 50%;
  margin-left: auto !important;
  margin-right: auto;
}

.page-358 .pricing-form .wpcf7-submit,
.page-442 .pricing-form .wpcf7-submit {
  cursor: pointer;
}

.page-358 .pricing-form .wpcf7-submit:focus,
.page-442 .pricing-form .wpcf7-submit:focus {
  outline: none;
}

.page-358 .pricing-form .spec-title,
.page-442 .pricing-form .spec-title {
  font-weight: 500;
}

.page-358 .pricing-form .spec-desc,
.page-442 .pricing-form .spec-desc {
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.page-358 .offer-container .projects-section .projects-reveal {
  visibility: visible;
}

.page-358 #svgCostProjects,
.page-358 #svgCost {
  position: absolute;
  width: 100%;
  height: 100%;
}

.page-358 #svgCostProjects polygon,
.page-358 #svgCost polygon {
  position: absolute;
}

.page-358 #svgCostProjects {
  z-index: 3;
}

.single-post-content {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #eef2f5;
}

.single-post-content .featured-img {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
  max-width: 418px;
}

.single-post-content .post-date {
  color: #7ad4f9;
  font-size: 16px;
}

.single-post-content .post-title {
  font-size: 24px;
  font-weight: 500;
  color: #201c63;
  margin-top: 10px;
  margin-bottom: 10px;
}

.single-post-content .wrap-txt ul {
  padding-left: 20px;
}

.single-post-content .wrap-txt p,
.single-post-content .wrap-txt li {
  color: #6b6b6b;
  font-size: 16px;
}

.single-post-content .wrap-txt strong {
  font-weight: 600;
}

.single-post-content .wrap-txt a {
  color: #7ad4f9;
}

.page-1107 .single-post-content,
.single-article-page .single-post-content {
  padding-top: 0;
}

.page-1107 .single-post-content .featured-img,
.single-article-page .single-post-content .featured-img {
  float: initial;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0px;
}

.page-1107 .single-post-content .overlay,
.single-article-page .single-post-content .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35%;
  background-color: rgba(0, 0, 0, 0.3);
}

.page-1107 .single-post-content .container .wrap-txt,
.single-article-page .single-post-content .container .wrap-txt {
  padding-top: 100px;
}

.page-1107 .single-post-content .head-data,
.single-article-page .single-post-content .head-data {
  position: relative;
}

.page-1107 .single-post-content .head-data .wrap-data,
.single-article-page .single-post-content .head-data .wrap-data {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-1107 .single-post-content .head-data .wrap-data .post-title,
.single-article-page .single-post-content .head-data .wrap-data .post-title {
  color: #eef2f5;
  font-size: 2.5rem;
  margin-top: 0px;
  margin-bottom: 30px;
}

.page-1107 .single-post-content .head-data .wrap-data .post-date,
.single-article-page .single-post-content .head-data .wrap-data .post-date {
  color: #eef2f5;
  font-size: 18px;
}

.page-1107 .single-post-content .head-data .wrap-data .author,
.single-article-page .single-post-content .head-data .wrap-data .author {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.page-1107 .single-post-content .head-data .wrap-data .caption,
.single-article-page .single-post-content .head-data .wrap-data .caption {
  position: absolute;
  top: 0;
  background-color: #1c184a;
  padding: 5px 20px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -20px;
}

.page-1107 .wrap-txt .comments-title,
.single-article-page .wrap-txt .comments-title {
  color: #000;
  text-align: center;
  font-size: 2rem;
  margin-top: 100px;
  margin-bottom: 60px;
}

.page-1107 .wrap-txt .share,
.single-article-page .wrap-txt .share {
  text-align: right;
  font-weight: 600;
  color: #1c184a;
  display: inline-block;
  float: right;
}

.page-1107 .wrap-txt .share .fb-share,
.page-1107 .wrap-txt .share .twitter-share,
.single-article-page .wrap-txt .share .fb-share,
.single-article-page .wrap-txt .share .twitter-share {
  margin-right: 7px;
}

.page-1107 .wrap-txt .share .fb-share:before,
.page-1107 .wrap-txt .share .twitter-share:before,
.single-article-page .wrap-txt .share .fb-share:before,
.single-article-page .wrap-txt .share .twitter-share:before {
  color: #1c184a;
  font-size: 20px;
}

.page-1107 .wrap-txt .share .fb-share i:before,
.page-1107 .wrap-txt .share .twitter-share i:before,
.single-article-page .wrap-txt .share .fb-share i:before,
.single-article-page .wrap-txt .share .twitter-share i:before {
  color: #1c184a;
  font-size: 20px;
}

.page-1107 .wrap-txt .share a,
.single-article-page .wrap-txt .share a {
  padding-left: 3px;
  padding-right: 3px;
}

.page-1107 .wrap-txt #comments,
.single-article-page .wrap-txt #comments {
  display: none;
}

.page-1107 .wrap-txt .commentlist,
.single-article-page .wrap-txt .commentlist {
  list-style-type: none;
  padding-left: 0px;
}

.page-1107 .wrap-txt .commentlist > li.comment,
.single-article-page .wrap-txt .commentlist > li.comment {
  margin-top: 60px;
}

.page-1107 .wrap-txt .commentlist .comment-author,
.single-article-page .wrap-txt .commentlist .comment-author {
  float: left;
}

.page-1107 .wrap-txt .commentlist .comment-author .fn,
.single-article-page .wrap-txt .commentlist .comment-author .fn {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  margin-right: 15px;
  margin-left: 10px;
}

.page-1107 .wrap-txt .commentlist .comment-author .says,
.single-article-page .wrap-txt .commentlist .comment-author .says {
  display: none;
}

.page-1107 .wrap-txt .commentlist .comment-meta,
.single-article-page .wrap-txt .commentlist .comment-meta {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
}

.page-1107 .wrap-txt .commentlist .comment-meta a,
.single-article-page .wrap-txt .commentlist .comment-meta a {
  color: #000;
}

.page-1107 .wrap-txt .commentlist .comment-body > p,
.single-article-page .wrap-txt .commentlist .comment-body > p {
  margin-top: 20px;
}

.page-1107 .wrap-txt .commentlist .reply a,
.single-article-page .wrap-txt .commentlist .reply a {
  color: #000;
}

.page-1107 .wrap-txt .commentlist .children,
.single-article-page .wrap-txt .commentlist .children {
  padding-left: 50px;
}

.page-1107 .wrap-txt .commentlist .children .comment,
.single-article-page .wrap-txt .commentlist .children .comment {
  margin-top: 30px;
  list-style-type: none;
}

.page-1107 .wrap-txt #respond,
.single-article-page .wrap-txt #respond {
  margin-top: 60px;
}

.page-1107 .wrap-txt #respond #reply-title,
.single-article-page .wrap-txt #respond #reply-title {
  color: #000;
}

.page-1107 .wrap-txt #respond #reply-title > a,
.single-article-page .wrap-txt #respond #reply-title > a {
  display: none;
}

.page-1107 .wrap-txt #respond #email-notes,
.single-article-page .wrap-txt #respond #email-notes {
  color: #000;
}

.page-1107 .wrap-txt #respond .required,
.single-article-page .wrap-txt #respond .required {
  color: #000;
}

.page-1107 .wrap-txt #respond .comment-form-comment label,
.single-article-page .wrap-txt #respond .comment-form-comment label {
  display: none;
}

.page-1107 .wrap-txt #respond .comment-form .comment-form-author span,
.page-1107 .wrap-txt #respond .comment-form .comment-form-email span,
.single-article-page .wrap-txt #respond .comment-form .comment-form-author span,
.single-article-page .wrap-txt #respond .comment-form .comment-form-email span {
  color: #000;
}

.page-1107 .wrap-txt #respond .comment-form .comment-form-author input,
.page-1107 .wrap-txt #respond .comment-form .comment-form-email input,
.single-article-page .wrap-txt #respond .comment-form .comment-form-author input,
.single-article-page .wrap-txt #respond .comment-form .comment-form-email input {
  border: none;
}

.page-1107 .wrap-txt #respond .comment-form .comment-form-url,
.single-article-page .wrap-txt #respond .comment-form .comment-form-url {
  display: none;
}

.page-1107 .wrap-txt #respond textarea#comment,
.single-article-page .wrap-txt #respond textarea#comment {
  border: none;
  height: 120px;
}

.page-1107 .wrap-txt #respond textarea#comment:focus,
.single-article-page .wrap-txt #respond textarea#comment:focus {
  outline: none;
}

.page-1107 .wrap-txt #respond .logged-in-as a,
.single-article-page .wrap-txt #respond .logged-in-as a {
  color: #000;
}

.page-1107 .wrap-txt #respond .form-submit .submit,
.single-article-page .wrap-txt #respond .form-submit .submit {
  border: none;
  background: transparent;
  background-color: #3630a4;
  display: block;
  color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 2rem;
  -webkit-box-shadow: 0 12px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 12px 7px rgba(0, 0, 0, 0.3);
}

.page-1107 .wrap-txt .tags,
.single-article-page .wrap-txt .tags {
  display: inline-block;
}

.page-1107 .wrap-txt .tags a,
.single-article-page .wrap-txt .tags a {
  background-color: #c5c5c5;
  color: #eef2f5;
  padding: 7px 10px;
  margin-right: 15px;
}

.page-1107 .form-article,
.single-article-page .form-article {
  background-color: #231a75;
  padding-top: 100px;
  padding-bottom: 100px;
}

.page-1107 .form-article h4,
.single-article-page .form-article h4 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 70px;
}

.page-1107 .form-article p,
.single-article-page .form-article p {
  font-size: 22px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 70px;
}

.page-1107 .form-article .wrap-btn,
.single-article-page .form-article .wrap-btn {
  text-align: center;
}

.page-1107 .form-article .wrap-btn .round-btn,
.single-article-page .form-article .wrap-btn .round-btn {
  display: inline-block;
}

.sgpb-theme-1-content {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-bottom-width: 0px !important;
  padding: 40px !important;
  padding-bottom: 50px !important;
}

.sgpb-popup-dialog-main-div-theme-wrapper-1 {
  left: 0 !important;
  bottom: 70px !important;
  top: initial !important;
}

.sgpb-theme-1-overlay {
  display: none;
}

.sgpb-popup-close-button-1 {
  top: 15px !important;
  right: 15px !important;
  bottom: initial !important;
}

.sgpb-popup-builder-content-1131 h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.sgpb-inputs-wrapper .js-subs-text-inputs {
  border: none;
  border-bottom: 1px solid #bfbfbf;
}

.sgpb-inputs-wrapper .js-subs-submit-btn {
  font-weight: 400 !important;
}

.sgpb-inputs-wrapper .js-subs-submit-btn:hover {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .main-footer .container .copyright {
    position: initial;
  }
  .main-footer .container .col-xl-8 {
    padding-top: 3rem;
  }
  .main-footer .container .social-footer {
    padding-top: 3rem;
  }
  .carousel .col-md-1 {
    display: none;
  }
  .aboutus-container .offer-intro .txt-col .wrap-txt {
    top: 6%;
  }
  .offer-container .offer-intro {
    padding-top: 0px;
  }
  .aboutus-container .gallery-section {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .offer-container .technology-section .section-title {
    margin-bottom: 30px;
  }
  .offer-container .specializations-section .section-title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 736px) {
  .contact-section .row-img img {
    margin-bottom: 10px;
  }
  .startup-section .col-md-6 .round-btn {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .white-section .numbers-section .col-md-3:nth-child(2)::after {
    display: none;
  }
  .about-section .col-md-4 {
    margin-bottom: 15px;
  }
  .main-footer .col-md-3 {
    margin-bottom: 15px;
  }
  .main-footer .container .social-footer {
    position: initial;
  }
  .main-footer .container .bg-logo {
    display: none;
  }
}

@media only screen and (max-width: 414px) {
  .projects-section .cards .col-xl-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .projects-section .cards .stack > .sheet {
    max-height: 40vh;
  }
  .projects-section .cards .card-desc {
    margin-top: 60px;
  }
  .projects-section #draw-arrow-2 {
    height: 80px;
  }
  .startup-section .startup-reveal .wrap-txt {
    margin-bottom: 20px;
  }
  .white-section .numbers-section .col-md-3::after {
    display: none;
  }
  .contact-section .col-contact-img,
  .contact-section .col-contact-dest {
    margin-bottom: 15px;
  }
  .contact-section .row-img .col-md-3 {
    text-align: center;
  }
  .aboutus-container .offer-intro .txt-col {
    margin-top: 30px;
  }
  .aboutus-container .offer-intro .txt-col .wrap-txt {
    position: initial;
  }
  .aboutus-container .offer-intro .txt-col img {
    margin-left: 0px;
    margin-top: -13px;
    float: left;
    margin-right: 10px;
  }
  .aboutus-container .offer-intro .txt-col .wrap-txt {
    position: initial;
  }
  .offer-container .projects-section .col-md-6 .round-btn {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .offer-container .technology-section .section-title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .projects-section .stack .card-3 {
    left: 75px;
  }
  .projects-section .stack .card-4 {
    left: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-toggler:focus {
    outline: none;
  }
  .navbar {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99999999;
    background-color: #1c184a;
    position: fixed !important;
  }
  .navbar-nav {
    background-color: #1c184a;
    position: relative;
  }
  .navbar-nav .wpml-ls {
    position: absolute;
    top: 0;
    right: 0;
  }
  .navbar-nav .nav-link:before, .navbar-nav .nav-link:after {
    display: none;
  }
  .navbar-nav .nav-link[title='WYCEŃ PROJEKT'] {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .draw::before, .draw::after,
  .meet::before,
  .meet::after {
    display: none;
  }
  .draw:hover::before, .draw:hover::after,
  .meet:hover::before,
  .meet:hover::after {
    display: none;
  }
  #svgOne {
    margin-top: 200px !important;
  }
  .projects-section .cards .card-2 {
    left: 3px !important;
  }
  .projects-container .ajax-load-more-wrap .slide .carousel-inner {
    height: 360px;
  }
  .projects-container .ajax-load-more-wrap .slide .carousel-inner .proj-img {
    height: 360px;
  }
  .projects-container
.ajax-load-more-wrap
div[id^='aplikacje-webowe-NP-HomeHunting']
.carousel-inner,
  .projects-container
.ajax-load-more-wrap
div[id^='web-apps-NP-HomeHunting']
.carousel-inner {
    height: 200px;
  }
  .projects-container
.ajax-load-more-wrap
div[id^='aplikacje-webowe-NP-HomeHunting']
.carousel-inner
.proj-img,
  .projects-container
.ajax-load-more-wrap
div[id^='web-apps-NP-HomeHunting']
.carousel-inner
.proj-img {
    height: 200px;
  }
  .projects-container
.ajax-load-more-wrap
div[id^='aplikacje-mobilne-Parrot-Fush-Fun']
.carousel-inner,
  .projects-container
.ajax-load-more-wrap
div[id^='aplikacje-mobilne-Prawo-News']
.carousel-inner,
  .projects-container
.ajax-load-more-wrap
div[id^='mobile-Apps-Parrot']
.carousel-inner,
  .projects-container .ajax-load-more-wrap div[id*='BZWBK'] .carousel-inner {
    height: 300px;
  }
  .projects-container
.ajax-load-more-wrap
div[id^='aplikacje-mobilne-Parrot-Fush-Fun']
.carousel-inner
.proj-img,
  .projects-container
.ajax-load-more-wrap
div[id^='aplikacje-mobilne-Prawo-News']
.carousel-inner
.proj-img,
  .projects-container
.ajax-load-more-wrap
div[id^='mobile-Apps-Parrot']
.carousel-inner
.proj-img,
  .projects-container
.ajax-load-more-wrap
div[id*='BZWBK']
.carousel-inner
.proj-img {
    height: 300px;
  }
}

@media only screen and (min-width: 1920px) {
  .header-section {
    z-index: 9;
  }
}

.probono-intro .wrap-txt {
  position: relative !important;
  z-index: 999999 !important;
}

.probono-intro .video-col {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.probono-intro .video-col iframe,
.probono-intro .video-col object,
.probono-intro .video-col embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.probono-role-section .spec-title {
  font-weight: bold;
  font-size: 1.3rem;
}

.probono-role-section .spec-desc {
  font-size: 0.9rem;
}

.probono-contact-section h4 {
  text-align: center !important;
  font-weight: bold !important;
}

@media screen and (min-width: 981px) {
  .probono-contact-section form .half {
    width: 49% !important;
    float: left !important;
  }
  .probono-contact-section form .margin {
    margin-right: 2%;
  }
}

#client-form-section {
  padding: 40px 0;
}

#client-form-section .client-form-header-row {
  margin-top: 40px;
  margin-bottom: 15px;
}

#client-form-section .client-form-header-row:first-of-type {
  margin-top: 0;
}

#client-form-section .client-form-header-row h6 {
  text-align: center;
  font-size: 24px;
  line-height: 26px;
}

#client-form-section form .pods-submit {
  display: inline-block;
  float: none;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 30px;
}

#client-form-section form .pods-submit input {
  display: block;
  background-color: #3630a4;
  color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 3rem;
  -webkit-box-shadow: 0 12px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 12px 7px rgba(0, 0, 0, 0.3);
}

#client-form-section form .pods-form-fields .pods-field .pods-field-label {
  padding-top: 4px;
}

@media screen and (max-width: 980px) {
  #client-form-section form .pods-form-fields .pods-field .pods-field-label {
    width: 90%;
  }
}

#client-form-section form .pods-form-fields .pods-field .pods-field-label label {
  margin: 0;
  padding: 0;
  padding-right: 5px;
}

@media screen and (max-width: 980px) {
  #client-form-section form .pods-form-fields .pods-field .pods-field-input {
    width: 90%;
  }
  #client-form-section form .pods-form-fields .pods-field .pods-field-input input,
  #client-form-section form .pods-form-fields .pods-field .pods-field-input textarea {
    width: 100%;
  }
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-info1:before {
  content: 'Podstawowe informacje';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-a1:before {
  content: 'Informacje ogólne o kliencie i zadaniach strony';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-b1:before {
  content: 'Funkcjonalności';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-c1:before {
  content: 'Struktura strony';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-d1:before {
  content: 'Design';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-e1:before {
  content: 'Treści i dodatkowe usługi';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}

#client-form-section form .pods-form-fields .pods-form-ui-row-name-f1:before {
  content: 'Terminy';
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-top: 30px;
}
/*# sourceMappingURL=style.css.map */