/*!!
Theme Name: Scania en línea
Theme URI: https://scaniaenlinea.pe/
Author: Scania en línea
Author URI: https://scaniaenlinea.pe/
Description:
Version: 1.0.0
License: Derechos Reservados
License URI: https://scaniaenlinea.pe/
Tags: diseño web
*/
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*-------------------------------------- Template Scania --------------------------------------*/
@font-face {
    font-family: 'ScaniaSansV1-Regular';
    src: url('fonts/ScaniaSansV1-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/ScaniaSansV1-Regular.woff') format('woff'), url('fonts/ScaniaSansV1-Regular.ttf')  format('truetype'), url('ScaniaSansV1-Regular.svg#ScaniaSansV1-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'ScaniaSansHeadlineV1-Regular';
    src: url('fonts/ScaniaSansHeadlineV1-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/ScaniaSansHeadlineV1-Regular.woff') format('woff'), url('fonts/ScaniaSansHeadlineV1-Regular.ttf')  format('truetype'), url('fonts/ScaniaSansHeadlineV1-Regular.svg#ScaniaSansHeadlineV1-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'ScaniaSansHeadlineV1-Bold';
    src: url('fonts/ScaniaSansHeadlineV1-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/ScaniaSansHeadlineV1-Bold.woff') format('woff'), url('fonts/ScaniaSansHeadlineV1-Bold.ttf')  format('truetype'), url('fonts/ScaniaSansHeadlineV1-Bold.svg#ScaniaSansHeadlineV1-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?8dvz3v');
    src:  url('fonts/icomoon.eot?8dvz3v#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?8dvz3v') format('truetype'),
      url('fonts/icomoon.woff?8dvz3v') format('woff'),
      url('fonts/icomoon.svg?8dvz3v#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-top:before {
    content: "\e900";
  }
  .icon-down:before {
    content: "\e901";
  }
  .icon-enviar:before {
    content: "\e902";
  }
  .icon-cerrar:before {
    content: "\e903";
  }
  .icon-camion:before {
    content: "\e904";
  }
  .icon-tienda:before {
    content: "\e905";
  }
  .icon-youtube:before {
    content: "\e906";
  }
  .icon-dolar:before {
    content: "\e907";
  }
  .icon-wtp:before {
    content: "\e908";
  }
  .icon-linkedin:before {
    content: "\e909";
  }
  .icon-instagram:before {
    content: "\e90a";
  }
  .icon-facebook:before {
    content: "\e90b";
  }
  body{
      font-family: 'ScaniaSansV1-Regular', sans-serif;
      background-color: #FFF;
      margin: 0;
      padding: 0;
  }
  h1, h2, h3, h4, h5, h6{
  
  }
  h1, h2{
      color: #041E42;
      font-weight: 400;
      font-size: 36px;
      line-height: 38px;
      margin-bottom: 40px;
      position: relative;
      font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
  }
  h1.titular a, h2.titular a {
      color: #041E42;
      text-decoration: none !important;
  }
  h3{
      color: #041E42;
      font-weight: 400;
      font-size: 1.2em;
      line-height: 1.1em;
      margin-bottom: 30px;
      font-family: 'ScaniaSansHeadlineV1-Regular', sans-serif;
  }
  h4{
      color: #041E42;
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 30px;
      text-transform: uppercase;
      font-family: 'ScaniaSansV1-Regular', sans-serif;
  }
  hr.line{
      margin-top: 3.1rem;
      margin-bottom: 3.1rem;
      border-top: 1px solid #C4C4C4;
  }
  p, ul{
      font-size: 14px;
      line-height: 19px;
      color: #020202;
      font-weight: 300;
  }
  ul.list-item{
      padding-left: 20px;
  }
  a{
      color: #000;
  }
  a:hover{
      color: #013988;
  }
  *{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  a{
     text-decoration: none;
  }
  li{
     list-style: none;
  }
  .font_scania_bold{
    font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
  }
  .font_scania_regular{
    font-family: 'ScaniaSansHeadlineV1-Regular', sans-serif;
  }
  .font_scania_parrafo{
    font-family: 'ScaniaSansV1-Regular', sans-serif;
  }
  .hiddenn{
     overflow: hidden;
  }
  /*---------HEADER----------*/
  .header{
     display: grid;
      grid-template-columns: 1fr 56% 1fr;
      position: fixed;
      top: 0;
      width: 100%;
      background: #fff;
      z-index: 800;
      min-height: 70px;
      grid-gap: 10px;
      border-bottom: solid 1px #ccc;
      align-items: center;
  }
     .header_burguer{
        display: grid;
        align-items: center;
        justify-content: center;
        padding: 25px 0;
        border-right: solid 1px #ccc;
        grid-gap: 8px;
        /*height: 100%;*/
        cursor: pointer;
        max-height: max-content;
        position: relative;
     }
        .header_burguer span{
           width: 27px;
           height: 1px;
           background: #000;
               display: table;
           transition: ease 0.5s;
        }
        .header_burguer span:nth-child(2){
           /*margin: 5px 0;*/
        }
        .burguer_animation span:nth-child(2){
           opacity: 0;
        }
        .burguer_animation span:nth-child(1){
           transform: translateY(9px) rotateZ(45deg);
           transition: ease 0.5s;
        }
        .burguer_animation span:nth-child(3){
           transform: translateY(-9px) rotateZ(-45deg);
           transition: ease 0.5s;
        }
     .header_logo{
        display: flex;
     }
        .header_logo img{
           width: 100%;
        }
        .cerrar{
          display: none;
        }
     .header_menu{
        position: fixed;
        height: 100vh;
        background: #fff;
         height: calc(100vh - 70px);
         top: 70px;
         opacity: 0;
        right: 100%;
        width: 100%;
        transition: ease 0.5s;
     }
     .mostrar_menu.header_menu{
        right: 0;
        opacity: 1; 
        transition: ease 0.5s;
     }
        .header_menu ul{
           display: grid;
           grid-gap: 20px;
           padding: 40px;
           font-size: 17px;
        }
           .header_menu ul li{}
              .header_menu ul li a{
                 padding: 15px;
                 display: block;
                 font-family: 'ScaniaSansHeadlineV1-Bold';
                 text-align: center;
                 color: #041E42;
                 border-bottom: solid 2px transparent;
                 -webkit-transition: all 0.3s;
                 transition: all 0.3s;
              }
              a.itemm:hover{
                color: #868686;
                text-decoration: none;
                border-bottom: solid 2px #868686 !important;
                padding-bottom: 18px !important;
              }
              a.active:hover{
                text-decoration: none;
                border-bottom: solid 0px #041E42;
                padding-bottom: 20px !important;
              }
              a.active{
                 position: relative;
              }
              a.active:before{
                 content: '';
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  background: transparent;
                  border-right: solid 2px #041E42;
                  border-bottom: solid 2px #041E42;
                  bottom: 0;
                  right: 0;
              }
              a.active:after{
                 content: '';
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  background: transparent;
                  border-left: solid 2px #041E42;
                  border-top: solid 2px #041E42;
                  top: 0;
                  left: 0;
              }
     .header_iso{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
     }
        img.header_iso1{
           width: 55px;
           position: absolute;
           top: -49px;
        }
        img.header_iso2{
           position: absolute;
           width: 40px;
        }
  /*---------MAIN----------*/
  main{
     margin-top: 70px;
     display: block;
  }
  .container {
     width: 100%;
  }
     .gallery-wrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 150vh;
     }
        .item {
           flex: 1;
           height: 100%;
           background-position: center;
           background-size: cover;
           background-repeat: none;
           transition: ease 0.8s;
           overflow: hidden;
           position: relative;
        }
  
           .animar {
              flex: 2;
              transition: ease 0.8s;
           }
           .item-1 {
              background-image: url("img/banner1.jpg");
           }
           .item-2 {
              background-image: url("img/banner2.jpg");
           }
           .item-3 {
              background-image: url("img/banner3.jpg");
           }
           .item-4 {
              background-image: url("img/banner4.jpg");
           }
           .item-5 {
              background-image: url("img/banner5.jpg");
           }
           .content{
              background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent);
              display: flex;
              padding: 20px;
              justify-content: space-between;
              height: 100%;
              position: relative;
           }
           video{
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
              width: 100%;
              object-fit: cover;
          }
              .item h2{
                 color: #fff;
                 transition: ease 0.5s;
                 font-size: 28px;
                 line-height: 28px;
              }
              span.icon_more{
                 width: 25px;
                 height: 1px;
                 background: #fff;
                 position: relative;
                 margin: 10px 0;
                 transition: ease 0.5s;
              }
              span.icon_more:before{
                 content: '';
                 position: absolute;
                 height: 25px;
                 width: 1px;
                 top: 50%;
                 right: 50%;
                 transform: translate(-50%,-50%);
                 background: #fff;
              }
              .animar span.icon_more{
                 transform: rotateZ(135deg);
                 transition: ease 0.5s;
              }
              .content .btn_scania{
                 position: absolute;
                 bottom: 0;
                 left: 50%;
                 transform: translateX(-50%);
                 opacity: 0;
                 pointer-events: none;
                 font-size: 13px;
                 /*font-family: 'ScaniaSansHeadlineV1-Bold';*/
                 transition: ease 0.5s;
              }
              .animar .btn_scania{
                 opacity: 1;
                 pointer-events: initial;
                 bottom: 40px;
                 transition: ease 0.5s;
              }
  .item:hover h2.linedina span{
      display: block;
      transition: ease 0.5s;
  }
  /*---------FOOTER----------*/
  .footer{
    background: #1D1D1B;
    color: #fff;
    text-align: center;
    padding: 40px 20px;
    margin: -1px 0;
    margin-top: -24px !important;
  }
    .footer_up{}
      .footer_up a{
        font-family: 'ScaniaSansHeadlineV1-Bold';
        color: #fff;
        font-size: 22px;
        text-decoration: none;
      }
      .footer_up p{
        color: #fff;
        font-size: 12px;
        margin: 20px 0;
        line-height: 15px;
      }
    .footer_down{}
      .footer_down_redes{
        display: flex;
        justify-content: center;
      }
        .footer_down_redes a{
          border: solid 1px #fff;
          border-radius: 50%;
          height: 40px;
          width: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 7px;
          font-size: 18px;
          position: relative;
          color: #FFF;
        }
          .footer_down_redes a:before{
            content: '';
            position: absolute;
            width: 2px;
            height: 2px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            opacity: 0;
            background: #fff;
            border-radius: 50%;
            transition: ease 0.5s;
            z-index: 1;
          }
          .footer_down_redes a:hover:before{
            height: 40px;
            width: 40px;
            opacity: 1;
            transition: ease 0.5s;
          }
           .footer_down_redes a:hover span:before{
            color: #1d1d1b;
            position: relative;
            z-index: 2;
            transition: ease 0.5s;
           }
      .footer_down_legal{
            margin: 20px 0 0;
      }
        .footer_down_legal a{
          color: #fff;
          padding: 5px;
          display: block;
        }
  
  @media screen and (min-width: 768px){
  
    main {
      margin-top: 90px;
    }
    .header {
      min-height: 90px;
      grid-template-columns: 100px 1fr 100px;
      }.header_burguer{
        padding: 35px 0;
      }
        .header_logo img {
          max-width: 492px;
          margin: 0 auto;
        }
      .header_menu{
        height: calc(100vh - 90px);
        top: 90px;
      }
          .header_menu ul {
            grid-gap: 40px;
            font-size: 22px;
          }
          img.header_iso1 {
            width: 60px;
            top: -47px;
          }
    .content{
      padding: 40px;
    }
  }
  
  
  @media screen and (min-width: 1024px) {
    video{
     width: auto;
      min-width: 100%;
      min-height: 100%;
      height: auto;
    }
    
    main {
      margin-top: 120px;
    }
     /*--------HEADER-----------*/
    .header {
      min-height: 120px;
      grid-template-columns: 1fr 100px 0px;
      /*grid-template-columns: 1fr 100px 100px;*/
    }
      .header_burguer{
        order: 2;
        border: initial;
        padding: 50px 0;
      }
      .header_menu {
        height: 100vh;
        top: 0;
        max-width: 350px;
        z-index: 9;
        box-shadow: -2px 0px 12px rgba(0,0,0,0.3);
        right: -100%;
      }
        .header_menu ul li a {
          text-align: right;
          width: max-content;
          margin-left: auto;
          padding: 15px 0;
        }
          a.active:after{
            content: initial;
          }
           a.active:before{
            border: none;
            border-bottom: solid 2px #041E42;
            width: 100%;
           }
      .mostrar_menu.header_menu {
        right: 0;
      }
      .header_logo{
        order: 1;
        /*width: max-content;*/
      }
        .header_logo img {
            margin: 0 0 0 40px;
        }
        .cerrar{
          display: flex;
          padding: 40px;
          justify-content: flex-end;
          font-size: 18px;
          cursor: pointer;
        }
          .cerrar span{
            margin-left: 10px;
            font-size: 20px;
          }
      .header_iso{
        order: 3;
      }
        img.header_iso1 {
          width: 79px;
          top: -60px;
        }
        img.header_iso2 {
          width: 50px;
        }
    
    /*--------HEADER 2-----------*/
    #header2{
          grid-template-columns: 1fr 60% 100px;
    }
    #header2 .header_menu{
      background: transparent;
      box-shadow: initial;
      position: initial;
      height: initial;
      order: 2;
      opacity: 1;
      max-width: max-content;
      margin-left: auto;
    }
      #header2 .cerrar{
        display: none;
      }
      #header2 .header_burguer{
        display: none;
      }
        #header2 ul {
            grid-gap: 0;
            font-size: 13px;
            padding: 0;
            grid-auto-flow: column;
        }
          #header2 .header_menu ul li a{
            font-family: 'ScaniaSansHeadlineV1-Regular';
            padding: 20px;
          }
    /*--------BANNER-----------*/
    .gallery-wrap {
        flex-direction: row;
        height: calc(100vh - 120px);
    }
        .item:hover {
           flex: 4;
        }
        .content{
           text-align: center;
           flex-direction: column-reverse;
           justify-content: initial;
           align-items: center;
           background: linear-gradient(180deg,transparent, rgba(0,0,0,0.5));
           padding: 40px 20px;
        }
        .content a{
           left: initial;
        }
           .item:hover .content{
  
           }
           .item h2{
              position: absolute;
              transform: translateY(-120px);
              top: 100%;
           }
           .item:hover h2{
              transform: translateY(-200px);
           }
           span.icon_more{
              width: 25px;
              height: 25px;
              background: transparent;
              border-bottom: solid 1px #fff;
              border-right: solid 1px #fff;
              transform: rotateZ(45deg);
              margin-bottom: 100px;
           }
              span.icon_more:before{
                 content: initial;
              }
           .item:hover span.icon_more{
              transform: rotateZ(225deg);
              margin-bottom: 180px;
           }
           .btn_scania{
              font-size: 16px;
           }
           .item:hover h2{
              margin-bottom: 80px;
              transition: ease 0.5s;
           }
           .item:hover .btn_scania{
              opacity: 1;
              pointer-events: initial;
              bottom: 40px;
              transition: ease 0.5s;
            }
    /*---------FOOTER----------*/
    .footer{
      text-align: left;
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 50px 40px;
      margin-top: -30px !important;
    }
    .footer_down{
      text-align: right;
    }
      .footer_down_redes {
        justify-content: flex-end;
    }
  }
  /*Button animation outline*/
  .btn-cont .btn {
      display: inline-block !important;
    position: relative;
    padding: 14px 12px;
    border: 1px solid white;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    width: max-content;
    display: flex;
    min-width: 262px;
    justify-content: center;
    border-radius: 0 !important;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  .btn-cont .btn:hover {
    border: none;
  }
  .btn-cont .btn:hover .line-1 {
    -webkit-animation: move1 1500ms infinite ease;
            animation: move1 1500ms infinite ease;
  }
  .btn-cont .btn:hover .line-2 {
    -webkit-animation: move2 1500ms infinite ease;
            animation: move2 1500ms infinite ease;
  }
  .btn-cont .btn:hover .line-3 {
    -webkit-animation: move3 1500ms infinite ease;
            animation: move3 1500ms infinite ease;
  }
  .btn-cont .btn:hover .line-4 {
    -webkit-animation: move4 1500ms infinite ease;
            animation: move4 1500ms infinite ease;
  }
  .btn-cont .line-1 {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: white;
    left: 0;
    bottom: 0;
  }
  .btn-cont .line-2 {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: white;
    left: 0;
    top: 0;
  }
  .btn-cont .line-3 {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: white;
    right: 0;
    top: 0;
  }
  .btn-cont .line-4 {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: white;
    right: 0;
    bottom: 0;
  }
  
  @-webkit-keyframes move1 {
    0% {
      height: 100%;
      bottom: 0;
    }
    54% {
      height: 0;
      bottom: 100%;
    }
    55% {
      height: 0;
      bottom: 0;
    }
    100% {
      height: 100%;
      bottom: 0;
    }
  }
  
  @keyframes move1 {
    0% {
      height: 100%;
      bottom: 0;
    }
    54% {
      height: 0;
      bottom: 100%;
    }
    55% {
      height: 0;
      bottom: 0;
    }
    100% {
      height: 100%;
      bottom: 0;
    }
  }
  @-webkit-keyframes move2 {
    0% {
      width: 0;
      left: 0;
    }
    50% {
      width: 100%;
      left: 0;
    }
    100% {
      width: 0;
      left: 100%;
    }
  }
  @keyframes move2 {
    0% {
      width: 0;
      left: 0;
    }
    50% {
      width: 100%;
      left: 0;
    }
    100% {
      width: 0;
      left: 100%;
    }
  }
  @-webkit-keyframes move3 {
    0% {
      height: 100%;
      top: 0;
    }
    54% {
      height: 0;
      top: 100%;
    }
    55% {
      height: 0;
      top: 0;
    }
    100% {
      height: 100%;
      top: 0;
    }
  }
  @keyframes move3 {
    0% {
      height: 100%;
      top: 0;
    }
    54% {
      height: 0;
      top: 100%;
    }
    55% {
      height: 0;
      top: 0;
    }
    100% {
      height: 100%;
      top: 0;
    }
  }
  @-webkit-keyframes move4 {
    0% {
      width: 0;
      right: 0;
    }
    55% {
      width: 100%;
      right: 0;
    }
    100% {
      width: 0;
      right: 100%;
    }
  }
  @keyframes move4 {
    0% {
      width: 0;
      right: 0;
    }
    55% {
      width: 100%;
      right: 0;
    }
    100% {
      width: 0;
      right: 100%;
    }
  }
  .btn-cont.ico .btn {
      padding-left: 52px;
  }
  .btn-cont.blue .btn {
      color: #041E42;
      border: 1px solid #041E42;
      font-weight: 600;
  }
  .btn-cont.blue .line-1 {
      background-color: #041E42;
  }
  .btn-cont.blue .line-2 {
      background-color: #041E42;
  }
  .btn-cont.blue .line-3 {
      background-color: #041E42;
  }
  .btn-cont.blue .line-4 {
      background-color: #041E42;
  }
  .btn-cont.bluebox .btn {
      color: #FFF;
      background-color: #041E42;
      border: 1px solid #041E42;
      font-weight: 600;
  }
  .btn-cont.bluebox .line-1 {
      background-color: #FFF;
  }
  .btn-cont.bluebox .line-2 {
      background-color: #FFF;
  }
  .btn-cont.bluebox .line-3 {
      background-color: #FFF;
  }
  .btn-cont.bluebox .line-4 {
      background-color: #FFF;
  }
  .btn-cont.blueboxwhite .btn {
      color: #041E42;
      background-color: #FFF;
      border: 1px solid #FFF;
      font-weight: 600;
  }
  .btn-cont.blueboxwhite .line-1 {
      background-color: #041E42;
  }
  .btn-cont.blueboxwhite .line-2 {
      background-color: #041E42;
  }
  .btn-cont.blueboxwhite .line-3 {
      background-color: #041E42;
  }
  .btn-cont.blueboxwhite .line-4 {
      background-color: #041E42;
  }
  .btn-cont.bluecircle .btn {
      color: #ffffff;
      background-color: #053271;
      border: 1px solid #041E42;
      font-weight: 600;
      border-radius: 100px !important;
      padding-top: 25px;
      padding-bottom: 25px;
      box-shadow: 1px 2px 10px #000;
  }
  .btn-cont.bluecircle .line-1 {
      background-color: #053271;
  }
  .btn-cont.bluecircle .line-2 {
      background-color: #053271;
  }
  .btn-cont.bluecircle .line-3 {
      background-color: #053271;
  }
  .btn-cont.bluecircle .line-4 {
      background-color: #053271;
  }
  .btn-cont.bluesolid .btn {
      color: #FFF;
      background-color: #041E42;
      border: 1px solid #041E42;
      font-weight: 600;
      line-height: 18px;
      padding: 6px 15px !important;
      min-width: auto;
      width: auto !important;
      margin-bottom: 0;
  }
  .btn-cont.bluesolid .line-1 {
      background-color: #FFF;
  }
  .btn-cont.bluesolid .line-2 {
      background-color: #FFF;
  }
  .btn-cont.bluesolid .line-3 {
      background-color: #FFF;
  }
  .btn-cont.bluesolid .line-4 {
      background-color: #FFF;
  }
  .btn-cont.width2 {
      display: inline-block;
  }
  .btn-cont.width2 .btn {
      min-width: 164px;
  }
  .btn-cont.bluesolid .btn.w180{ 
    width: 180px !important;
  }
  button.bluesolid:hover{
      color: #FFF;
  }
  .logo-scania-escudo{
      position: absolute;
      right: 120px;
      display: none !important;
  }
  .logo-scania-escudo.show{
      display: block !important;
  }
  /*Banner image*/
  .bannerpage{
      position: relative;
      /*min-height: 528px;*/
      text-align: center;
      color: #FFF;
      /*Background*/
      background-position: center center;
      background-size: cover;
      background-repeat: none;
      transition: flex 0.8s ease;
      /*Flex Background*/
      display: flex!important;
      -ms-flex-align: center!important;
      align-items: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
  }
  .bannerpage.alignright{
      text-align: right !important;
      justify-content: flex-end!important;
  }
  .bannerpage.alignright .text-info{
      text-align: right !important;
      padding-right: 4%;
  }
  .bannerpage.alignleft{
      text-align: left !important;
      justify-content: flex-start!important;
  }
  .bannerpage.alignleft .text-info{
      text-align: left !important;
      padding-left: 4%;
  }
  .banner-c2021{
      background-image: url('img/banner-c2021.jpg');
  }
  .banner-01{
      background-image: url('img/banner-financiamiento.jpg');
  }
  .banner-02{
      background-image: url('img/banner-buses.jpg');
  }
  .banner-03{
      background-image: url('img/banner-seminuevos.jpg');
  }
  .banner-04{
      background-image: url('img/banner-taller.jpg');
  }
  .banner-05{
      background-image: url('img/banner-delivery.jpg');
  }
  .banner-06{
      background-image: url('img/banner-repuestos.jpg');
  }
  .banner-07{
      background-image: url('img/banner-tipos-contrato-mantenimiento.jpg');
  }
  .banner-08{
      background-image: url('img/banner-change.jpg');
  }
  .banner-seminuevoscamp{
      background-image: url('img/banner-seminuevos-1.jpg');
  }
  .banner-camp2021{
      background-image: url('img/banner-camp2021.jpg');
  }
  .banner-personaliza{
      background-image: url('img/banner-personaliza.jpg');
  }
  .banner-boutique{
      background-image: url('img/banner-boutique.jpg');
  }
  .banner-exchange{
      background-image: url('img/banner-exchange.jpg');
  }
  .banner-seminuevostop{
      background-image: url('img/banner-seminuevos-top.jpg');
  }
  .banner-seminuevoscenter{
      background-image: url('img/banner-seminuevoscenter.jpg');
  }
  .banner-taller{
      background-image: url('img/banner-taller2.jpg');
  }
  .banner-radiador{
      background-image: url('img/banner-radiador_2.jpg');
  }
  .banner-1{
      background-image: url('img/banner-radiador_2.jpg');
  }
  .bannerpage.sizemedium{
     /** height: calc(50vh - 1px);**/
     height: 380px;
  }
  .bannerpage.sizemedium_info{
      height: calc(65vh - 1px);
  }
  .bannerpage.sizelarge{
      height: calc(80vh - 1px);
  }
  .bannerpage .opacitycolor{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.3);
  }
  .bannerpage .op0{
      background: rgba(0, 0, 0, 0);
  }
  .bannerpage .op1{
      background: rgba(0, 0, 0, 0.2);
  }
  .bannerpage .op2{
      background: rgba(0, 0, 0, 0.3);
  }
  .bannerpage .op3{
      background: rgba(0, 0, 0, 0.4);
  }
  .bannerpage .op4{
      background: rgba(0, 0, 0, 0.5);
  }
  .bannerpage img{
      z-index: 0;
  }
  .bannerpage h1, .bannerpage h2, .bannerpage h3{
      color: #FFF;
  }
  .bannerpage h2, .bannerpage h1{
      font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
      font-size: 38px;
      line-height: 42px;
  }
  .bannerpage h3, .bannerpage h1 span.regular{
      font-family: 'ScaniaSansHeadlineV1-Regular', sans-serif;
      font-size: 23px;
      line-height: 25px;
      margin-bottom: 0;
      display: block;
  }
  .bannerpage .text-info{
      position: relative;
      z-index: 2;
      /*max-width: 690px;*/
      text-align: center;
  }
  .bannerpage .btn-cont{
      display: inline-block !important;
      margin-left: 5px;
      margin-right: 5px;
      margin-top: 100px;
  }
  .bannerpage .btn-cont .btn {
      transition: all 0.4s ease-in-out;
  }
  .bannerpage .btn-cont .btn:hover {
      /*background: rgba(0, 0, 0, 0.2);*/
  }
  .mline-bottom h5{
      color: #FFF;
  }
  /*Bloque vehiculo*/
  .block-vehicle{
      margin-bottom: 70px;
  }
  .block-vehicle h2{
      font-size: 30px; 
      line-height: 30px;
      margin-bottom: 10px;
  }
  .block-vehicle a{
      display: block;
  }
  .block-vehicle .btn{
      /*width: 100%;*/
  }
  .block-vehicle .btn .icomoon{
      position: absolute;
      left: 16px;
      margin-top: -5px;
      font-size: 30px;
      line-height: 30px;
  }
  .block-vehicle .btn span.ct, .block-vehicle .btn span.ct2{
      color: #31BC00;
  }
  .block-vehicle .linevertical{
      width: 1px;
      height: 100%;
      background: #C4C4C4;
      position: absolute;
      right: 10px;
      top: 0;
  }
  .block-vehicle:last-child{
      margin-bottom: 0px;
  }
  .block-list{
      font-family: 'ScaniaSansV1-Regular', sans-serif;
  }
  .block-list span{
      text-transform: uppercase;
      color: #041E42;
      font-weight: 600;
      font-size: 12px;
      line-height: 18px;
      letter-spacing: -0.5px;
      display: inherit;
  }
  .block-list h2{
      font-size: 15px;
      line-height: 18px;
      /*min-height: 42px;*/
  }
  .block-list h5{
      font-size: 25px;
      line-height: 41px;
      color: #000;
      font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
  }
  .block-list p{
      font-size: 16px;
      line-height: 16px;
  }
  .block-list .descun{
      color: #FFFFFF;
      font-size: 11px;
      line-height: 11px;
      text-align: center;
      padding: 3px 8px;
      display: inline-block;
      border-radius: 5px;
      background-color: #FF0404;
      font-family: 'ScaniaSansV1-Regular', sans-serif;
      position: absolute;
      right: 15px;
  }
  .block-list .descun span{
      color: #FFFFFF;
      font-size: 20px;
      line-height: 20px;
      display: block;
      font-weight: 600;
      font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
  }
  .block-list span.igv{
      display: inline-block !important;
      text-transform: none !important;
      font-family: sans-serif !important;
      color: #000 !important;
      margin-left: 3px;
  }
  /*Banner Boxes Zoom*/
  .bannerboxeszoom{
      position: relative;
      height: calc(48vh - 1px);
      text-align: center;
      padding: 0px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      /*Background*/
      background-position: center center;
      background-size: cover;
      background-repeat: none;
      transition: flex 0.8s ease;
  }
  .bannerboxeszoom .boxes-info{
      position: absolute;
      z-index: 500;
      left: 45px;
      bottom: 45px;
  }
  .bannerboxeszoom .boxes-info h2{
      font-size: 26px;
      line-height: 26px;
  }
  .bannerboxeszoom.b2center{
      height: calc(60vh - 1px);
  }
  .bannerboxeszoom .boxes-info.bcenter{
      left: 50%;
      bottom: 50%;
      margin-left: -222px;
      margin-bottom: -122px;
      min-width: 445px;
  }
  .bannerboxeszoom .shadowboxes{
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
  }
  .bannerboxeszoom .alinkimg{
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10;
  }
  .child {
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-transition: all .5s;
      -moz-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
  }
  .nozoom {
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
  }
  .boxes-white{
      background: #ffffff;
  }
  .boxes-promocionmes{
      background-image: url('img/min-promocion-mes.jpg');
  }
  .boxes-destacados{
      background-image: url('img/min-repuestos-destacados.jpg');
  }
  .boxes-delivery{
      background-image: url('img/min-delivery.jpg');
  }
  .boxes-contrato{
      background-image: url('img/min-contrato.jpg');
  }
  .boxes-financiamiento{
      background-image: url('img/min-financiamiento.jpg');
  }
  .boxes-tips{
      background-image: url('img/min-tips.jpg');
  }
  .boxes-campana1{
      background-image: url('img/min-camiones-campanap450.jpg');
  }
  .boxes-campana2{
      background-image: url('img/min-camiones-campana4x2.jpg');
  }
  .boxes-campana3{
      background-image: url('img/min-camiones-campana-mineria.jpg');
  }
  .boxes-campana4{
      background-image: url('img/min-camiones-campana-construccion.jpg');
  }
  .boxes-fiestaspatrias{
      background-image: url('img/min-fiestaspatrias.jpg');
  }
  .boxes-campana2021{
      background-image: url('img/min-camiones-campana2021.jpg');
  }
  .bannerboxeswhite {
      position: relative;
      height: calc(48vh - 1px);
      text-align: center;
      padding: 0px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
  }
  .bannerboxeswhite.white{
      background: #ffffff;
  }
  .bannerboxeszoom:hover .child, .bannerboxeszoom:focus .child {
      -ms-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
  }
  
  .bannerboxeszoom:hover .child.nohover, .bannerboxeszoom:focus .child.nohover {
      -ms-transform: scale(1.0);
      -moz-transform: scale(1.0);
      -webkit-transform: scale(1.0);
      -o-transform: scale(1.0);
      transform: scale(1.0);
  }
  
  .bannerboxeszoom:hover .child:before, .bannerboxeszoom:focus .child:before {
      display: block;
  }
  
  .bannerboxeszoom:hover a, .bannerboxeszoom:focus a {
      display: block;
  }
  .child:before {
      content: "";
      display: none;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,0.4);
  }
  .child.nohover:before {
      content: "";
      display: none;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0,0,0,0.0);
  }
  /*Banner Boxes*/
  .bannerboxes{
      position: relative;
      min-height: 358px;
      text-align: center;
      padding: 45px 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      /*Background*/
      background-position: center center;
      background-size: cover;
      background-repeat: none;
      transition: flex 0.8s ease;
  }
  .boxes01{
      background-image: url('img/bgboxes01.jpg');
  }
  .boxes02{
      background-image: url('img/bgboxes02.jpg');
  }
  .boxes03{
      background-image: url('img/bgboxes03.jpg');
  }
  .bannerboxes img.ico-grafica{
      margin-bottom: 18px;
  }
  .bannerboxes .boxes-info{
      z-index: 10;
      position: relative;
  }
  .bannerboxes h4{
      text-align: left;
      color: #FFF;
      display: inline-block;
      max-width: 218px;
  }
  .bannerboxes .opacitycolor {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.6);
  }
  .logo-seminuevo{
      position: absolute;
      right: 0;
      margin-right: -200px;
      margin-top: -40px;
      top: 0;
      width: 162px;
  }
  .protocolo-info{
      margin-top: 55px;
  }
  .protocolo-boxes{
      text-align: center;
      color: #FFF;
      /*max-width: 14% !important;
      flex: 0 0 14%;*/
      max-width: 14%;
  }
  .colla{
      width: 15%; 
      position: relative;
  }
  .protocolo-boxes h4{
      font-size: 14px;
      line-height: 18px;
  }
  .protocolo-boxes img{
      width: 100%;
      margin-bottom: 10px;
  }
  .protocolo-boxes h4{
      color: #FFF;
      text-transform: inherit;
      max-width: 216px;
      margin-left: auto;
      margin-right: auto;
  }
  .protocolo-boxes:last-child{
      margin-bottom: 0px;
  }
  .delivery-info h4{
      font-weight: 600;
      max-width: 358px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px;
      margin-bottom: 0;
      font-size: 16px;
      line-height: 18px;
  }
  .delivery-info .icomoon{
      color: #041E42;
      font-size: 85px;
      line-height: 85px;
  }
  .delivery-info .col-md-6:nth-child(1){
      border-right: 1px solid #53565A;
  }
  .piderepuesto h2{
      font-size: 20px;
      line-height: 20px;
  }
  .piderepuesto .icomoon{
      width: 92px;
  }
  .area{
      position: relative;
      width: 100%;
      clear: both;
      display: block;
      padding: 100px 0;
  }
  .area.py-55{
      padding: 55px 0;
  }
  .area.py-18{
      padding: 18px 0;
  }
  .area.py-30{
      padding: 30px 0 !important;
  }
  .area.black{
      background-color: #000;
  }
  .area.black h2, .area.black h3{
      color: #FFF;
  }
  .area.black h2{
      font-size: 26px;
      line-height: 28px;
  } 
  .form-control::placeholder {
      color: #a9aaaf;
  }
  .v-desktop{
      display: block;
  }
  .v-movil{
      display: none !important;
  }
  .sub-menu-parent { 
      position: relative; 
  }
  .sub-menu { 
      visibility: hidden; /* hides sub-menu */
      opacity: 0;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      transform: translateY(-2em);
      z-index: -1;
      transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
      background-color: #FFF;
      display: inherit !important;
      list-style: none;
      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  }
  .sub-menu-parent:focus .sub-menu,
  .sub-menu-parent:focus-within .sub-menu,
  .sub-menu-parent:hover .sub-menu {
      visibility: visible; /* shows sub-menu */
      opacity: 1;
      z-index: 1;
      transform: translateY(0%);
      transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
  }
  .sub-menu li{
      display: block !important;
  }
  .sub-menu li a{
      margin-left: 0 !important;
      margin-right: 0 !important;
      display: block !important;
      text-align: center !important;
      width: auto !important;
      text-decoration: none !important;
      font-size: 11px;
      line-height: 14px;
  }
  .hhome .sub-menu{
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      top: 0% !important;
      padding: 0px !important;
      padding-bottom: 5px !important;
      transform: inherit !important;
      box-shadow: inherit !important;
  }
  .hhome .sub-menu li a{
      text-align: right !important;
  }
  .hhome .sub-menu li a:hover{
      color: #868686;
      text-decoration: none;
      border-bottom: solid 2px #868686 !important;
  }
  /*-------------------------------------- Template Forms --------------------------------------*/
  form {
      width: 100%;
      padding: 0;
      border-radius: 0;
      transition: all 0.3s ease;
      font-family: 'ScaniaSansV1-Regular';
      /* font-family: 'Gotham-Medium'; */
  }
  .form-title {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      text-align: center;
      color: var(--gray-text);
      margin-bottom: 16px;
  }
  .custom-control{
      padding-left: 1.8rem;
  }
  .custom-control-label::before{
      top: 0;
      left: -1.9rem;
      width: 1.5rem;
      height: 1.5rem;
  }
  .custom-control-label::after{
      top: 0;
      left: -1.9rem;
      width: 1.5rem;
      height: 1.5rem;
  }
  .custom-control-input:checked~.custom-control-label::before{
      border-color: #77AF43;
      background-color: #77AF43;
  }
  .custom-radio{
      margin-bottom: 18px;
  }
  .custom-checkbox{
      margin-bottom: 12px;
  }
  .txt-radio{
      font-size: 15px;
      line-height: 26px;
      font-weight: bold;
  }
  .custom-control-label{
      color: #000;
  }
  .custom-control-label a, span.inlink a{
      color: #E12A00;
      text-decoration: underline;
  }
  .custom-control-label a:hover{
      color: #FF471D;
  }
  :root {
      --main-color: #FFF;
      --second-color: #ced4da;
      --gray-text: #949494;
      --black: #3a3a3a;
      --green: #17938F;
      --blue: rgb(9, 99, 234);
      --red: #df5621;
      --gray: #b3b3b3;
      --white: #949494;
  }
  .form-group {
      width: 100%;
      position: relative;
      margin-bottom: 30px;
  }
  .form-group-label {
      color: var(--gray-text);
      font-size: 16px;
      font-weight: normal;
      position: absolute;
      pointer-events: none;
      top: 8px;
      left: 10px;
      z-index: 1;
      transition: all 0.3s ease;
  }
  .form-group-input:focus ~ .form-group-label, .form-group-input:valid ~ .form-group-label {
      font-size: 14px;
      top: 5px;
      color: var(--green);
  }
  .form-group-input.error:focus ~ .form-group-label, .form-group-input.error:valid ~ .form-group-label {
      font-size: 14px;
      top: 5px;
      color: red;
  }
  .form-group-input, .form-group-textarea {
      font-size: 18px;
      font-family: 'ScaniaSansV1-Regular';
      border: none;
      outline: none;
      position: relative;
      width: 100%;
      height: 56px;
      padding-top: 28px;
      border-radius: 2px;
      color: var(--white);
      padding: 8px;
      padding-top: 27px;
      border: 1px solid #949494;
      background-color: inherit;
  }
  .form-group-textarea {
      height: 114px;
  }
  .form-group-textarea:hover ~ .form-group-line {
      width: 0;
      animation: textarea 1s infinite ease-in-out;
  }
  .form-group-textarea:focus ~ .form-group-line, .form-group-textarea:valid ~ .form-group-line {
      animation: textarea2 0.5s 1 ease;
      width: 100%;
  }
  .form-group-line {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0%;
      height: 2px;
      background-color: var(--green);
      z-index: 1;
      transform: translatex(-50%);
      transition: all 0.3s ease;
  }
  .form-group-line.textarea{
      bottom: 0px;
  }
  .form-group-input:hover ~ .form-group-line {
      width: 0;
      animation: input 1s infinite ease-in-out;
  }
  .form-group-input:focus ~ .form-group-line, .form-group-input:valid ~ .form-group-line {
      animation: input2 0.5s 1 ease;
      width: 100%;
  }
  .form-group-input.error ~ .form-group-line, .form-group-input.error:valid ~ .form-group-line {
      animation: input2 0.5s 1 ease;
      width: 100%;
      background-color: red;
  }
  .form-group-input.error:hover ~ .form-group-line{
      background-color: red;
  }
  @keyframes input {
      0% {
          width: 5%;
     }
      50% {
          width: 20%;
     }
      100% {
          width: 5%;
     }
  }
  @keyframes input2 {
      0% {
          width: 0%;
     }
      100% {
          width: 100%;
     }
  }
  /*-------------------------------------- Template Forms Select --------------------------------------*/
  .select {
      font-family: 'ScaniaSansV1-Regular';
      border-top: none;
      border-left: none;
      border-right: none;
      background: url(img/ico-arrow-select.svg) center right no-repeat;
      background-size: 8%;
      padding: 8px;
      padding-top: 22px;
      border: 1px solid #949494;
      border-bottom: 1px solid #949494;
      appearance: none;
      -webkit-appearance: none;
      &:focus {
          outline: none;
     }
      &__wrapper {
          position: relative;
          width: 350px;
          &::after {
              content: '';
              position: absolute;
              top: 3px;
              right: 0;
              width: 0;
              height: 0;
              border-left: 6px solid transparent;
              border-right: 6px solid transparent;
              border-top: 6px solid rgba(0, 0, 0, 0.12);
         }
     }
      &__label {
          color: rgba(0, 0, 0, 0.26);
          position: absolute;
          top: -5px;
          left: 0;
          transition: all 0.2s ease;
          pointer-events: none;
     }
  }
  .select {
      &:focus, &:valid{
          ~ .select__label {
              color: red;
              transform: translateY(-25px);
              font-size: 14px;
         }
     }
  }
  .check__success {
      margin-right: auto;
      margin-left: auto;
      width: 64px;
      display: none;
      margin-bottom: 15px;
  }
  input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  input[type=number] {
      -moz-appearance:textfield;
  }
  input[type=date]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  input[type=date] {
      -moz-appearance:textfield;
  }
  a:focus{
      box-shadow: none !important;
  }
  input::placeholder {
      color: #858585 !important;
  }
  ::-webkit-input-placeholder {
     /* Chrome/Opera/Safari */
      color: #858585 !important;
  }
  ::-moz-placeholder {
     /* Firefox 19+ */
      color: #858585 !important;
  }
  :-ms-input-placeholder {
     /* IE 10+ */
      color: #858585 !important;
  }
  :-moz-placeholder {
     /* Firefox 18- */
      color: #858585 !important;
  }
  /* Style campos start */
  .form-group textarea {
      resize: none;
  }
  .form-group .control-label {
      position: absolute;
      top: 0.25rem;
      pointer-events: none;
      padding-left: 0.125rem;
      z-index: 1;
      color: var(--gray-text);
      font-size: 16px;
      font-weight: normal;
      -webkit-transition: all 0.28s ease;
      transition: all 0.28s ease;
  }
  .form-group .bar {
      position: relative;
      border-bottom: 0.0625rem solid #999;
      display: block;
  }
  .form-group .bar::before {
      content: '';
      height: 0.125rem;
      width: 0;
      left: 50%;
      bottom: -0.0625rem;
      position: absolute;
      background: var(--green);
      -webkit-transition: left 0.28s ease, width 0.28s ease;
      transition: left 0.28s ease, width 0.28s ease;
      z-index: 2;
  }
  .form-group textarea {
      display: block;
      background: none;
      font-size: 1rem;
      padding-top: 28px;
      border-width: 0;
      line-height: 1.4;
      width: 100%;
      color: transparent;
      padding: 8px;
      padding-top: 27px;
      border: 1px solid #949494;
      -webkit-transition: all 0.28s ease;
      transition: all 0.28s ease;
      box-shadow: none;
  }
  .form-group input[type="file"] {
      line-height: 1;
  }
  .form-group input[type="file"] ~ .bar {
      display: none;
  }
  .form-group select, .form-group input:focus, .form-group input:valid, .form-group input.form-file, .form-group input.has-value, .form-group textarea:focus, .form-group textarea:valid, .form-group textarea.form-file, .form-group textarea.has-value {
      color: var(--green);
  }
  .form-group select ~ .control-label, .form-group input:focus ~ .control-label, .form-group input:valid ~ .control-label, .form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .form-group textarea:focus ~ .control-label, .form-group textarea:valid ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label {
      font-size: 14px;
      color: var(--gray-text);
      top: 0rem;
      left: 0;
  }
  .form-group select:focus, .form-group input:focus, .form-group textarea:focus {
      outline: none;
  }
  .form-group select:focus ~ .control-label, .form-group input:focus ~ .control-label, .form-group textarea:focus ~ .control-label {
      color: var(--gray-text);
  }
  .form-group select:focus ~ .bar::before, .form-group input:focus ~ .bar::before, .form-group textarea:focus ~ .bar::before {
      width: 100%;
      left: 0;
  }
  /*-------------------------------------- Template carousel owl --------------------------------------*/
   .blog-promociones .owl-carousel .owl-dots.disabled, .blog-promociones .owl-carousel .owl-nav.disabled{
       display: block !important;
  }
   .blog-promociones .owl-carousel .owl-dots.disabled{
       display: none !important;
  }
   .blog-promociones .owl-carousel .owl-dots.disabled{
       margin: 0;
       padding: 0;
       z-index: 500;
       position: absolute;
       top: 0;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-prev, .blog-promociones .owl-carousel .owl-nav button.owl-next{
       position: absolute;
       top: 50%;
       font-size: 58px;
       z-index: 800;
       margin: 0;
       width: 45px;
       height: 90px;
       border-radius: 0 50px 50px 0;
       opacity: 0.6;
       -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
       -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
       transition: all 0.4s ease;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-prev:hover, .blog-promociones .owl-carousel .owl-nav button.owl-next:hover{
       opacity: 1;
       background: inherit;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-prev:hover span, .blog-promociones .owl-carousel .owl-nav button.owl-next:hover span{
  
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-prev{
       left: 0;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-next {
       right: 0;
       border-radius: 50px 0 0 50px;
  }
   .blog-promociones .owl-theme .owl-nav{
       position: absolute;
       width: 100%;
       height: 10px;
       top: 28%;
       margin:0;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-prev span, .blog-promociones .owl-carousel .owl-nav button.owl-next span{
       position: absolute;
       top: 8px;
       color: transparent;
       font-weight: 100;
       font-size: 54px;
       line-height: 40px;
       width: 26px;
       height: 46px;
       margin-top: 14px;
       text-indent: 999;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-prev span{
       left: 8px;
       background: url(img/arrow1.png) center left no-repeat;
  }
   .blog-promociones .owl-carousel .owl-nav button.owl-next span{
       right: 8px;
       background: url(img/arrow2.png) center left no-repeat;
  }
   .blog-promociones .item{
       overflow: hidden;
  }
   .blog-promociones .item .img-promotions{
       z-index: 400;
       -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
       -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
       transition: all 0.4s ease;
  }
   .blog-promociones .item:hover .img-promotions{
       z-index: 500;
       -webkit-transform: scale(1.03);
       transform: scale(1.03);
       opacity: 0.6;
  }
   .blog-promociones .item .more-tri{
       z-index: 500;
       position: absolute;
       right: 0;
       bottom: 0;
       width: 70px;
       -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
       -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
       transition: all 0.4s ease;
  }
   .blog-promociones .item:hover .more-tri{
       -webkit-transform: scale(1.1);
       transform: scale(1.1);
  }
   .blog-promociones .owl-theme .owl-dots{
       display: none !important;
  }
   .marcas .owl-theme .owl-dots{
       display: none !important;
  }
   .promotions {
  }
   .promotions .owl-dots{
       display: none !important;
  }
   .promotions-main{
       padding-top: 0;
       padding-bottom: 0;
  }
   .promotions-left, .promotions-right{
       padding: 42px;
  }
  .hpromotions{
      text-align: center;
  }
  .hpromotions h4{
      margin-bottom: 10px;
  }
  .hpromotions .ions{
      display: inline-block !important;
      width: 85px !important;
      margin-bottom: 15px;
  }
  .hpromotions .centerinfo{
      max-width: 258px;
      margin: 0 auto;
  }
  /*-------------------------------------- Template Adicionales --------------------------------------*/
  .icon_volador{
    position: absolute;
    right: 0;
    top: 0;
    width: 100px !important;
    z-index: 100;
  }
  .block-icos img.ions{
    width: 70px !important;
    margin-bottom: 10px;
  }
  .block-icos h4{
    font-size: 16px !important;
    line-height: 16px;
    margin-bottom: 0px;
  }
  .block_exchange{
  }
  .block_exchange img{
    width: 55px;
    margin-bottom: 6px;
  }
  .block_exchange p{
    color: #FFF;
    font-size: 13px;
    line-height: 14px;
  }
  .background1{
    background: #F4F4F4;
  }
  .padd20{
    padding-left: 20px !important;
  }
  .img239{
    max-width: 239px;
  }
  .blockbuses{
  }
  .blockcenter{
      display: flex!important;
      -ms-flex-align: center!important;
      align-items: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
      text-align: center!important;
  }
  @media (min-width: 767px) {
    .blockcenter{
      padding-right: 30px;
    }
    .blockcenter .infocenter{
        max-width: 250px;
    }
  }
  .content_filter{
  
  }
  .content_filter p{
      color: #041E42;
      font-weight: 600;
  }
  .content_filter .dropdown-item{
      font-size: 14px;
      padding: 15px 30px;
      text-align: right;
      color: #041E42;
  }
  .content_filter .dropdown-item:hover{
      color: #FFFFFF;
      background-color: #041E42 !important;
  }
  .content_filter .dropdown-item:active{
      color: #FFFFFF;
      background-color: #083067 !important;
  }
  .btn-scaniad{
      padding: 14px 20px;
      font-size: 14px;
      border: 1px solid #041E42;
      font-weight: 300;
      color: #041E42;
      border-radius: 0;
      min-width: 200px;
  }
  .tabs_contratos .nav-item a.nav-link{
      width: 160px !important;
      text-align: center !important;
      font-size: 11px !important;
      line-height: 15px !important;
      padding: 10px !important;
      min-height: 94px;
      border-radius: 0;
      color: #909090;
      align-items: center;
      display: flex;
      /* align-self: center; */
      justify-content: center!important;
  }
  .tabs_contratos .nav-item a.nav-link.active{
      color: #041E42;
  }
  .tabs_contratos .nav-item a.nav-link.active:before{
      content: '';
      position: absolute;
      width: 60px;
      height: 30px;
      background: transparent;
      border-right: solid 2px #041E42 !important;
      border-bottom: solid 2px #041E42 !important;
      bottom: 0;
      right: 0;
  }
  .tabs_contratos .nav-item a.nav-link.active:after{
      content: '';
      position: absolute;
      width: 60px;
      height: 30px;
      background: transparent;
      border-left: solid 2px #041E42 !important;
      border-top: solid 2px #041E42 !important;
      top: 0;
      left: 0;
  }
  .tabs_contratos .nav-item a.nav-link:hover, .tabs_contratos .nav-item a.nav-link:active{
      padding: 10px !important;
  }
  .carousel-control-next, .carousel-control-prev{
      width: 50px;
      overflow: hidden;
  }
  .carousel-control-next .control-next{
      transform: rotateZ(-45deg);
      margin-bottom: 30px;
  }
  .carousel-control-prev .control-prev{
      transform: rotateZ(135deg);
      margin-bottom: 30px;
  }
  .collapsecontrato{
      border: 0;
      transition: ease 0.5s;
  }
  .collapsecontrato .card-body{
      border: 0;
      padding: 0;
  }
  .btninfocontrato.collapsed .fa-chevron-down{
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      transition: ease 0.5s;
  }
  .btninfocontrato .fa-chevron-down{
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      transition: ease 0.5s;
  }
  .btninfocontrato{
      text-decoration: underline;
      font-size: 13px;
      line-height: 13px;
  }
  .textinfocontrato{
      padding: 10px;
      padding-right: 0px;
      margin-bottom: 10px;
  }
  .hidetipocontrato{
      margin-top: 20px;
      display: none;
  }
  .prelative{
    position: relative;
  }
  .modal-dialog{
    max-width: 600px;
  }
  .modal-dialogv2{
    max-width: 524px;
  }
  .modalbtn{
    position: absolute;
    z-index: 800;
    bottom: -65px;
    margin-left: -130px;
    left: 50%;
  }
  .cnt-floatbottom{
    text-align: center;
    padding-bottom: 8px;
  }
  .modalbtnfloatbottom{
    position: relative;
    z-index: 800;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -89px;
    left: 0;
    font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
  }
  .modalbtnfloatbottom .btn{
    font-size: 18px;
    line-height: 1.2;
  }
  #msgResponse, #msgResponse2{
    text-align: center;
  }
  .ico-pdf{
    width: 20px;
  }
  .color-white{
      color: #FFF !important;
  }
  .mbot{
      position: relative;
      margin-top: 70px;
  }
  .mbot a{
      color: #FFF;
      text-decoration: none;
      position: relative;
      display: inline-block;
      cursor: pointer;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
  }
  .mbot a:hover{
      -webkit-transform: scale(1.02) !important;
      transform: scale(1.02) !important;
  }
  .fonts1{
      font-size: 20px;
      line-height: 22px;
  }
  .fonts2{
      font-size: 23px;
      line-height: 27px;
  }
  .fonts3{
      font-size: 22px;
      line-height: 22px;
  }
  .fonts4{
      font-size: 16px !important;
      line-height: 18px !important;
  }
  .fonts5{
      font-size: 24px;
      line-height: 27px;
  }
  .fontscaniabold{
      font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
  }
  .colorwhite{
      color: #FFF;
  }
  .bold{
      font-weight: bold;
  }
  .boxicon{
      text-align: center;
      color: #FFFFFF;
      background-color: #1D1D1B;
      display: inline-table;
      padding:15px;
      width: 120px;
      min-height: 123px;
  } 
  .boxicon img{
      width: 60px;
  }
  .boxicon p{
      color: #FFFFFF;
      margin-bottom: 0;
      font-size: 11px;
      line-height: 12px;
      margin-top: 11px;
  } 
  .btnfixed{
      position: fixed;
      right: 30px;
      bottom: 35%;
      z-index: 800;
  }
  .option-download{
      font-family: 'ScaniaSansV1-Regular', sans-serif;
      text-align: left;
      border: 1px solid #041E42;
      font-weight: 600;
      border-radius: 0;
  }
  .option-download::after{
      float: right !important;
      margin-top: 12px !important;
  }
  .item-download{
      color: #17938F;
      font-family: 'ScaniaSansV1-Regular', sans-serif;
      white-space: normal;
  }
  .item-download span.btndownload{
      opacity: 0;
      color: #FFF;
      font-size: 12px;
      line-height: 14px;
      margin-left: 4px;
      padding: 4px 6px;
      border-radius: 0px;
      background-color: #041E42;
  }
  .item-download:hover span.btndownload{
      opacity: 1;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
  }
  .btn-blue{
      color: #FFF;
      background-color: #041E42 !important;
      border-radius: 0;
      font-family: 'ScaniaSansV1-Regular', sans-serif;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      border:0;
      padding: 16px 20px;
  }
  .btn-blue .icomoon{
      font-size: 22px;
      line-height: 22px;
      margin-right: 14px;
  }
  .btn-blue .text{
      top: -2px;
      position: relative;
  }
  .selectdiseno2{
      background-color: #fff;
      border-radius: 10px;
      border-right: 20px solid #FFF;
      border-left: 20px solid #FFF;
      padding-top: 0px;
      height: 40px;
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  }
  .form-group-input.nl:hover ~ .form-group-line {
      width: 0;
      animation: input 1s infinite ease-in-out;
  }
  .form-group-input.nl:focus ~ .form-group-line, .form-group-input.nl:valid ~ .form-group-line{
      width: 95% !important;
      transition: all 0.3s ease;
  }
  label.error{
      position: absolute;
      left: 16px;
      bottom: -26px;
      color: red;
      font-size: 11px;
      letter-spacing: 0px;
      padding-right: 10px;
  }
  .close{
      color: #000 !important;
      padding: 12px;
      opacity: 1 !important;
      border: 0;
      z-index: 50;
      border-radius: 200px;
      background-color: #FFF;
      text-shadow: inherit;
      line-height: 100%;
      cursor: pointer;
      width: 48px;
      height: 48px;
      text-align: center;
  }
  .close:hover, .close:active {
      color: #FFF !important;
      opacity: 1 !important;
      background: #041E42 !important;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
  }
  .modal-custom .close{
      position: absolute;
      right: 18px;
      top: 20px;
      opacity: 0.7 !important;
  }
  .modal-custom .modal-header{
      border: 0;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding-right: 60px;
      padding-left: 60px;
      padding-top: 30px;
      padding-bottom: 30px;
  }
  .modal-custom .modal-header h2{
      margin: 0;
      font-size: 30px;
      line-height: 30px;
  }
  .modal-custom .modal-content{
      border-radius: 0rem;
  }
  .modal-custom .modal-body{
      padding-top: 0px;
      padding-bottom: 36px;
  }
  .back-to-top {
      cursor: pointer;
      position: fixed;
      bottom: 0px;
      right: 40px;
      display:none;
      border-radius: 0px !important;
      z-index: 100;
      border: 2px solid #041E42;
      -webkit-box-shadow: 0 -3px 10px 5px rgba(0,0,0,0.1);
      box-shadow: 0 -3px 10px 5px rgba(0,0,0,0.1);
      transition: all 0.3s ease;
  }
  .back-to-top.mos {
      display:block !important;
  }
  .back-to-top.hom {
      position: relative !important;
      bottom: 0px !important;
      right: 0px !important;
      border-radius: inherit !important;
  }
  .back-to-top.btn-primary {
      background: #FFF;
      color: #041E42;
  }
  .back-to-top.btn-primary:hover, .back-to-top.btn-primary:active {
      background-color: #041E42 !important;
      border-color: #041E42 !important;
  }
  .back-to-top.btn-primary:hover i {
      color: #FFF;
  }
  .img-table{
      width: 14px;
  }
  .img-table.no{
      width: 16px;
  }
  .textleyenda strong {
      width: 65px;
      display: inline-block;
  }
  .titular-table-movil{
      display: none;
  }
  .pagination .page-item.active .page-link{
      background-color: #041E42;
      border-color: #041E42;
  }
  /* Added /9 hack for IE9 so the td´s display as rows */
  table.table-responsive { 
    width: 100%;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
    border-collapse: collapse;
    font-family: 'ScaniaSansV1-Regular', sans-serif;
    font-weight: 100; 
    color: #fff;
    text-rendering: 
    optimizeLegibility;
    border-radius: 5px; 
  }
  table.table-responsive h4{
    font-family: 'ScaniaSansHeadlineV1-Bold', sans-serif;
    margin: 0;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    width: 110px;
  }
  table.table-responsive h4.child{
    width: 175px;
  }
  table.table-responsive caption { 
    font-size: 2rem; color: #444;
    margin: 1rem;
  }
  table.table-responsive thead { width: 100%; border-bottom: 2px solid #eeeeee; background-color: #041E42; }
  table.table-responsive thead th { font-weight: 600; }
  table.table-responsive thead th, table.table-responsive tbody td { 
    padding: .8rem; 
  }
  table.table-responsive tbody { width: 100%; border-bottom: 5px solid #eeeeee; }
  table.table-responsive tbody td { 
    padding: 0.4rem 0.4rem; 
    color: #969696; 
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    font-family: 'ScaniaSansV1-Regular', sans-serif;
  }
  table.table-responsive tbody td.tda{
    text-align: left;
  }
  table.table-responsive tbody td p { margin-bottom: 0; }
  table.table-responsive tbody tr.lightcolor{ background-color: #f9f9f9; }
  table.table-responsive tbody tr:not(:last-child) { 
    border-bottom: 1px solid #eeeeee;  
  }
  @media screen and (max-width: 600px) {
    .tagblue .element-right{ display: none; }
    .tagblue.gris .element-right{ display: none; }
    .titular-table-movil{
        display: block;
        text-align: center;
    }
    table.table-responsive caption { background-image: none; }
    table.table-responsive thead { display: none; }
    table.table-responsive tbody td {
      padding: 1rem .8rem; 
      display: inline-grid;
      width: 33%;
      text-align: center;
      margin-bottom: 12px;
  
    }
    table.table-responsive tbody tr { margin-bottom: 10px; }
    table.table-responsive tbody tr:not(:last-child) { 
      border-bottom: 1px solid #4a4a4a;  
    }
    table.table-responsive tbody tr td:first-child { 
      /*margin-top: 10px;*/
    }
    table.table-responsive tbody tr td:last-child { 
      /*margin-bottom: 10px;*/
    }
    table.table-responsive tbody td:before { 
      content: attr(data-th); 
      font-weight: 300;
      display: inline-block;
      width: 100px;  
      color: #041E42;
      height: 72px;
    }
    table.table-responsive tbody td.tda{
      display: flow-root;
      font-weight: 600;
      width: 100%;
      margin-bottom: 0px;
      line-height: 17px;
      text-align: center;
      background: #041e42;
      color: #fff;
    }
    table.table-responsive tbody td.tda br{
      display: none;
    }
    table.table-responsive tbody td.tda:before { 
      width: 0px;
      display: none;
    }
    /*table.table-responsive tbody td.tda::first-child { 
      width: 0px;
      display: block;
    }*/
    table.table-responsive tbody tr td p { 
      width: 200px;
    }
    .img-table{
      margin: 0 auto;
    }
    .textleyenda {
      font-size: 13px;
      line-height: 14px;
      letter-spacing: -1px;
    }
    .textleyenda strong {
      width: 55px;
    }
  }
  /*-------------------------------------- Template Formats --------------------------------------*/
  @media (min-width: 0px) and (max-width: 320px) {
  }
  @media (min-width: 0px) and (max-width: 499px) {
  }
  @media (min-width: 0px) and (max-width: 767px) {
      .v-desktop{
          display: none !important;
     }
      .v-movil{
          display: block !important;
     }
     .v-movil.vflex{
          display: flex !important;
     }
     .logo-scania-escudo.show{
          display: none !important;
     }
      .nml.v-m{
          margin-right: -15px !important;
          margin-left: -15px !important;
     }
      .v-mc{
          padding-left: 0;
          padding-right: 0;
     }
      .v-m-pl2{
          padding-left: .5rem!important;
     }
      .mball{
          margin-bottom: 42px;
     }
     h2{
          font-size: 30px;
          line-height: 30px;
     }
     h3{
          font-size: 18px;
     }
     .area{
          padding: 42px 0;
     }
      .bannerpage.sizemedium{
          
      }
      .bannerpage.sizelarge{
          height: calc(70vh - 1px);
      }
     .bannerpage h3, .bannerpage h1 span.regular{
          font-size: 14px;
          line-height: 18px;
     }
     .bannerpage h2, .bannerpage h1{
          font-size: 27px;
          line-height: 30px;
     }
     .bannerpage .text-info{
          margin-left: 25px;
          margin-right: 25px;
     }
     .bannerpage .text-info br{
          display: none;
     }
     .btn-cont .btn{
          font-size: 13px;
          line-height: 1.0;
     }
     .bannerpage.sizelarge .text-info{
          display: flex!important;
          align-items: flex-start!important;
          flex-direction: column!important;
          /*min-height: 472px;*/
          height: calc(60vh - 1px);
          text-align: center;
     }
     .bannerpage.sizelarge .text-info .mline{
          margin-bottom: auto!important;
     }
     .bannerpage.sizelarge .text-info .btn-cont{
          margin-left: auto;
          margin-right: auto;
     }
     .mbot{
          position: relative;
          margin-top: 10px;
          margin-left: auto;
          margin-right: auto;
      }
      .mbot .fonts1{
          font-size: 16px;
          line-height: 16px;
      }
      .mbot .fonts2{
          font-size: 18px;
          line-height: 20px;
      }
     .block-vehicle{
          margin-bottom: 42px;
     }
     .block-vehicle h2{
          font-size: 16px;
          line-height: 18px;
     }
     .block-vehicle .btn{
          min-width: auto;
          padding: 14px 10px;
     }
     .btn-cont.ico .btn{
          padding-left: 38px;
     }
     .block-vehicle .btn span.icomoon{
          left: 5px;
     }
     .block-vehicle .btn span.icomoon.icon-dolar{
          margin-top: -8px;
     }
     .block-vehicle .btn span.ct{
          margin-top: -4px;
     }
     .block-vehicle .btn span.ct2{
          margin-top: -9px;
     }
     .block-vehicle .btn-cont.bluesolid .btn{
          font-size: 10px;
          padding: 6px 10px !important;
     }
     .block-vehicle .linevertical{
          height: 93%;
          right: 0px;
     }
     .protocolo-info{
          padding: 0 15px;
     }
     .colla{
          display: none;
     }
     .protocolo-boxes{
          max-width: 50% !important;
          margin-bottom: 30px;
      }
      .delivery-info .col-md-6{
      margin-bottom: 50px;
      }
      .delivery-info .col-md-6:last-child{
          margin-bottom: 0px;
      }
      .delivery-info .icomoon{
          font-size: 75px;
          line-height: 75px;
      }
      .modal-custom .modal-header h2{
          font-size: 22px;
          line-height: 22px;
      }
      .modal-custom .modal-dialog{
          margin: 0 !important;
          min-height: calc(100% - 0rem) !important;
      }
      a.itemm:hover, a.itemm:active{
        color: #000;
        text-decoration: none;
        border-bottom: solid 2px #FFF !important;
        padding-bottom: 20px !important;
      }
      a.itemm.active:hover, a.itemm.active:active{
        text-decoration: none;
        border-bottom: solid 0px #041E42;
        padding-bottom: 20px !important;
      }
      .bannerboxeszoom.b2center{
        height: calc(40vh - 1px);
      }
      .bannerboxeszoom .boxes-info.bcenter{
          margin-left: -222px;
      }
      .bannerboxeszoom .boxes-info h2{
          font-size: 22px;
          line-height: 22px;
      }
      .piderepuesto .icomoon{
          width: 62px;
      }
      .piderepuesto .rcorreo{
          font-size: 14px;
      }
      .piderepuesto .rtelf{
          font-size: 17px;
      }
      .block-vehicle .calculator{
          left: 6px !important;
          margin-top: -8px !important;
      }
      .sub-menu{
          visibility: visible !important;
          opacity: 1 !important;
          position: relative !important;
          top: 0% !important;
          padding: 20px !important;
          padding-bottom: 5px !important;
          transform: inherit !important;
          box-shadow: inherit !important;
      }
      .hhome .sub-menu li a{
          text-align: center !important;
      }
      .boxicon{
          padding: 8px 10px;
          width: 80px;
          min-height: 97px;
      }
      .boxicon img{
          width: 42px;
      }
      .btnfixed{
          bottom: 10%;
      }
      .imgle{ 
          margin-bottom: 20px;
      }
      .tabs_contratos{
          display: flex;
      }
      .tabs_contratos .nav-item{
          flex: 1 1 !important;
          vertical-align: middle;
      }
      .tabs_contratos .nav-item a.nav-link{
          width: auto !important;
          font-size: 9px !important;
          min-height: 82px;
          padding: 10px 2px !important;
      }
      .tabs_contratos .nav-item a.nav-link.active:before{
          border-bottom: solid 2px #041E42 !important;
      }
      .tabs_contratos .nav-item a.nav-link br{
          
      }
      .video_movil{
          height: 250px !important;
      }
      .content_filter{
          margin-top: 20px;
      }
      .blockbuses{
          /*border-bottom: 1px solid #041E42;*/
      }
      .blockcenter{
          padding-bottom: 20px;
      }
      .block_exchange img{
        width: 30px;
        margin-bottom: 6px;
      }
      .block_exchange p{
        font-size: 10px;
        line-height: 10px;
      }
      .pagination{
        display: block;
      }
      .pagination li{
        display: inline-block;
      }
      .pagination li .page-link{
        display: inline-block;
      }
      .boutique-logos{
        width: 200px !important;
      }
      .logo-seminuevo{
        margin: 0;
        margin-top: -87px;
        width: 86px;
        right: 0;
      }
      .banner-radiador{
        background-size: 220%;
      }
      .bannerboxeswhite {
        border-bottom: 1px solid #c1c1c1;
      }
      .icon_volador{
        width: 80px !important;
      }
      .sizeml2{
        text-align: left;
        max-width: 150px;
        font-size: 20px;
        line-height: 26px;
      }
  }
  @media (min-width: 0px) and (max-width: 320px) {
      p, ul{
          font-size: 13px;
          line-height: 16px;
      }
      .block-vehicle .btn-cont.bluesolid .btn{
          font-size: 8px;
          padding: 15px 6px !important;
      }
      .block-vehicle h2{
          font-size: 14px;
          line-height: 16px;
          min-height: inherit;
      }
      .block-vehicle .btn{
          font-size: 11px;
      }
      .bannerpage h3 {
          font-size: 15px;
          line-height: 17px;
      }
      .btn-cont .btn{
          font-size: 11px;
          padding: 15px 10px;
          margin-bottom: 12px;
      }
      .bannerpage h2{
          margin-bottom: 18px;
      }
      .mbot{
          margin-top: 0px;
      }
      .mbot .fonts1, .mbot .fonts2{
          font-size: 80%;
      }

   
    }
 	.header {
    background-color: black;
    padding: 20px;
}
  <style>
    body {
      background-color: black;
      color: white; /* Esto asegura que el texto sea visible */
    }
  </style>