body {
  font-family: 'Montserrat', sans-serif;
  color: #121A27; }

@media (min-width: 1200px) {
  .custom-container {
    max-width: 1450px;
    padding: 0 45px; } }

section {
  padding: 5rem 0; }
  section .spread-letters {
    font-size: 9px;
    line-height: 9px;
    font-weight: 300; }
  section .section-title {
    font-weight: 700;
    color: #121A27; }
  section .section-subtitle {
    font-weight: 300;
    font-size: 30px;
    line-height: 39px; }
  section .uppercase {
    text-transform: uppercase; }
  section .section-description {
    color: #121A27;
    text-align: justify;
    font-weight: 300;
    line-height: 32px;
    font-size: 14px; }
  section.top {
    background: url("../img/top-bg-2020.jpg") no-repeat center;
    min-height: 1000px;
    background-size: cover;
    display: flex;
    align-items: center;
    overflow-x: hidden;
    position: relative; }
    section.top .section-title {
      font-size: 80px;
      line-height: 80px; }
    section.top .spread-letters {
      letter-spacing: 17px; }
    section.top .more-btns {
      padding-left: 3rem;
      margin-top: 2rem; }
      section.top .more-btns .more-btn {
        height: 52px;
        width: 192px;
        border: 1px solid black;
        border-radius: 100px;
        font-size: 11px;
        line-height: 13px;
        font-weight: 300;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: 0.4s; }
        section.top .more-btns .more-btn:hover {
          text-decoration: none;
          transition: 0.4s; }
        section.top .more-btns .more-btn:first-child {
          background-color: #4071F3;
          border-color: #4071F3;
          color: white;
          margin-right: 2.75rem; }
          section.top .more-btns .more-btn:first-child:hover {
            background-color: white;
            border-color: white;
            color: #1D1D1F; }
        section.top .more-btns .more-btn:last-child {
          color: black; }
          section.top .more-btns .more-btn:last-child:hover {
            background-color: #DDDDDD; }
  section.about {
    padding-top: 10rem; }
    section.about .section-title {
      font-size: 72px;
      line-height: 87px; }
    section.about .spread-letters {
      letter-spacing: 25px; }
    section.about .main {
      margin-top: 1rem; }
      section.about .main .about-text {
        margin-top: 6rem; }
  section.portfolio .section-title {
    font-size: 72px;
    line-height: 72px; }
  section.portfolio .portfolio-gallery {
    justify-content: center; }
  section.portfolio .portfolio-item {
    border: 2px solid white;
    height: 0;
    padding-top: 33.333333%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  section.portfolio .skills {
    justify-content: space-around; }
    section.portfolio .skills .skill-item {
      text-align: center;
      width: 25%;
      padding: 1rem 1.25rem; }
      section.portfolio .skills .skill-item .skill-title {
        line-height: 29px;
        font-weight: 700;
        font-size: 24px;
        margin-top: 1.5rem; }
      section.portfolio .skills .skill-item .skill-desc {
        font-size: 14px;
        line-height: 18px;
        font-weight: 300; }
  section.new-portfolio {
    padding-top: 0; }
    section.new-portfolio .portfolio-text {
      margin: 2rem 0 4rem; }
    section.new-portfolio .portfolio-gallery {
      margin-bottom: 5rem; }
  section.older-portfolio {
    padding-top: 0; }
    section.older-portfolio .portfolio-text {
      margin: 2rem 0; }
  section.communication .section-title {
    font-size: 71px;
    line-height: 85px; }
  section.communication .section-subtitle {
    margin-top: 3rem; }
  section.client-care .section-title {
    font-size: 70px;
    line-height: 81px; }
  section.client-care .section-subtitle {
    line-height: 41px;
    margin: 2rem 0; }
  section.client-trust .section-title {
    font-size: 71px;
    line-height: 71px; }
  section.client-trust .trust-logos {
    padding: 0 7rem;
    justify-content: center;
    margin-top: 5rem; }
    section.client-trust .trust-logos .trust-logo {
      border: 1px solid #e3e3e3;
      margin: .5rem;
      height: 0;
      max-width: 13%;
      padding-top: 7%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
  section.contact .section-title {
    font-size: 48px;
    line-height: 48px; }
  section.contact .address {
    font-size: 12px;
    line-height: 12px;
    margin: 5rem 0; }
    section.contact .address a {
      color: #121A27; }
      section.contact .address a:hover {
        text-decoration: none;
        color: #121A27; }
  section.contact .contact-form {
    font-size: 12px;
    font-weight: 300; }
    section.contact .contact-form .form-item {
      position: relative;
      margin-bottom: 2rem; }
      section.contact .contact-form .form-item:after {
        position: absolute;
        content: "";
        height: 1px;
        width: calc(100% - 40px);
        background-color: black;
        bottom: 0;
        left: 20px; }
    section.contact .contact-form input, section.contact .contact-form textarea {
      width: 100%;
      border: none;
      padding: 9px 6px 15px; }
    section.contact .contact-form input {
      height: 56px; }
    section.contact .contact-form textarea {
      height: 156px;
      padding-top: 15px;
      display: block;
      resize: none; }
    section.contact .contact-form input:hover, section.contact .contact-form textarea:hover {
      color: #4F4F4F;
      background-color: #F7F7F7;
      border-radius: 20px; }
    section.contact .contact-form input:focus, section.contact .contact-form textarea:focus {
      outline: none;
      border: 1px solid black;
      background-color: transparent;
      border-radius: 20px; }
    section.contact .contact-form .btn-send {
      color: white;
      background-color: #1b1b1b;
      height: 55px;
      text-align: center;
      font-weight: 300;
      font-size: 12px;
      line-height: 11px;
      width: 200px;
      border-radius: 100px;
      border: none;
      transition: 0.4s;
      padding: 0; }
      section.contact .contact-form .btn-send:hover {
        background-color: #f2f2f2;
        color: black;
        transition: 0.4s; }
    section.contact .contact-form .wrong:after {
      background-color: red; }
    section.contact .contact-form .err {
      color: red;
      margin-top: -1rem;
      margin-left: 2rem;
      margin-bottom: 1rem; }
  section.footer {
    background: url("../img/footer-bg.jpg") no-repeat center;
    background-size: cover;
    min-height: 550px; }

.animFromLeft, .animFromTop {
  opacity: 0; }

section.new-portfolio .portfolio-item:nth-child(1) {
  background-image: url("../img/portfolio-01.jpg"); }

section.new-portfolio .portfolio-item:nth-child(2) {
  background-image: url("../img/portfolio-02.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(3) {
  background-image: url("../img/portfolio-03.jpg"); }

section.new-portfolio .portfolio-item:nth-child(4) {
  background-image: url("../img/portfolio-04.jpg"); }

section.new-portfolio .portfolio-item:nth-child(5) {
  background-image: url("../img/portfolio-05.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(6) {
  background-image: url("../img/portfolio-06.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(7) {
  background-image: url("../img/portfolio-07.jpg"); }

section.new-portfolio .portfolio-item:nth-child(8) {
  background-image: url("../img/portfolio-08.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(9) {
  background-image: url("../img/portfolio-09.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(10) {
  background-image: url("../img/portfolio-10.jpg"); }

section.new-portfolio .portfolio-item:nth-child(11) {
  background-image: url("../img/portfolio-11.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(12) {
  background-image: url("../img/portfolio-12.jpg"); }
  
section.new-portfolio .portfolio-item:nth-child(13) {
  background-image: url("../img/g1.gif"); }

section.new-portfolio .portfolio-item:nth-child(14) {
  background-image: url("../img/arb3.jpg"); }

section.new-portfolio .portfolio-item:nth-child(15) {
  background-image: url("../img/cm.jpg"); }

section.new-portfolio .portfolio-item:nth-child(16) {
  background-image: url("../img/drema.jpg"); }

section.new-portfolio .portfolio-item:nth-child(17) {
  background-image: url("../img/gar2.jpg"); }

section.new-portfolio .portfolio-item:nth-child(18) {
  background-image: url("../img/gardenia4.jpg"); }

section.new-portfolio .portfolio-item:nth-child(19) {
  background-image: url("../img/inoutic1.jpg"); }

section.new-portfolio .portfolio-item:nth-child(20) {
  background-image: url("../img/k5.jpg"); }

section.new-portfolio .portfolio-item:nth-child(21) {
  background-image: url("../img/kpp2.jpg"); }

section.new-portfolio .portfolio-item:nth-child(22) {
  background-image: url("../img/medical.jpg"); }

section.new-portfolio .portfolio-item:nth-child(23) {
  background-image: url("../img/mpgm.jpg"); }

section.new-portfolio .portfolio-item:nth-child(24) {
  background-image: url("../img/omega.jpg"); }

section.new-portfolio .portfolio-item:nth-child(25) {
  background-image: url("../img/p4.jpg"); }

section.new-portfolio .portfolio-item:nth-child(26) {
  background-image: url("../img/tauron3.jpg"); }

section.new-portfolio .portfolio-item:nth-child(27) {
  background-image: url("../img/newspaper.jpg"); }

section.older-portfolio .portfolio-item:nth-child(1) {
  background-image: url("../img/bike_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(2) {
  background-image: url("../img/kukulki.jpg"); }

section.older-portfolio .portfolio-item:nth-child(3) {
  background-image: url("../img/mirox_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(4) {
  background-image: url("../img/afirmax_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(5) {
  background-image: url("../img/budma_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(6) {
  background-image: url("../img/lato_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(7) {
  background-image: url("../img/wiaty_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(8) {
  background-image: url("../img/arbiton_01.gif"); }

section.older-portfolio .portfolio-item:nth-child(9) {
  background-image: url("../img/vicolo_1.jpg"); }

section.older-portfolio .portfolio-item:nth-child(10) {
  background-image: url("../img/coppia.jpg"); }

section.older-portfolio .portfolio-item:nth-child(11) {
  background-image: url("../img/mirox7.jpg"); }

section.older-portfolio .portfolio-item:nth-child(12) {
  background-image: url("../img/polagra.jpg"); }

section.older-portfolio .portfolio-item:nth-child(13) {
  background-image: url("../img/davidof.jpg"); }

section.older-portfolio .portfolio-item:nth-child(14) {
  background-image: url("../img/proparket.jpg"); }

section.older-portfolio .portfolio-item:nth-child(15) {
  background-image: url("../img/arbiton5.jpg"); }

section.older-portfolio .portfolio-item:nth-child(16) {
  background-image: url("../img/teczka_mpgm4.jpg"); }

section.older-portfolio .portfolio-item:nth-child(17) {
  background-image: url("../img/class.jpg"); }

section.older-portfolio .portfolio-item:nth-child(18) {
  background-image: url("../img/cavaliada.jpg"); }

section.older-portfolio .portfolio-item:nth-child(19) {
  background-image: url("../img/dacia.jpg"); }

section.older-portfolio .portfolio-item:nth-child(20) {
  background-image: url("../img/vicolo.jpg"); }

section.older-portfolio .portfolio-item:nth-child(21) {
  background-image: url("../img/arbiton4.jpg"); }

section.older-portfolio .portfolio-item:nth-child(22) {
  background-image: url("../img/vicolo3.jpg"); }

section.older-portfolio .portfolio-item:nth-child(23) {
  background-image: url("../img/hbc.jpg"); }

section.older-portfolio .portfolio-item:nth-child(24) {
  background-image: url("../img/vicolo_logo.jpg"); }

section.older-portfolio .portfolio-item:nth-child(25) {
  background-image: url("../img/retromotor2.jpg"); }

section.older-portfolio .portfolio-item:nth-child(26) {
  background-image: url("../img/kpp.jpg"); }

section.older-portfolio .portfolio-item:nth-child(27) {
  background-image: url("../img/mopr.jpg"); }

section.client-trust .trust-logos .trust-logo:nth-child(1) {
  background-image: url("../img/logos-trusted/zasob_1.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(2) {
  background-image: url("../img/logos-trusted/zasob_2.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(3) {
  background-image: url("../img/logos-trusted/zasob_3.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(4) {
  background-image: url("../img/logos-trusted/zasob_4.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(5) {
  background-image: url("../img/logos-trusted/zasob_5.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(6) {
  background-image: url("../img/logos-trusted/zasob_6.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(7) {
  background-image: url("../img/logos-trusted/zasob_7.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(8) {
  background-image: url("../img/logos-trusted/zasob_8.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(9) {
  background-image: url("../img/logos-trusted/zasob_9.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(10) {
  background-image: url("../img/logos-trusted/zasob_10.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(11) {
  background-image: url("../img/logos-trusted/zasob_11.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(12) {
  background-image: url("../img/logos-trusted/zasob_12.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(13) {
  background-image: url("../img/logos-trusted/zasob_13.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(14) {
  background-image: url("../img/logos-trusted/zasob_14.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(15) {
  background-image: url("../img/logos-trusted/zasob_15.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(16) {
  background-image: url("../img/logos-trusted/zasob_16.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(17) {
  background-image: url("../img/logos-trusted/zasob_17.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(18) {
  background-image: url("../img/logos-trusted/zasob_18.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(19) {
  background-image: url("../img/logos-trusted/zasob_19.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(20) {
  background-image: url("../img/logos-trusted/zasob_20.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(21) {
  background-image: url("../img/logos-trusted/zasob_21.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(22) {
  background-image: url("../img/logos-trusted/zasob_22.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(23) {
  background-image: url("../img/logos-trusted/zasob_23.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(24) {
  background-image: url("../img/logos-trusted/zasob_24.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(25) {
  background-image: url("../img/logos-trusted/zasob_25.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(26) {
  background-image: url("../img/logos-trusted/zasob_26.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(27) {
  background-image: url("../img/logos-trusted/zasob_27.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(28) {
  background-image: url("../img/logos-trusted/zasob_28.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(29) {
  background-image: url("../img/logos-trusted/zasob_29.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(30) {
  background-image: url("../img/logos-trusted/zasob_30.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(31) {
  background-image: url("../img/logos-trusted/zasob_31.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(32) {
  background-image: url("../img/logos-trusted/zasob_32.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(33) {
  background-image: url("../img/logos-trusted/zasob_33.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(34) {
  background-image: url("../img/logos-trusted/zasob_34.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(35) {
  background-image: url("../img/logos-trusted/zasob_35.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(36) {
  background-image: url("../img/logos-trusted/zasob_36.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(37) {
  background-image: url("../img/logos-trusted/zasob_37.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(38) {
  background-image: url("../img/logos-trusted/zasob_38.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(39) {
  background-image: url("../img/logos-trusted/zasob_39.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(40) {
  background-image: url("../img/logos-trusted/zasob_40.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(41) {
  background-image: url("../img/logos-trusted/zasob_41.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(42) {
  background-image: url("../img/logos-trusted/zasob_42.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(43) {
  background-image: url("../img/logos-trusted/zasob_43.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(44) {
  background-image: url("../img/logos-trusted/zasob_44.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(45) {
  background-image: url("../img/logos-trusted/zasob_45.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(46) {
  background-image: url("../img/logos-trusted/zasob_46.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(47) {
  background-image: url("../img/logos-trusted/zasob_47.svg"); }

section.client-trust .trust-logos .trust-logo:nth-child(48) {
  background-image: url("../img/logos-trusted/zasob_48.svg"); }

@media (max-width: 991px) {
  section.top .section-title, section.about .section-title, section.portfolio .section-title, section.communication .section-title, section.client-care .section-title, section.client-trust .section-title, section.contact .section-title {
    font-size: 40px;
    line-height: 52px; }
  section.portfolio .skills .skill-item {
    width: 50%; }
  section.portfolio .portfolio-item {
    padding-top: 50%; }
  section.client-trust .trust-logos {
    padding: 0; }
    section.client-trust .trust-logos .trust-logo {
      max-width: 22%;
      padding-top: 9%; }
  section.client-care .section-title {
    margin-top: 3rem; } }

@media (max-width: 767px) {
  section.client-trust .trust-logos .trust-logo {
    max-width: 30%;
    padding-top: 13%; } }

@media (max-width: 575px) {
  section {
    padding: 3.5rem 0; }
    section.top .section-title, section.about .section-title, section.portfolio .section-title, section.communication .section-title, section.client-care .section-title, section.client-trust .section-title, section.contact .section-title {
      font-size: 32px;
      line-height: 37px; }
    section.top .section-title br, section.about .section-title br, section.portfolio .section-title br, section.communication .section-title br, section.client-care .section-title br, section.client-trust .section-title br, section.contact .section-title br {
      display: none; }
    section.top {
      min-height: 500px; }
      section.top .more-btn:first-child {
        margin-bottom: 1rem; }
    section.about {
      padding-top: 4em; }
      section.about .main .about-text {
        margin-top: 3rem; }
    section.portfolio .skills .skill-item {
      width: 100%; }
    section.portfolio .portfolio-item {
      padding-top: 100%; }
    section.footer {
      min-height: 220px; } }

@media (max-width: 400px) {
  section.client-trust .trust-logos .trust-logo {
    max-width: 50%;
    padding-top: 20%; } }

@keyframes move {
  0% {
    right: 0;
    transform: translate(109%, -20%) scale(0.6); }
  100% {
    right: 50%;
    transform: translate(109%, -60%) scale(1); } }

.airship {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(109%, -60%) scale(1);
  max-height: 580px;
  animation: move 1.5s ease-out; }