/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 1, 2016 */
@font-face {
  font-family: 'Aileron';
  src: url("../font/aileron/Aileron-Black/Aileron-Black.eot?#iefix") format("embedded-opentype"), url("../font/aileron/Aileron-Black/Aileron-Black.otf") format("opentype"), url("../font/aileron/Aileron-Black/Aileron-Black.woff") format("woff"), url("../font/aileron/Aileron-Black/Aileron-Black.ttf") format("truetype"), url("../font/aileron/Aileron-Black/Aileron-Black.svg#Aileron-Black") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("../font/aileron/Aileron-Light/Aileron-Light.eot?#iefix") format("embedded-opentype"), url("../font/aileron/Aileron-Light/Aileron-Light.otf") format("opentype"), url("../font/aileron/Aileron-Light/Aileron-Light.woff") format("woff"), url("../font/aileron/Aileron-Light/Aileron-Light.ttf") format("truetype"), url("../font/aileron/Aileron-Light/Aileron-Light.svg#Aileron-Light") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Aileron';
  src: url("../font/aileron/Aileron-Regular/Aileron-Regular.eot?#iefix") format("embedded-opentype"), url("../font/aileron/Aileron-Regular/Aileron-Regular.otf") format("opentype"), url("../font/aileron/Aileron-Regular/Aileron-Regular.woff") format("woff"), url("../font/aileron/Aileron-Regular/Aileron-Regular.ttf") format("truetype"), url("../font/aileron/Aileron-Regular/Aileron-Regular.svg#Aileron-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

html,
body {
  overflow-x: hidden; }

.nopadding {
  padding: 0; }

.nomargin {
  margin: 0; }

.section-title {
  padding-bottom: 60px; }
  .section-title h2 {
    margin-top: 0;
    font-family: Aileron, Arial, sans-serif;
    font-weight: bold;
    font-size: 28pt; }
    @media only screen and (max-width: 991px) {
      .section-title h2 {
        font-size: 18pt; } }
  .section-title .section-subtitle {
    font-family: Aileron, Arial, sans-serif;
    font-weight: normal;
    font-size: 12.5pt;
    margin: 0 20px 10px 0; }

.red-label {
  width: 40px;
  height: 3px;
  background: #fed479; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .red-label {
      width: 40px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .red-label {
      width: 40px; } }
  @media only screen and (max-width: 991px) {
    .red-label {
      width: 25px; } }

.section-1 {
  background: url("../images/top/welcome_bg.png"); }
  .section-1 .up {
    margin-top: -8%; }
  .section-1 .welcome-sign {
    position: absolute;
    top: 0;
    right: 0;
    width: 36%; }
  .section-1 .red-label {
    height: 160px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .section-1 .red-label {
        height: 160px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-1 .red-label {
        height: 120px; } }
    @media only screen and (max-width: 991px) {
      .section-1 .red-label {
        height: 80px; } }
  .section-1 .wrapper-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    display: table; }
    .section-1 .wrapper-center .verical-align {
      display: table-cell;
      vertical-align: middle; }
      .section-1 .wrapper-center .verical-align .logo {
        margin-bottom: 50px;
        margin-top: 50px; }
      .section-1 .wrapper-center .verical-align h1 {
        font-family: Aileron, Arial, sans-serif;
        font-weight: bold;
        font-size: 49pt;
        margin-top: 0; }
        @media only screen and (max-width: 520px) {
          .section-1 .wrapper-center .verical-align h1 {
            font-size: 29pt;
            margin-top: 0; } }
        @media only screen and (max-width: 991px) {
          .section-1 .wrapper-center .verical-align h1 {
            font-size: 29pt;
            margin-top: 10px; } }
        @media only screen and (max-width: 1199px) {
          .section-1 .wrapper-center .verical-align h1 {
            font-size: 29pt;
            margin-top: 10px; } }
      .section-1 .wrapper-center .verical-align h2 {
        font-family: Aileron, Arial, sans-serif;
        font-size: 20pt;
        font-weight: bold;
        margin-top: 10px; }
        @media only screen and (max-width: 520px) {
          .section-1 .wrapper-center .verical-align h2 {
            font-size: 19pt;
            margin-top: 0; } }
        @media only screen and (max-width: 991px) {
          .section-1 .wrapper-center .verical-align h2 {
            font-size: 18pt;
            margin-top: 10px; } }
        @media only screen and (max-width: 1199px) {
          .section-1 .wrapper-center .verical-align h2 {
            font-size: 16pt;
            margin-top: 10px; } }
      .section-1 .wrapper-center .verical-align p {
        font-family: Aileron, Arial, sans-serif;
        font-weight: normal;
        font-size: 13.5pt;
        margin-top: 83px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .section-1 .wrapper-center .verical-align p {
            margin-top: 30px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .section-1 .wrapper-center .verical-align p {
            margin-top: 20px; } }
        @media only screen and (max-width: 991px) {
          .section-1 .wrapper-center .verical-align p {
            margin-top: 10px; } }

.section-fastest-50,
.section-best-biuro,
.section-2,
.section-3,
.section-5,
.section-6,
.section-7,
.section-8,
.section-9,
.section-10 {
  padding-top: 50px;
  padding-bottom: 50px; }

.section-2 .red-label {
  position: absolute;
  height: 3px; }

.section-2 .image-wspolpraca {
  border: 2px solid #eef1f1;
  margin-bottom: 15px; }

.section-3 h2 {
  margin-top: 0; }

.section-3 .image-kampanie {
  border: 2px solid #eef1f1;
  margin-bottom: 15px; }

.section-5 .section-5-companies-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.section-5 .red-label {
  position: absolute;
  top: -115px;
  height: 120px; }

.section-5 h2 {
  margin-top: 0; }

.section-5 .box-grupa,
.section-5 .box-usluga {
  border: 2px solid #eef1f1;
  text-align: center;
  padding-bottom: 15px;
  margin: 10px; }
  .section-5 .box-grupa:last-child,
  .section-5 .box-usluga:last-child {
    border: 2px solid #eef1f1; }
  @media only screen and (max-width: 767px) {
    .section-5 .box-grupa,
    .section-5 .box-usluga {
      margin: 15px 0px; } }
  .section-5 .box-grupa .image-grupa,
  .section-5 .box-grupa .image-uslugi,
  .section-5 .box-usluga .image-grupa,
  .section-5 .box-usluga .image-uslugi {
    margin: 0 auto; }
  .section-5 .box-grupa .image-uslugi,
  .section-5 .box-usluga .image-uslugi {
    max-width: 120px; }
    @media only screen and (min-width: 992px) {
      .section-5 .box-grupa .image-uslugi,
      .section-5 .box-usluga .image-uslugi {
        margin: 30px auto; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .section-5 .box-grupa .image-uslugi,
      .section-5 .box-usluga .image-uslugi {
        margin: 10px auto; } }
    @media only screen and (max-width: 991px) {
      .section-5 .box-grupa .image-uslugi,
      .section-5 .box-usluga .image-uslugi {
        margin: 0 auto; } }
  .section-5 .box-grupa .image-grupa,
  .section-5 .box-usluga .image-grupa {
    margin: 30px auto 25px; }
  .section-5 .box-grupa .usluga-title,
  .section-5 .box-usluga .usluga-title {
    font-family: Aileron, Arial, sans-serif;
    font-size: 18pt; }
  .section-5 .box-grupa .grupa-opis,
  .section-5 .box-grupa .usluga-opis,
  .section-5 .box-usluga .grupa-opis,
  .section-5 .box-usluga .usluga-opis {
    font-family: Aileron, Arial, sans-serif;
    font-size: 12.5pt; }

.section-5 .integrations-gallery .item img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto; }

.section-5 .integrations-gallery .item div {
  padding-right: 0;
  padding-left: 0; }

.section-5 .txt-2,
.section-5 .txt-1 {
  font-family: Aileron, Arial, sans-serif;
  font-weight: 300;
  font-size: 28pt;
  color: #000000;
  margin-top: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-5 .txt-2,
    .section-5 .txt-1 {
      font-size: 22.5pt; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-5 .txt-2,
    .section-5 .txt-1 {
      font-size: 19pt; } }
  @media only screen and (max-width: 767px) {
    .section-5 .txt-2,
    .section-5 .txt-1 {
      font-size: 15pt; } }

.section-5 .txt-1 {
  margin-top: 80px; }
  .section-5 .txt-1 span {
    font-family: Aileron, Arial, sans-serif;
    font-weight: normal;
    color: #c5b17d; }

.section-5 .txt-3 {
  font-family: Aileron, Arial, sans-serif;
  font-size: 12.5pt;
  color: #000000;
  margin-bottom: 90px; }
  @media only screen and (max-width: 991px) {
    .section-5 .txt-3 {
      font-size: 9.5pt; } }

.section-5 .jak-wyglada {
  font-family: Aileron, Arial, sans-serif;
  font-size: 28pt;
  font-weight: 300;
  color: #c5b17d;
  margin-top: 80px; }

.section-5 .zasady {
  font-family: Aileron, Arial, sans-serif;
  font-size: 9.5pt; }
  .section-5 .zasady h2 {
    font-weight: bold; }

.section-7 .btn-fundacja {
  color: #005F6E;
  background-color: #FFFFFF;
  border-radius: 0;
  border: 2px solid #005F6E;
  padding: 13px 40px 13px 20px;
  font-family: Aileron, Arial, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  margin-top: 30px;
  text-align: center;
  float: left;
  background: #ff3232;
  background: linear-gradient(to left, #fff 50%, #005F6E 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition-duration: 0.4s;
  width: 220px; }
  .section-7 .btn-fundacja i {
    font-size: 10pt;
    margin-right: 40px; }
  .section-7 .btn-fundacja .bg {
    position: absolute;
    margin-top: -14px;
    left: 16px;
    width: 0;
    height: 47px;
    background-color: #005F6E;
    transition-duration: 0.4s;
    z-index: -1; }

.section-7 .btn-fundacja:nth-of-type(1) {
  margin-right: 20px; }

.section-7 .btn-fundacja:hover,
.section-7 .btn-fundacja:focus,
.section-7 .btn-fundacja:active,
.section-7 .btn-fundacja.active,
.section-7 .open .dropdown-toggle.btn-fundacja {
  color: #FFFFFF;
  background-position: left bottom;
  border-color: #005F6E; }

.section-7 .btn-fundacja:active,
.section-7 .btn-fundacja.active,
.section-7 .open .dropdown-toggle.btn-fundacja {
  background-image: none; }

.section-7 .btn-fundacja.disabled,
.section-7 .btn-fundacja[disabled],
.section-7 fieldset[disabled] .btn-fundacja,
.section-7 .btn-fundacja.disabled:hover,
.section-7 .btn-fundacja[disabled]:hover,
.section-7 fieldset[disabled] .btn-fundacja:hover,
.section-7 .btn-fundacja.disabled:focus,
.section-7 .btn-fundacja[disabled]:focus,
.section-7 fieldset[disabled] .btn-fundacja:focus,
.section-7 .btn-fundacja.disabled:active,
.section-7 .btn-fundacja[disabled]:active,
.section-7 fieldset[disabled] .btn-fundacja:active,
.section-7 .btn-fundacja.disabled.active,
.section-7 .btn-fundacja[disabled].active,
.section-7 fieldset[disabled] .btn-fundacja.active {
  background-color: #FFFFFF;
  border-color: #005F6E; }

.section-7 .btn-fundacja .badge {
  color: #FFFFFF;
  background-color: #005F6E; }

.section-8 {
  background: #f7f4ee;
  padding-top: 120px;
  padding-bottom: 120px; }
  .section-8 .section-title {
    font-family: Aileron, Arial, sans-serif;
    font-size: 12.5pt;
    padding-bottom: 10px; }
    .section-8 .section-title h2 {
      margin-top: 0;
      font-weight: bold;
      font-size: 48pt; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-8 .section-title h2 {
          font-size: 41pt; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-8 .section-title h2 {
          font-size: 37pt; } }
      @media only screen and (max-width: 767px) {
        .section-8 .section-title h2 {
          font-size: 30pt; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-8 .section-subtitle {
      font-size: 18pt; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-8 .section-subtitle {
      font-size: 16.5pt; } }
  @media only screen and (max-width: 767px) {
    .section-8 .section-subtitle {
      font-size: 15.5pt; } }
  .section-8 ul {
    list-style-image: url("../images/wymagania/bullet.png");
    padding-left: 20px;
    padding-top: 17px;
    padding-bottom: 32px; }
    .section-8 ul li {
      font-family: Aileron, Arial, sans-serif;
      font-size: 12.5pt;
      margin-bottom: 17px; }
  .section-8 h3 {
    font-family: Aileron, Arial, sans-serif;
    font-size: 18pt; }
  .section-8 .skills {
    font-family: Aileron, Arial, sans-serif;
    font-size: 12.5pt; }
    .section-8 .skills .row {
      margin-top: 35px; }
      .section-8 .skills .row .skill-txt {
        padding: 10px 0; }

.section-9 .red-label {
  height: 280px; }

.section-9 a {
  color: #005a69; }

.section-9 .txt-1,
.section-9 .txt-2,
.section-9 .txt-3,
.section-9 .txt-4 {
  font-family: Aileron, Arial, sans-serif; }
.section-9 .btn-aplikuj {
  color: #005F6E;
  background-color: #FFFFFF;
  border-radius: 0;
  border: 2px solid #005F6E;
  padding: 13px 40px 13px 20px;
  font-family: Aileron, Arial, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  margin-top: 30px;
  text-align: center;
  float: left;
  background: #ff3232;
  background: linear-gradient(to left, #fff 50%, #005F6E 50%);
  background-size: 201% 100%;
  background-position: right bottom;
  transition-duration: 0.4s;
  width: 220px; }

.section-9 .btn-aplikuj:hover {
  color: #FFFFFF;
  background-position: left bottom;
  border-color: #005F6E; }

.section-9 .txt-1 {
  font-size: 28pt;
  font-weight: bold; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-9 .txt-1 {
      font-size: 25pt; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-9 .txt-1 {
      font-size: 21pt; } }
  @media only screen and (max-width: 767px) {
    .section-9 .txt-1 {
      font-size: 19pt; } }

.section-9 .txt-2 {
  margin-top: 30px;
  font-size: 18pt; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-9 .txt-2 {
      font-size: 18pt; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-9 .txt-2 {
      font-size: 15pt; } }
  @media only screen and (max-width: 767px) {
    .section-9 .txt-2 {
      font-size: 13.5pt; } }

.section-9 .txt-3 {
  font-size: 18pt; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-9 .txt-3 {
      font-size: 15pt; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-9 .txt-3 {
      font-size: 10pt; } }
  @media only screen and (max-width: 767px) {
    .section-9 .txt-3 {
      font-size: 8pt; } }

.section-9 .txt-4 {
  margin-top: 20px;
  font-size: 12.5pt; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-9 .txt-4 {
      font-size: 12.5pt; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-9 .txt-4 {
      font-size: 10pt; } }
  @media only screen and (max-width: 767px) {
    .section-9 .txt-4 {
      font-size: 10pt; } }

.section-9 .img-szymon {
  width: 100%;
  background: url("../images/kontakt/kontakt_szym.jpg") center no-repeat;
  height: 280px; }

.section-9 .img-ewelina {
  width: 100%;
  background: url("../images/kontakt/joanna_olszewska.jpg") center no-repeat;
  height: 280px; }

.section-9 .img-kuba {
  width: 100%;
  background: url("../images/kontakt/kontakt_kuba.jpg") center no-repeat;
  height: 280px; }

.section-10 .section-10-companies-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .section-10 .section-10-companies-wrapper .logo:nth-child(n-3) {
      border-bottom: 2px solid #eef1f1; }
    .section-10 .section-10-companies-wrapper .logo:nth-child(n+4) {
      border-top: none; } }

.section-10 .logo {
  border: 2px solid #eef1f1; }
  .section-10 .logo:nth-child(n+2) {
    border-left: none; }
  @media only screen and (max-width: 767px) {
    .section-10 .logo:nth-child(-n+3) {
      border-bottom: none; }
    .section-10 .logo:nth-child(4) {
      border-left: 2px solid #eef1f1; } }

.section-10 .bg_row {
  background-image: url(../images/footer/footer_logo.png);
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%; }

@media only screen and (max-width: 767px) {
  .section-10 .bg_row {
    background-position-x: 50%;
    min-height: 190px;
    background-position-y: 110px; } }

.section-10 .footer-btns {
  width: 116px;
  height: 81px;
  margin: 30px auto; }
  .section-10 .footer-btns .fb,
  .section-10 .footer-btns .in {
    display: block;
    float: left;
    width: 58px;
    height: 81px;
    position: relative;
    overflow: hidden; }
    .section-10 .footer-btns .fb img,
    .section-10 .footer-btns .in img {
      position: absolute; }
  .section-10 .footer-btns .fb img {
    right: 0; }
  .section-10 .footer-btns .in {
    left: -1px; }
    .section-10 .footer-btns .in img {
      left: 0; }
  .section-10 .footer-btns .fb_hover,
  .section-10 .footer-btns .in_hover {
    position: absolute;
    height: 81px;
    width: 0;
    overflow: hidden;
    transition-duration: 0.4s; }
  .section-10 .footer-btns .fb_hover {
    right: 0; }
  .section-10 .footer-btns .in_hover {
    left: 0; }
  .section-10 .footer-btns .fb:hover > .fb_hover {
    width: 58px; }
  .section-10 .footer-btns .in:hover > .in_hover {
    width: 58px; }

.section-best-biuro .main-color {
  color: #c5b17d; }

.section-fastest-50 .main-color {
  color: #c5b17d; }

.section-fastest-50 .no-padding {
  padding-right: 0px !important;
  padding-left: 0px !important; }

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .box-usluga {
    width: 20%;
    border: 2px solid #eef1f1 !important;
    border-right: none !important;
    height: 370px; }
    .box-usluga:last-child {
      border: 2px solid #eef1f1 !important; }
  .box-grupa {
    width: 30%;
    border: 2px solid #eef1f1 !important;
    height: 370px; }
    .box-grupa:last-child {
      border: 2px solid #eef1f1 !important; }
  .box-grupa {
    height: 220px; } }

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .usluga-title {
    font-size: 15pt !important; } }

/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */