@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
}
.maintenance_section p{
    font-size:17px;
    color:gray;
    font-weight:lighter;
    margin:0% 7%;
    text-align:center;
    padding-bottom:10%;
    padding-top:5%
}
.maintenance_section h1{
    text-transform:uppercase;
    text-align:center;
    padding-top:8%;
    margin:10px 7%;
    font-size:20px;
    margin:0px 40px;
    line-height:30px
}
.maintenance_section h2{
    text-transform:uppercase;
    text-align:center;
    padding-top:8%;
    color:#4f4f4f;
    margin:10px 7% 25px;
    font-size:18px;
    margin:0px;
    padding-bottom:50px
}
.maintenance_section img{
    width:100%
}
.maintenance_section a.mas_info{
    display:flex;
    justify-content:center;
    color:#e52028;
    background:initial;
    text-decoration:none
}
.maintenance_section 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-left:2px;
    margin-top:7px;
    width:16px
}
.maintenance_section a.mas_info:hover{
    font-weight:bold
}
.maintenance_section .benefits_item{
    position:relative;
    z-index:3;
    background:url("/img/mantenimiento/background_red.png") no-repeat;
    background-size:cover;
    padding:5px 0px;
    margin:45px 0px 30px
}
.maintenance_section .benefits_item h3{
    text-align:center;
    color:#fff
}
.maintenance_section .benefits_item ul{
    list-style:none;
    display:flex;
    justify-content:space-evenly;
    padding:20px
}
.maintenance_section .benefits_item ul li{
    width:24%;
    display:grid
}
.maintenance_section .benefits_item ul li img{
    width:50px;
    margin:auto
}
.maintenance_section .benefits_item ul p{
    font-size:10px;
    color:#fff;
    padding-top:5px
}
#repairs ul{
    list-style:none;
    padding:0px
}
#repairs ul li img{
    width:100px;
    padding-left:5%
}
#repairs ul li p.line_truck{
    padding-left:2%;
    width:40%;
    color:#4f4f4f;
    position:center
}
#repairs ul li .desplegar{
    width:15px
}
#repairs ul li div h4{
    margin-top:-25px;
    padding-left:25px
}
#repairs ul li div p,#repairs ul li div ol{
    padding-left:25px;
    text-align:left;
    font-size:13px;
    margin-top:-10px
}
#repairs ul li div ol{
    list-style:initial
}
.show_drop li p{
    text-align:center
}
.dropdown a{
    text-decoration:none
}
.dropdown [data-toggle="dropdown"]{
    position:relative;
    display:flex;
    background:#dfdfdf;
    border-radius:10px;
    margin:5% 10%;
    padding-top:15px;
    padding-right:5px
}
.dropdown .mileage{
    width:40%;
    text-align:left;
    font-size:18px;
    font-weight:normal;
    color:#4f4f4f;
    padding-left:10px
}
.dropdown .icon-arrow{
    position:absolute;
    display:block;
    font-size:0.7em;
    color:#fff;
    top:35px;
    right:20px
}
.dropdown .icon-arrow.open{
    transform:rotate(-180deg);
    transition:all 0.6s ease
}
.dropdown .icon-arrow.close{
    transform:rotate(0deg);
    transition:all 0.6s ease
}
.dropdown .dropdown-menu{
    max-height:0;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0
}
.dropdown .dropdown-menu li{
    display:flex
}
.dropdown .dropdown-menu li:last-child>div{
    border-left:none
}
.dropdown .dropdown-menu li div{
    width:60%;
    border-left:2px solid #ff4646;
    padding-bottom:50px
}
.dropdown .dropdown-menu li div:before{
    content:" ";
    background:url("/img/Redpoint.svg") no-repeat;
    background-size:15px;
    display:inline-block;
    height:15px;
    margin-right:-6.5px;
    width:15px;
    position:relative;
    margin-bottom:5px;
    right:8px;
    z-index:5
}
.dropdown .dropdown-menu li a{
    display:block;
    color:#424242;
    background:#c1c1c1;
    box-shadow:0 1px 0 #fff inset,0 -1px 0 #e6e6e6 inset;
    padding:10px 10px
}
.dropdown .show_drop,.dropdown .hide{
    transform-origin:50%,0%
}
.dropdown .show_drop{
    display:block;
    height:auto;
    max-height:max-content;
    min-height:max-content;
    background:#fff;
    transform:scale(1);
    animation:showAnimation .5s ease-in-out;
    -moz-animation:showAnimation .5s ease-in-out;
    -webkit-animation:showAnimation .5s ease-in-out;
    transition:max-height 1s ease-in-out;
    margin:5% 10%
}
.dropdown .hide{
    max-height:0;
    transform:scaleY(0);
    transition:max-height 0.6s ease-out
}
.button_concessionaire{
    padding:20px 0px;
    display:flex;
    justify-content:center
}
.button_concessionaire a{
    margin:0px;
    background:red;
    color:white;
    text-decoration:navajowhite;
    padding:25px 10px;
    font-size:18px;
    width:100%;
    border-radius:10px;
    text-align:center
}
.maintenance-benefit{
    height:80px;
    display:flex;
    justify-content:center
}
@media (min-width: 768px){
    .intro_maintenance{
        display:grid;
        width:100%
    }
    .intro_maintenance .text{
        width:100%;
        order:2
    }
    .intro_maintenance .picture_maintenance{
        width:100%;
        order:1
    }
    .maintenance_section h1{
        padding-top:40px
    }
    .maintenance_section h2{
        padding-top:30px
    }
    .maintenance_section p{
        padding-bottom:30px;
        padding-top:0px
    }
    .maintenance_section a.mas_info{
        font-size:20px
    }
    .maintenance_section a.mas_info:after{
        background-size:12px;
        height:12px;
        margin-top:8px
    }
    .maintenance_section .benefits_item ul h3{
        font-size:22px
    }
    .maintenance_section .benefits_item ul p{
        font-size:15px;
        padding-top:25px
    }
    .dropdown [data-toggle="dropdown"]{
        margin:15px 10%
    }
    .button_concessionaire a{
        width:50%;
        padding:15px 10px
    }
}
@media (min-width: 992px){
    .maintenance_section h1{
        padding-top:40px;
        font-size:25px;
        color:#4f4f4f
    }
    .maintenance_section h2{
        font-size:22px;
        padding-bottom:50px
    }
    .maintenance_section p{
        font-size:20px;
        margin:0px 20%
    }
    .maintenance_section .benefits_item h3{
        font-size:25px
    }
    .maintenance_section .benefits_item ul{
        margin:0px 10%
    }
    .maintenance_section .benefits_item ul p{
        font-size:18px
    }
    .maintenance_section .benefits_item ul p:hover{
        font-weight:bold
    }
    .maintenance_section .benefits_item ul li img{
        width:70px
    }
    .button_concessionaire a{
        width:30%
    }
    .button_concessionaire a:hover{
        border:1px solid #e52028;
        background:#fff;
        color:#e52028
    }
    .dropdown [data-toggle="dropdown"]{
        margin:15px 15%
    }
    .dropdown .show_drop{
        margin:5% 15%
    }
    .dropdown .mileage,#repairs ul li div h4{
        font-size:20px
    }
    #repairs ul li div p,#repairs ul li div ol{
        font-size:17px
    }
}
/*# sourceMappingURL=maintenance.min.css.map */


@media only screen and (max-width: 450px){

  .button_concessionaire a{
      margin:0px;
      background:red;
      color:white;
      text-decoration:navajowhite;
      padding:18px 10px;
      font-size:18px;
      width:85%;
      border-radius:10px;
      text-align:center
  }

}