h1 span {
    color: var(--principalclaro);
}
.pt-20 { padding-top:20px; }
.pt-50 { padding-top:50px; }
.pt-70 { padding-top:70px; }

.pb-20 { padding-bottom: 20px; }
.pb-50 { padding-bottom: 50px; }
.pb-100 { padding-bottom: 100px; }
.pb-150 { padding-bottom: 150px; }

.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }

#why {
}
#why ul li{
    background-color: #f0f0f0;
    color: #000;
    display: inline-block;
    width: 23.5%;
    height: 240px;
    margin: 0.5rem .5% 0 .5%;
    padding: 2rem 1.8rem;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
}
#why ul li h3{font-size: 1.1rem;font-weight: 700; padding-top: 15px;}
#why ul li p{margin-bottom: 0;font-size: .9rem;}

.wraperFotos {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: center;
}
.obra {
    margin: 0 0 20px 0;
}
.obra img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.contact-info {
    padding: 20px 30px;
}
.contact-info ul{display: flex;align-items: center;}
.contact-info ul li.li_1 {
    margin: 2rem 0;
    font-size: .9rem;
    display: inline-block;
    width: 28%;
    margin-right: .5%;
}
.contact-info ul li.li_2 {
    margin: 2rem 0;
    font-size: .9rem;
    display: inline-block;
    width: 28%;
    margin-right: .5%;
}
.contact-info ul li.li_3 {
    margin: 2rem 0;
    font-size: .9rem;
    display: inline-block;
    width: 40%;
    margin-right: .5%;
}
.contact-info ul li i{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 4rem;
    text-align: center;
    border: 1px solid rgba(0,0,0,.2);
    float: left;
    margin-right: 1rem;
    color: var(--principalclaro);
}
.contact-info ul li strong{font-size: 1.2rem;line-height: 2rem;}
.contact-info ul li:last-child div{text-align: right;}
.contact-info ul li:last-child a{float: right;}

.divFormulario {
    background-color: #000;
    color: #fff;
    padding: 30px 0 30px 0;
}
.divFormulario .sec-title h1 {
    color: #fff !important;
}

.whatsapp {
  position: fixed;
  bottom: 15px;
  left: 0;
  width: 210px;
  height: 50px;
  padding:10px 0 10px 10px; 
  background-color: #00bb2d;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: -25px;
  z-index: 1001;
}
.whatsapp2 {
  position: fixed;
  bottom: 75px;
  right: 0;
  width: 200px;
  height: 50px;
  padding:10px 0 10px 10px; 
  background-color: #00bb2d;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-top: -25px;
  z-index: 1001;
}
.iconoWhatsapp {
  float: left;
  width: 35px;
}
.numeroWhatsapp {
  float: left;
  width: 155px;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
}
.numeroWhatsapp a {
  font-size: 25px;
  font-weight: 900;
  color: #fff;
  text-decoration: none; 
  outline: none; 
}
.logo {
    padding: 10px 0;
}
.logo img {
    height: 160px;
    width: auto;
}
span.amarillo {
    font-weight: 700;
    color: #fc0;
}

/******************** DETALLE SERVICIOS ************************/
/******************** DETALLE SERVICIOS ************************/
/******************** DETALLE SERVICIOS ************************/
.hero-section:before {
    /*background-color: #5800a0;*/
    background-color: #283566;
    height: 1556px;
    content: "";
    position: absolute;
    width: 2300px;
    border-radius: 666px;
    transform: rotate(331deg);
    top: -93%;
    left: -10%;
    z-index: -11;
    box-shadow: 94px 0px 0px 88px rgb(237 237 237);
    -webkit-box-shadow: 94px 0px 0px 88px rgb(237 237 237);
    -moz-box-shadow: 94px 0px 0px 88px rgb(237 237 237);
}
.hero-section {
    overflow: hidden;
    position: relative;
    background-image: url('../landing/bg-cover-manlift.jpg');
    padding: 180px 0 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.hero-section-gruas {
    overflow: hidden;
    position: relative;
    background-image: url('../landing/bg-gruas.jpg');
    padding: 220px 0 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.hero-section-montacargas {
    overflow: hidden;
    position: relative;
    background-image: url('../landing/bg-montacargas.jpg');
    padding: 220px 0 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.hero-section:after, .hero-section-gruas:after, .hero-section-montacargas:after {
    height: 1556px;
    content: "";
    position: absolute;
    width: 2300px;
    border-radius: 666px;
    transform: rotate(331deg);
    top: -93%;
    left: -10%;
    z-index: -11;
    opacity: .1;
    background-repeat: no-repeat;
    background-image: url(../img/hero.jpg);
    background-size: cover;
    background-position: center;
}
.hero-section-text{
    position: relative;
}
.hero-section-text h1 {
    color: white;
    font-weight: 700;
    font-size: 49px;
    text-shadow: 2px 2px 20px #000;
}
.hero-section-text h1 span {
    color: var(--principalmedio);
}
.hero-section-text h3 {
    color: #f49c32;
    padding-bottom: 0px;
    margin: 0;
    font-size: 27px;
    font-weight: 700;
}
.hero-section-text p {
    color: #fff;
    padding-bottom: 35px;
    width: 84%;
    font-size: 30px;
    font-weight: 300;
    line-height: 50px;
}
.hero-section-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hero-section-text ul li {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;    
}
.hero-section-text ul li i {
    color: var(--principalmedio);
    margin-right: 15px;
}
section.manlift {
    padding: 60px 0;
    background-color: #ECEBF2;
}
.heading h2 {
    font-size: 50px;
    font-weight: 700;
    color: var(--principaloscuro);
}
.heading p {
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
    font-weight: 400;
    color: #444444;
}
.divFoto img {
    width: 100%;
    height: auto;
}
section.plataformas {
    padding: 60px 0;
    background-color: #f3f6fa;    
}
section.calltoaction {
    padding: 55px 0;
    background-color: var(--principaloscuro);
}
section.calltoaction h2 {
    font-size: 30px;
    color: #fff;
}
section.calltoaction p {
    font-size: 24px;
    color: var(--principalmedio);
}
section.calltoaction p.p2 {
    font-size: 20px;
    color: #fff;
}
section.calltoaction a.btnWhatsapp {
    padding: 15px 30px;
    background-color: #000;
    margin: 10px auto;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    display: block;
    text-align: center;
    width: 80%;
}
.calltoactionDer {
    text-align: center;
}
section.tijeras {
    padding: 60px 0 100px 0;
    background-color: #ECEBF2;
}
.divFoto2 {
    margin: 0 0 20px 0;
}
.divFoto2 img {
    width: 100%;
    height: auto;
}