@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:16px 0px;
    display:flex;
    justify-content:center
}
.button_concessionaire a{
    margin:0px;
    background:red;
    color:white;
    text-decoration:navajowhite;
    padding:15px 15px;
    font-size:18px;
    width:75%;
    border-radius:10px;
    text-align:center
}
.maintenance-benefit{
    height:80px;
    display:flex;
    justify-content:center
}

#two_blocks_about{
  width:  50%;
  /*margin: 5px 1.5% 50px;*/
  display: inline-block;
   display: flex;

}

#two_blocks_about a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #e52028;
}

#two_blocks_about a:hover {
    font-weight: bold;
}

#two_blocks_about h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

#two_blocks_about .elf h1,
#two_blocks_about .seminuevos h1,
#two_blocks_about .finance h1 {
    color: #000000;
}

#two_blocks_about p {
    font-size: 18px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#two_blocks_about .elf {
    background: url("../img/backgrounds/whiteBackground.png") no-repeat;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 12px 12px 18px;
    text-align: center;
}

#two_blocks_about .forward a {
    color: white;
}

#two_blocks_about .forward {
    background: url("../img/backgrounds/redBackground.png") no-repeat;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 12px 12px 18px;
    text-align: center;
}

#two_blocks_about .forward p {
    color: #ffffff;
}

#two_blocks_about .carrocerias {
    background: #000;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 12px 12px 18px;
    text-align: center;
}

#two_blocks_about .carrocerias p {
    color: #ffffff;
}

#two_blocks_about .seminuevos {
    background: url("../img/backgrounds/whiteBackground.png") no-repeat;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 12px 12px 18px;
    text-align: center;
}

#two_blocks_about .elf p,
#two_blocks_about .seminuevos p {
    color: #000000;
}

#two_blocks_about .finance {
    background: #ffffff;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 12px 12px 18px;
    text-align: center;
}

#two_blocks_about .finance p {
    color: #000000;
}

#two_blocks_about .finance img {
    /* width: 70%; */
    padding: 5%;
    max-width: 54%;
    position:absolute;
    padding: 5% 0px 0px 0px;
    margin-left: -65px;
}

.card_about{
  background-color: #000;
  padding: 25% 0!important;
}

.text_one_about{

  font-size: 17px!important;
  margin: 0px 16% 0 5% !important;
  color:#fff!important;
  line-height: 25px;
  text-align:left!important;
}

.avatar_img{
  width: 10%!important;
  display: block!important;
  margin: auto!important;
  padding: 50px 0px 1px 0px!important;
}

.avatar_corporate{
  width: 30%;
  margin: 5px 1.5% 50px 1.5%;
  display: inline-block;
}

.logo_corporate {
    max-width: 158px;
    display: block;
    margin: auto;
    padding: 0px 0px 35px 0px;
    margin-top: 0px;
}

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

  #two_blocks_about .finance img {
      padding: 9% 0px 0px 0px;
      margin-left: -65px;
  }

}

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

  #two_blocks_about{
    width:  100%;
    /*margin: 5px 1.5% 50px;*/
     display: inline-block;
        display: block;
    }

    .maintenance_section h1 {
      padding-top: 40px;
        padding-top: 40px;
      color: white!important;
      font-size: 29px!important;

  }

  .card_about {
      background-color: #000;
      padding: 8% 0!important;

  }

  #two_blocks_about p {
text-align: center!important;
}

.text_one_about {

  margin: 0px 5% 0 5% !important;

}

#two_blocks_about .finance {
    background: #ffffff;
    background-size: cover;
    background-position: top;
    color: white;
    padding: 0 0 0 0;
    text-align: center;
}

#two_blocks_about .finance img {
    /* width: 70%; */
    padding: 5%;
    max-width: 54%;
    position: relative;
    padding: 0 0 5% 0;
    margin-left: 0px;
    margin-top: -5%;
}

.intro_maintenance {
    display: grid;
    width: 100%;
    background-color: #000;
    padding-top: 20px;
}

.avatar_img {
    width: 30%!important;

}

.maintenance_section p {

      padding-bottom: 0%;
    padding-top: 0%;
}

/*fin*/
}


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

  .avatar_corporate{
    width: 45%;
    margin: 5px 1.5% 50px 1.5%;
    display: inline-block;
  }


}

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

  .avatar_corporate{
    width: 95%;
    margin: 5px 1.5% 50px 1.5%;
    display: inline-block;
  }

  .maintenance_section h2 {

    padding-top: 3%;
      margin: 10px 7% -30px;
      padding-bottom: 50px;
}

.logo_corporate {
    width: 31%;
    display: block;
    margin: auto;
    padding: 0px 0px 35px 0px;
    margin-top: 23px;
}

#two_blocks_about .finance img {
    /* width: 70%; */
    padding: 5%;
    max-width: 93%;
    position: relative;
    padding: 0 0 5% 0;
    margin-left: 0px;
    margin-top: -5%;
}


}




@media (min-width: 768px){
    .intro_maintenance{
        display:grid;
        width:100%;
        background-color: #000;
        padding-top: 65px;
    }
    .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;
        color:#fff!important;

    }
    .maintenance_section h2{
        font-size:22px;
        padding-bottom:2px
    }
    .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 */