@charset "UTF-8";

.np-testimonial {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.np-testimonial .border {
  padding-top: 17px;
}

.np-testimonial .border:after {
  top: 0;
  left: 50%;
  margin-left: -40px;
}

.np-testimonial-text {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-size: 18px;
  line-height: 1.66667;
  margin-bottom: 1.125em;
  letter-spacing: .025em;
  quotes: "“" "”" "‘" "’";
}

.np-testimonial-text:before {
  content: open-quote;
}

.np-testimonial-text:after {
  content: close-quote;
}

.np-testimonial-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 16px;
  line-height: 1.66667;
  font-weight: 600;
  padding-top: 1.25em;
}

.np-testimonial-img {
  display: inline-block;
}

.size-56 {
  font-size: 34px;
  line-height: 1.17647;
}

@media (min-width:768px) {
  .size-56 {
    font-size: 50px;
    line-height: 1.05;
  }
}

@media (min-width:1200px) {
  .size-56 {
    font-size: 56px;
    line-height: 1;
  }
}

.page-homepage-portfolio {
  padding: 75px 0;
}

@media (min-width:768px) {
  .page-homepage-portfolio {
    padding: 95px 0 150px 0;
  }
}

.page-homepage-portfolio .title {
  text-align: center;
  margin: 0 auto;
  max-width: 700px;
  margin-bottom: 2.5em;
  padding-bottom: .875em;
}

@media (min-width:768px) {
  .page-homepage-portfolio .portfolio-list {
    max-width: 980px;
    margin: 0 auto;
  }
}

.page-homepage-portfolio .portfolio-list li:first-child {
  padding-top: 0;
}

.page-homepage-portfolio .project {
  padding: 75px 0;
  text-align: center;
}

