.menu {

  background: #333B41;
} 


.menu-list li a {
  color: #cccccc;
}
 

.textge1 {

  font-size: 4em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 0;

}

.display-3 {
 font-size: 5.5em;
 font-weight: 200;
 letter-spacing: 3px;

} 

.subtitle-top2 {
  margin-bottom: 5px;
} 

.title3 {
  font-weight: 200;
  line-height: 37px;
  margin-bottom: 20px;

}

.service-list li {
  margin-bottom: 0.2rem;
}

.span600 {
  font-weight: 600;
}

.expinfcon{

  background-color: rgb(0 0 0 / 0.6);
    padding: 22px;
    left: 10%;
}

.textdes {
  font-size: 18px;
    color: #ffffff;
    font-weight: lighter;
}

.nav-tabs {
  border-bottom: 0;
}

li.nav-item {
  width: 100%;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border: 0;
  font-weight: 500;
  color: #000000;
  margin-left: 1px;
}

.nav-tabs > li > a:hover {
  margin-left: 1px;
  border: 0;
}

.titleproj{
  font-size: 21px;
}

.texttypepro {
  text-transform: uppercase;
  font-size: 17px;
  line-height: 20px;
  color: #f3f3f3;

}

.titlfilos{
  font-size: 2.571rem;
  color: #ffffff;

}

.textfilos {

   margin-top: 20px;
    font-style: italic;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 25px;
    line-height: 28px;
  }
.flip_h {
  transform: scale(-1, 1);
}

.f-right {
  float: right;
}

.titlenues {
font-size: 29px;
text-transform: uppercase;
font-weight: 200;
color: #fff;
line-height: 35px;
}

.lisrincip {
  text-decoration: none;
  list-style: none;
  padding: 0;
}

.lisrincip li{
  font-size: 20px;
  color: #E1EB1A;
  font-weight: 600;
}

.renovprimcolo {
  color: #E1EB1A;
}

.client-box {
  padding: 30px;
}

.client-img {
  margin: 0;
  margin-bottom: 30px;
  width: 140px;
}

.client-title p {
  font-size: 18px;
    line-height: 25px;
    margin-bottom: 0;
    color: #000000;
}

.client-title span {
  font-weight: 600;
}

.contact-info-row p {
  margin-bottom: 0px;
    font-size: 16px;
    color: #000000;
}

.contact-info-row i {
  
  font-weight: 600;

}

.titlnuproy {
  margin-top: 30px;
    font-size: 35px;
    text-transform: uppercase;
    color: #E1EB1A;
    margin-bottom: 20px;
}

.filter {
  color: #ffffff;
}

.filter-content-2 {
  margin-bottom: 2rem;
}

.copy-bottom {
  line-height: 12px;
  font-size: 11px;
  padding-left: 30px;
  bottom: 1.5rem;
}

.menu-list > li {
  margin-top: 2rem;
}

.navbar-2 {
  padding-top: 2rem;
}

.pp-scrollable .vertical-centred {
  padding-top: 7rem;
 
}

.title-uppercase {
  margin: 0 0 2rem;
}

.social-list button {
color: #cccccc;
    margin: 0;
    float: left;
    font-size: 1.428rem;
    line-height: 1;
    margin-right: 2.7rem;
    background: none;
    border: 0;
  }
  .social-list button:focus {

  outline: none;
}

.row-project-box a {
    cursor: default;
}


@media (max-width: 1025px) {

  .title3 {
    font-size: 2.571rem;
    line-height: 37px;
}



}


@media (max-width: 1024px) {

  .display-3 {
    font-size: 4.4em;
  }

  .title3 {
    font-size: 2em;
    line-height: 27px;
}

.title-uppercase {
     margin: 0 0 1em; 
}

.col-project-box {
  margin-top: 15px;
}
.col-contact-info {
 
  padding: 0;
}


.col-contact-info:nth-child(3n) {
    border-left: 1px solid #cacaca;
}

}

@media (max-width: 400px) {
  .textge1 {
  font-size: 4em;
  margin-bottom: 21px;
}


.display-3 {
font-size: 2.5em;
}

.title-uppercase {
font-size: 2em;
    line-height: 27px;
    margin-bottom: 6px;
}




  .menu {
    
    width: 60%;
  }

 
 .tab-content {
  display: inline-flex;
  margin-top: 4px;
  /* margin-bottom: 29px; */
}

  
.textdes {
  font-size: 14px;
}

.section-3 .title-uppercase {
  margin-bottom: 34px;
    font-size: 28px;
}

.col-project-box {
  margin-top: 10px;
}


.textfilos {
font-size: 17px;
    line-height: 20px;
    
    margin-bottom: 5px;
    margin-top: 5px;
}

.icon-quote {
  
  font-size: 32px;
}

.titlenues {
line-height: 25px;
font-size: 25px;
}


.lisrincip li {
  font-size: 16px;
   }

   .titlfilos {
    
    font-size: 28px;
}

.contact-info-row p {
 
  margin-top: 10px;
}
    
.dirtextul {
 margin-top: 10px;
 display: block;
}

.col-contact-info:nth-child(3n) {
  border-left: 0px solid #cacaca;
}


#pp-nav2 .menu-list > li {
  margin-top: 15px;
}

#pp-nav2 .menu-list li a {
  font-size: 28px;
}

.social-list button {
margin-right: 18px;
margin-left: 0;
padding-left: 2px;
}



.col-project-box {
  height: 250px;
  padding: 0;
}

.bgprojectbox1 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg1_movil.jpg);
  background-position: center bottom;

}
.bgprojectbox2 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg2_movil.jpg);
  background-position: center;

}
.bgprojectbox3 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg3_movil.jpg);
  background-position: center bottom;

}
.bgprojectbox4 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg4_movil.jpg);
  background-position: center bottom;

}
.bgprojectbox5 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg5_movil.jpg);
  background-position: center bottom;

}
.bgprojectbox6 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg6_movil.jpg);
  background-position: center bottom;

}
.bgprojectbox7 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg7_movil.jpg);
  background-position: center bottom;

}
.bgprojectbox8 {
  background-image:linear-gradient(to right bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
  url(../images/bg/bg8_movil.jpg);
  background-position: center bottom;

}

.row-project-box a {
  pointer-events: none;
  height: 100%;
}

.project-box-inner {

  padding-top: 40%;
  }

  .dots-image-2 img {
    width: 100%;
    height: 220px;
  }

  .dots-image-2 .experience-info {
    position: absolute;
    left: 5%;
    margin-top: 0px;
    top: 10%;
}


}