@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
}
#internal_truck p{
    margin:0% 8%;
    font-size:18px;
    font-weight:lighter;
    text-align:center;
    color:#4f4f4f
}
#truckSlider{
    font-size:50px;
    font-weight:lighter;
    color:#4f4f4f;
    padding-top:5%
}
#truckSlider .owl-prev{
    float:left
}
#truckSlider .owl-next{
    float:right
}
#truckSlider .owl-nav{
    position:absolute;
    top:25%;
    width:100%
}
#truckSlider .item{
    margin:0px 5%
}
#applicationsSlider{
    font-size:50px;
    font-weight:lighter;
    color:#4f4f4f;
    padding-top:5%
}
#applicationsSlider .owl-prev{
    float:left;
    color:#fff
}
#applicationsSlider .owl-next{
    float:right;
    color:#fff
}
#applicationsSlider .owl-nav{
    position:absolute;
    top:15%;
    width:100%
}
#applicationsSlider .owl-dots{
    display:none
}
#applications img{
    width:70%
}
#applications h2{
    color:#4f4f4f;
    text-transform:uppercase
}
#applications .concessionaire_item{
    text-align:center;
    margin:50px 0px;
    margin-top:-10%
}
#applications .concessionaire_item .concessionaire{
    color:#4f4f4f;
    border-radius:10px;
    border:1px solid #4f4f4f;
    padding:10px;
    text-decoration:none;
    z-index:9;
    position:relative
}
#applications .concessionaire_item .concessionaire:hover{
    color:#e52028;
    border:1px solid #e52028
}
#applications .chevron_truck{
    width:13px
}
#applications .applications_item{
    text-align:center;
    height:100px;
    padding:5% 5% 0px
}
#applications .applications_item a.mas_info{
    color:#e52028;
    font-size:18px
}
#applications .applications_item a.mas_info:hover{
    font-weight:bold
}
.caracteristicas{
    padding:5px 15%;
    background-color: #242424;
}
.benefits{
    text-align:center;
    color:#e52028;
    height:100px;
    /*background:#f8f8f8;*/
    margin-top:0%;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center
}
.benefits a{
    color:#e52028;
    font-size:18px;
    text-decoration:none
}
.benefits a:after{
    content:" ";
    background:url("/img/right-chevron.svg") no-repeat;
    background-size:12px;
    display:inline-block;
    height:12px;
    margin-right:0px;
    width:16px
}
.benefits a:hover{
    font-weight:bold
}
#banner_truck_opacity{
    transition-property:opacity;
    opacity:0
}
#banner_truck_opacity2{
    transition-property:opacity
}
.opacity_truck{
    transition:all 1s ease-out 0s;
    opacity:1 !important
}
.owl-carousel .owl-item img{
    max-width:100% !important
}
.quote_truck_button{
    width:100%;
    color:#fff;
    text-align:center;
    border-radius:10px;
    background:#e52028;
    padding:15px 0px;
    display:block;
    margin-bottom:30px
}
.black-text{
    font-size:22px;
    font-weight:normal;
    text-align:center;
    padding-top:8%;
    text-transform:uppercase
}
.black-text img.line-logo{
    width:230px;
    padding-top:10px
}
.black-text img.line-logofw{
    padding-top:0px;
    width:350px
}
.image_leyenda{
    font-size:10px !important;
    text-align:right !important;
    margin:5px 10px !important;
    color: white !important;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.banner-trucks{
    width:100%;
    padding-top:30px
}
.info_truck{
    justify-content:space-around;
    display:flex;
    padding-bottom:5%
}
.info_truck .download_datasheet{
    border:1px solid #4f4f4f;
    border-radius:30px;
    padding:10px;
    text-decoration:none;
    color:#000;
    font-weight:600;
    font-size:20px;
}
.info_truck .download_datasheet:hover{
    color:#e52028
}
.info_truck .quote{
    padding:10px;
    background:#e52028;
    border-radius:30px;
    color:#fff;
    width:130px;
    text-align:center;
    cursor:pointer;
    font-size: 20px;
    font-weight: 600;

}
.info_truck .quote:hover{
    color:#e52028;
    background:#fff;
    border:1px solid #e52028
}

.features{
    font-size:18px;
    font-weight:lighter;
    color:#4f4f4f
}
.features h2{
    text-align:center;
    text-transform:uppercase
}
.features ul{
    list-style-type:circle;
    color:red;
    margin:0px 15px
}
.features ul span{
    color:#4f4f4f
}
.features .features_items{
    display:flex;
    justify-content:space-evenly;
    text-align:center;
    padding-bottom:7%;
    color:#4f4f4f
}
.features .features_items span{
    font-weight:bold;
    font-size:20px
}
.encabezado_trucks{
    padding-bottom:50px
}
.title_truck{
    text-transform:uppercase;
    font-weight:normal;
    font-size:20px;
}
.other_line{
    background:#000;
    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
}
.other_line a.mas_info{
    color:#e52028;
    background:initial;
    font-size:20px
}
.other_line 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
}
.applications_blocks{
    display:block;
    text-align: center;
    margin-right: 5%;
    margin-left: 5%;
    line-height: 63px;

}
.applications_blocks ul{
    list-style:none;
    padding:0px;
    border-bottom:1px solid #4f4f4f
}
.applications_blocks a{
    cursor:auto !important;
    color:#4f4f4f;
    text-align:center;
    justify-content:center;
    display:flex;
    padding:20px 0px;
    font-size:18px;
    font-weight:lighter;
    border-top:1px solid #4f4f4f
}
.benefits_item{
    position:relative;
    z-index:3;
    background:url("/img/lines/background_red.png") no-repeat;
    background-size:cover;
    padding:5px 0px;
    margin:30px 0px -2px
}
.benefits_item h3{
    text-align:center;
    color:#fff
}
.benefits_item ul{
    list-style:none;
    display:flex;
    justify-content:space-evenly;
    padding:20px
}
.benefits_item ul li{
    width:24%;
    display:grid
}
.benefits_item ul li img{
    width:60px;
    margin:auto;
    height:50px
}
.benefits_item ul p{
    font-size:10px !important;
    color:#fff !important;
    padding-top:5px
}
.banner-trucks-benefits{
    width:100%;
    display:flex;
    margin:auto
}
.benefit-container-img{
    align-items:center
}
.benefit_landing{
    display:flex
}