@media (min-width:768px) {
  .page-homepage-portfolio .project {
    text-align: left;
    padding: 100px 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .page-homepage-portfolio .project:nth-child(4n+3) .project-text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .page-homepage-portfolio .project:nth-child(4n+3) .project-img-p {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.page-homepage-portfolio .project:last-of-type {
  padding-bottom: 0;
}

.page-homepage-portfolio .project-text {
  margin-bottom: 2em;
}

@media (min-width:768px) {
  .page-homepage-portfolio .project-text {
    width: 54.59184%;
  }
}

@media (min-width:1200px) {
  .page-homepage-portfolio .project-text {
    margin-bottom: 0;
    width: 42.34694%;
  }
}

.page-homepage-portfolio .project-title {
  font-weight: 600;
  margin-bottom: .53571em;
}

.page-homepage-portfolio .project-description {
  font-size: 17px;
  line-height: 2.17647;
  font-weight: 400;
  margin-bottom: 2.17647em;
}

@media (min-width:768px) {
  .page-homepage-portfolio .project-description {
    margin-bottom: 58px;
  }
}

@media (min-width:768px) {
  .page-homepage-portfolio .project-img-p {
    width: 42.34694%;
  }
}

.page-homepage-portfolio .project-img {
  -webkit-box-shadow: 0 29px 60px 0 rgba(54,57,73,.09);
  box-shadow: 0 29px 60px 0 rgba(54,57,73,.09);
  border-radius: 3px;
  margin: 0 auto;
}

.page-homepage-portfolio .np-testimonial {
  border-top: solid #e4e8ed 1px;
  border-bottom: solid #e4e8ed 1px;
  padding: 50px 0;
}

@media (min-width:768px) {
  .page-homepage-portfolio .np-testimonial {
    padding: 59px 0 62px 0;
  }
}

.page-homepage-portfolio .np-testimonial:last-of-type {
  padding-bottom: 0;
}

@media (min-width:768px) {
  .page-homepage-portfolio .np-testimonial-text {
    font-size: 24px;
    line-height: 1.83333;
  }
}

.page-homepage-portfolio .np-testimonial-title {
  color: #aeb0b3;
}

.page-homepage-portfolio .border:after {
  left: 50%;
  margin-left: -40px;
}

.page-homepage-services {
  background: #f5f6f7;
  padding: 75px 0;
}

@media (min-width:768px) {
  .page-homepage-services {
    padding: 140px 0 150px 0;
  }
}

.page-homepage-services .title {
  text-align: center;
  font-weight: 600;
  margin-bottom: .75em;
}

.page-homepage-services .description {
  text-align: center;
  margin-bottom: 2.5em;
}

@media (min-width:768px) {
  .page-homepage-services .description {
    margin-bottom: 5em;
  }
}

@media (min-width:768px) {
  .page-homepage-services .services-list {
    max-width: 1140px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.page-homepage-services .service {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0 59px 0;
}

.page-homepage-services .service:last-child {
  padding-bottom: 0;
}

@media (min-width:768px) {
  .page-homepage-services .service:last-child {
    padding-bottom: 50px;
  }
}

@media (min-width:768px) {
  .page-homepage-services .service {
    text-align: left;
    width: 31.57895%;
    background: #fff;
  }
}

@media (min-width:768px) {
  .page-homepage-services .service-description,.page-homepage-services .service-title {
    padding: 0 30px;
  }
}

.page-homepage-services .service-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: .94118em;
  font-weight: 600;
}

.page-homepage-services .service-img {
  margin: 0 auto 42px auto;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.page-homepage-services .service-description {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  color: #7b8086;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .025em;
}

.page-homepage-form .title {
  text-align: center;
  font-weight: 600;
  margin-bottom: 1.42857em;
}


.page-homepage-steps{
    background:#151D2A;
    color:#fff;
    text-align:center;
    padding:58px 0 75px 0
}
@media (min-width:768px){
    .page-homepage-steps{
        padding:109px 0 120px 0
    }
}
.page-homepage-steps .heading{
    padding-bottom:.88889em;
    margin-bottom:1.11111em
}
@media (min-width:768px){
    .page-homepage-steps .heading{
        line-height:1.27778
    }
}
.page-homepage-steps .heading:after{
    bottom:0;
    background:#fff;
    width:60px;
    height:2px;
    left:50%;
    margin-left:-30px
}

svg {
  width: 50%!important;
}
@media (min-width:480px){
    .page-homepage-steps .heading .nl{
        display:block
    }
}
.page-homepage-steps .steps-list{
    background:#fff;
    color:#43464b
}
@media (min-width:768px){
    .page-homepage-steps .steps-list{
        line-height:1.85714;
        margin:0 auto;
        max-width:846px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        position:relative
    }
}
@media (min-width:768px){
    .page-homepage-steps .steps-list:after{
        display:block;
        content:'';
        position:absolute;
        width:1px;
        height:100%;
        top:0;
        left:50%;
        background:-webkit-gradient(linear,left top,left bottom,from(rgba(242,242,242,0)),color-stop(25%,rgba(242,242,242,.9)),color-stop(50%,#f2f2f2),color-stop(75%,rgba(242,242,242,.9)),to(rgba(242,242,242,0)));
        background:linear-gradient(to bottom,rgba(242,242,242,0) 0,rgba(242,242,242,.9) 25%,#f2f2f2 50%,rgba(242,242,242,.9) 75%,rgba(242,242,242,0) 100%)
    }
}
.page-homepage-steps .step{
    padding:25px 10px 30px 10px;
    position:relative
}
@media (min-width:480px){
    .page-homepage-steps .step{
        padding:30px 30px 35px 30px
    }
}
@media (min-width:768px){
    .page-homepage-steps .step{
        padding:41px 55px 51px 55px;
        width:50%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.page-homepage-steps .step:before{
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    top:0;
    left:0;
    background:-webkit-gradient(linear,left top,right top,from(rgba(242,242,242,0)),color-stop(25%,rgba(242,242,242,.9)),color-stop(50%,#f2f2f2),color-stop(75%,rgba(242,242,242,.9)),to(rgba(242,242,242,0)));
    background:linear-gradient(to right,rgba(242,242,242,0) 0,rgba(242,242,242,.9) 25%,#f2f2f2 50%,rgba(242,242,242,.9) 75%,rgba(242,242,242,0) 100%)
}
@media (min-width:768px){
    .page-homepage-steps .step:before{
        display:none
    }
}
@media (min-width:768px){
    .page-homepage-steps .step:nth-child(3n+3):before{
        display:block;
        width:200%
    }
}
.page-homepage-steps .step-title{
    color:#151D2A;
    margin-bottom:.3em
}
.page-homepage-steps .step-description{
    margin-bottom:1.71429em;
    letter-spacing:.025em
}
.page-homepage-steps .step-em{
    color:#a0a3a7
}
.page-homepage-steps .btn{
    display:block;
    margin:0 auto;
    max-width:238px;
    padding-top:15px;
    padding-bottom:15px;
    letter-spacing:.16em
}