@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
html body{
    font-family:'Lato', sans-serif;
    background-color:#fff;
    padding:0;
    margin:0
}
a{
    cursor:pointer
}

.bg-cardTruck{
    background-color:#F8F8F8;
    border-bottom-left-radius: 62px;
    border-bottom-right-radius: 62px;
}

#lines p{
    margin:0% 8%;
    font-size:18px;
    font-weight:lighter;
    text-align:center;
    color:#4f4f4f
}
#banner_truck_opacity{
    transition-property:opacity;
    opacity:0
}
#banner_truck_opacity2{
    transition-property:opacity;
    opacity:0;

}

#img-promo{
    transition-property:opacity;
    opacity:0;
    max-width: 430px;
}

#text_opacity{
    transition-property:opacity;
    opacity:0
}
.opacity_truck{
    transition:all 1s ease-out 0s;
    opacity:1 !important
}
.black-text{
    font-size:22px;
    font-weight:normal;
    text-align:center;
    padding-top:8%;
    text-transform:uppercase
}
.black-text img.line-logo{
    width:150px;
    padding-top:10px
}
.black-text img.line-logofw{
    padding-top:0px;
    width:350px
}

.fix-top{
  padding-top: 6%!important;
}
.lines .banner-trucks{
    width:100%
}
.lines .truck_card{
    width:84%;
    margin:25px 8%;
    background:white;
    border-radius:63px;
    border: 2px solid #E3E3E3;
}
.lines .truck_card img{
    width:85%!important;
    padding:0px 7%
}
.lines .truck_card h2{
    text-align:center;
    font-size:30px;
    text-transform:uppercase;
    color: #ED1D25;
    padding-top: 20px;
}
.lines .truck_card p{
    font-size:18px;
    font-weight:normal;
    margin:12px
}
.lines .truck_card hr{
    margin: 20px 0px;
    border: none;
    border-top: 2px solid #E3E3E3;
}
.lines .truck_card .call-action-card{
    position:relative;
    display:grid;
    bottom:5px;
    justify-content:center;
    padding-top:5%;
    padding-bottom:5%
}
.lines .truck_card .call-action-card a.mas_info{
    color: #707070;
    background:initial;
    text-decoration:none
}
.lines .truck_card .call-action-card a.mas_info:after{
    content:" ";
    background:url("/img/right-chevron.svg") no-repeat;
    background-size:auto;
    background-size:contain;
    display:inline-block;
    height:9px;
    margin-right:0px;
    width:16px
}
.lines .truck_card .call-action-card a.cotizar_option:hover{
    background:inherit;
    color:#e52028;
    border:1px solid #e52028
}
.lines .truck_card .call-action-card a{
    background:#e52028;
    color:#fff;
    text-align:center;
    padding:12px 35px;
    border-radius:39px
}
.lines .truck_card_S{
    width:84%;
    margin:25px 8%;
    background:white;
    border-radius:63px;
    border: 2px solid #E3E3E3;
}
.lines .truck_card_S img{
    width:100%!important;
    height: fit-content;
}
.lines .truck_card_S h2{
    text-align:center;
    font-size:30px;
    text-transform:uppercase;
    color: #ED1D25;
    padding-top: 20px;
}
.lines .truck_card_S p{
    font-size:18px;
    font-weight:normal;
    margin:12px
}
.lines .truck_card_S hr{
    margin: 20px 0px;
    border: none;
    border-top: 2px solid #E3E3E3;
}
.lines .truck_card_S .call-action-card{
    position:relative;
    display:grid;
    bottom:5px;
    justify-content:center;
    padding-top:5%;
    padding-bottom:5%
}
.lines .truck_card_S .call-action-card a.mas_info{
    color: #707070;
    background:initial;
    text-decoration:none
}
.lines .truck_card_S .call-action-card a.mas_info:after{
    content:" ";
    background:url("/img/right-chevron.svg") no-repeat;
    background-size:auto;
    background-size:contain;
    display:inline-block;
    height:9px;
    margin-right:0px;
    width:16px
}
.lines .truck_card_S .call-action-card a.cotizar_option:hover{
    background:inherit;
    color:#e52028;
    border:1px solid #e52028
}
.lines .truck_card_S .call-action-card a{
    background:#e52028;
    color:#fff;
    text-align:center;
    padding:12px 35px;
    border-radius:39px
}
.encabezado_trucks{
    padding-bottom:50px
}
p.capacity_title{
    font-weight:normal !important;
    padding:15px 0px;
    text-transform:uppercase
}
.other_line_forward{
    z-index:0;
    position:relative;
    background:#000;
    color:#fff;
    text-align:center;
    padding-bottom:15%
}
.other_line_forward img{
    width:150px;
    padding-top:0px;
    margin-top:-20px;
    margin-bottom:-10px
}
.other_line_forward h3{
    font-weight:normal;
    margin:25px 10%;
    text-align:center
}
.other_line{
    z-index:0;
    position:relative;
    background:#0F0F0F;
    color:#fff;
    text-align:center;
    padding-bottom:15%
}
.other_line img{
    width:300px;
    padding-top:5%
}
.other_line h3{
    font-weight:normal;
    margin:25px 10%;
    text-align:center
}
a.mas_info{
    color:#e52028;
    background:initial;
    font-size:20px;
    text-decoration:none
}
a.mas_info:after{
    content:" ";
    background:url("/img/right-chevron.svg") no-repeat;
    background-size:auto;
    background-size:contain;
    display:inline-block;
    height:9px;
    margin-right:0px;
    width:16px
}
a.mas_info:hover{
    font-weight:bold
}


.owl-theme .owl-dots .owl-dot span {

background: #c0c0c0!important;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #e52028!important;
}

.center-div{
text-align: center;

}


@media (max-width: 530px){
  #img-promo{

      max-width: 330px;
  }
}

@media (max-width: 400px){
  #img-promo{

    max-width: 295px;
  border-radius: 10px;
  }
}

@media (min-width: 768px){
    .lines .truck_card{
        width:50%;
        margin:40px 25%
    }
    .lines .truck_card_S{
        width:50%;
        margin:40px 25%
    }
    .other_line,.other_line_forward{
        padding-bottom:5%
    }
    .black-text{
        padding-top:30px
    }
}
@media (min-width: 992px){
    .black-text{
        font-size:30px;
        padding-top:30px
    }
    .black-text img.line-logo{
        width:300px
    }
    .black-text img.line-logofw{
        width:500px
    }
    p.capacity_title{
        font-size:25px;
        font-weight: 600;
    }
    #lines p{
        margin:0% 10%;
        font-size:18px;

    }
    #lines p.description_line{
        margin:0% 25%;
        font-size:20px
    }
    #lines .container_cards{
        margin:5% auto;
    }

    #lines .img-seminuevos{
        height: 25vw;
        display: flex;
        align-items: center;
    }

    #lines .container_seminuevos{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 20px 130px;
    }

    #lines .truck_card{
        width: auto;
        margin:5px 1.5% 50px 1.5%;
        display:inline-block
    }
    #lines .truck_card_S{
        width: auto;
        margin:1.5%;
        display:inline-block
    }
    .other_line{
        padding-bottom:25px;
        border-bottom:1px solid #4f4f4f;
    }
    .other_line img.img-footer{
        width:600px;
        padding-top:30px
    }
    .other_line_forward{
        padding-bottom:25px;
        border-bottom:1px solid #4f4f4f
    }
    .other_line_forward img{
        width:300px;
        padding-top:15px
    }
    .black-text{
        font-size:35px
    }
}
/*# sourceMappingURL=lines.min.css.map */