.applications_item{
    text-align:center;
}
.applications_item h2{
    font-size:27px;
}

.item{
    text-align: center;
    font-size: 27px;
}
@media (min-width: 768px){
    #applications img{
        width:50%
    }
    .benefits_item ul li img{
        height:70px
    }
    #internal_truck p{
        font-size:22px;
        margin:1% 15%;

    }

    .aplicaciones{
        font-weight: 400;
        font-size:17px;
        margin-right: 10px;
        margin-left: 10px;

    }

    .hide-elf-bus{
      display:none!important;
    }

    #internal_truck .title_truck{
        font-weight:normal
    }
    #internal_truck .container{
        margin:auto;
        display:flex;
        justify-content:center
    }
    #internal_truck .container .black-text{
        font-size:30px;
        display:inline-grid;
        padding-top:0px;
    }
    #internal_truck .container .black-text img.line-logofw{
        width:500px
    }
    #internal_truck .container .black-text img.line-logo{
        width:270px
    }
    .descripcion{
        margin:5px 20%
    }
    .image_leyenda{
        font-size:14px !important
    }
    .banner-trucks-benefits{
        width:50%;
        display:flex;
        margin:auto;
        max-width:600px
    }
    .benefits_item{
        margin:80px 0px -2px
    }
    .benefits_item ul h3{
        font-size:22px
    }
    .benefits_item ul p{
        font-size:15px !important;
        padding-top:25px
    }
}
@media (min-width: 992px){
    .info_truck{
        justify-content:space-evenly;
        margin:0px 10%
    }
    .features .features_items span{
        font-size:25px
    }
    .features ul{
        text-align:center;
        list-style-type:none
    }
    #truckSlider img{
        max-height:490px;
        width:auto;
        max-width:100%
    }
    #truckSlider .item{
        margin:0px 25%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    #truckSlider .owl-prev,#truckSlider .owl-next{
        font-size:60px
    }
    #applicationsSlider .owl-prev{
        margin-left:5%;
        font-size:60px;
        margin-top:5%
    }
    #applicationsSlider .owl-next{
        margin-right:5%;
        font-size:60px;
        margin-top:5%
    }
    .quote_truck_button{
        display:none
    }
    .benefits_item h3{
        font-size:25px
    }
    .benefits_item ul{
        margin:0px 10%
    }
    .benefits_item ul p{
        font-size:18px !important
    }
    .benefits_item ul p:hover{
        font-weight:bold
    }
    .benefits_item ul li img.benefit_landing{
        width:70% !important;
        height:70px
    }
    .benefits_item ul li img{
        width:70px
    }
    .main-benefit-container{
        display:flex;
      /*  margin-bottom:15%*/
    }
    .banner-trucks-benefits{
        max-height:400px;
        width:auto;
        max-width:100%
    }
    .benefits_item{
        margin:0px 0px 0px;
        width:50%;
        display:grid
    }
    .image-benefit{
        width:50%
    }

    .features h2{
        margin-top: 50px;
    }
}
/*# sourceMappingURL=lines_trucks.min.css.map */

@media (max-width: 576px){

  .benefits_item{
      position:relative;
      z-index:3;
      background:url("/img/lines/background_red.png") no-repeat;
      background-size:cover;
      padding:5px 0px;
      margin:30px 0px -2px
  }
  .benefits_item h3{
      text-align:center;
      color:#fff
  }
  .benefits_item ul{
    list-style: none;
  display: block;
  justify-content: space-evenly;
  padding: 20px;
  columns: 2!important;
  -webkit-columns: 2;
  -moz-columns: 2;
  }
  .benefits_item ul li{
      width:100%;
      display:grid
  }
  .benefits_item ul li img{
      width:60px!important;
      margin:auto;
      height:50px
  }
  .benefits_item ul p{
      font-size:10px !important;
      color:#fff !important;
      padding-top:5px
  }

  .benefits_item ul li p{
margin-bottom: 27px!important;
  }

  .banner-trucks-benefits{
      width:100%;
      display:flex;
      margin:auto
  }
  .benefit-container-img{
      align-items:center
  }
  .benefit_landing{
      display:flex
  }

  .info_truck {
      justify-content: space-around;
      display: flex;
      padding: 5%;
      flex-wrap: wrap-reverse;
  }

  .info_truck .quote {
    padding: 10px 0;
    background: #e52028;
    border-radius: 30px;
    color: #fff;
    width: 230px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
}

.black-text {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    padding-top: 0%;
    text-transform: uppercase;
    margin-block-end: 1.33em;
}

.encabezado_trucks {
    padding-bottom: 6px;
}


}