body{
    overflow-x: hidden!important;
}

.slider-secction {
       width: 100vw;
    height: 41vw;
    background-image: url("../img/slider.png");
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}

.section-principal-img{
    width: 12.5vw;
    top: 13vw;
    position: absolute;
    display: inline-block;
    left: 65vw;
}

.section-principal-text{


     color: white;
    text-align: left;
    position: absolute;
    display: block;
    left: 65vw;
    top: 19vw;
    font-size: 3vw;
    font-weight: 700;
    font-stretch: condensed;
    line-height: 3.8vw;
}

.italic{
    font-style: italic;
}

.section-xiling{
     width: 100vw;
    height: 132vw;
    background-image: url("../img/fondo-xiling.png");
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    position: relative;
    display: inline-block;
}

.section-xiling-img{
      position: relative;
    display: block;
    left: 39vw;
    width: 21vw;
    margin-top: 7vw;
}

.section-xiling-text{
        font-size: 4vw;
    font-stretch: condensed;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 4vw;
    margin-top: 8vw;
    position: relative;
    display: block;
}

.content-cuenta{
    width: 100vw;
    height: 13vw;
    background-color: #343434;
    position: relative;
    display: block;
    margin-top: 2vw;
}

.content-cuenta-data{
      width: 100%;
    height: 100%;
    position: relative;
    display: contents;
}


.content-cuenta-card{
       height: 42%;
    position: relative;
    display: inline-block;
    width: 17vw;
    left: 0vw;
    margin-top: 4vw;
    border-right: solid 3px #FFBB00;
}

.text-cuenta{
       font-size: 4vw;
    position: relative;
    display: block;
    line-height: 1vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
    font-stretch: condensed;
    font-weight: 700;
    color: #FFBB00;
}

.text-cuenta-title{
      font-size: 1.6vw;
    position: relative;
    display: block;
    line-height: 1vw;
    margin-top: 1.7vw;
    margin-bottom: 2vw;
    font-stretch: condensed;
    font-weight: 500;
    color: #ffffff;
}

.patentes{
width: 20vw;
}

.ingenieros{
width: 21vw;
}

.paises{
    width: 17vw;
}

.fabrica{
      width: 23vw;
    border: solid 0px;
}

.content-elevadoras{
        margin-top: 4vw!important;
}

.elevadora-1{
     text-align: left;
    position: relative;
    display: block;
    left: 8vw;
    font-size: 1.7vw;
    line-height: 2.5vw;
    top: 2vw;
    font-stretch: condensed;
}

.elevadora-2{
       width: 28.9vw;
    position: relative;
    display: block;
    left: 1vw;
}

.elevadora-4{
      text-align: left;
    position: relative;
    display: block;
    left: 1vw;
    font-size: 1.7vw;
    line-height: 2.5vw;
    top: 5vw;
    font-stretch: condensed;
}

.elevadora-3{
     width: 28.9vw;
    position: relative;
    display: block;
    left: 8.5vw;
}


.content-equipos{
      width: 90%;
    left: 5%;
    position: relative;
    display: block;
    margin-top: 7vw;
    border-top: solid 3px #FFBB00;
}

.text-equipos{
      width: 100%;
    text-align: center;
    position: relative;
    display: block;
    margin-top: 5vw;
    font-size: 4vw;
    font-stretch: condensed;
    line-height: 3.5vw;
    font-weight: 700;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000' stroke='%23000000' stroke-width='1.5'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000' stroke='%23000000' stroke-width='1.5'%3e%3cpath d='M11.354 1.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708l6 6a.5.5 0 0 0 .708-.708L5.707 8l5.647-5.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e")!important;
}

.section-catalogo{
     width: 100vw;
    height: 52vw;
    background-image: url("../img/fondocatalogos.png");
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    position: relative;
    display: inline-block;
}

.content-productos{
    display: block;
    position: relative;
    width: 90vw;
    left: 5%;
    /* margin-top: 10vw; */
}

.content-carousel{
        top: 11vw;
    height: 36vw;
}

.image-productos{
     max-height: 36vw;
    position: relative;
    display: inline;
    left: -16vw;

}

.carousel-control-next, .carousel-control-prev {
    width: 9%!important;
}

.text-productos{
     position: absolute;
    display: block;
    top: 2vw;
    left: 62vw;
    font-size: 3.5vw;
    line-height: 3.8vw;
    text-align: left;
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    height: 9vw;
    border-bottom: solid 5px #FFBB00;

}

.button-productos{
       display: inline-block;
    position: absolute;
    left: 62vw;
    top: 23vw;
    background-color: #FFBB00;
    width: 15vw;
    border-radius: .3vw;
    color: black;
    text-decoration: none;
    height: 2.5vw;
}

.descarga-productos{
    width: 2vw;
    position: absolute;
    display: block;
    left: 12vw;
    top: .4vw;
}

.button-productos span{
        position: absolute;
    left: 1vw;
    top: .7vw;
    font-size: 1vw;
    font-stretch: condensed;
    font-weight: 600;
}

/*XXXXXXXXXXXXXXXXXXXXXX Fomulairo XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.formulario{
       width: 100vw;
    height: 63vw;
    position: relative;
    display: block;
}

.text-fomulairo{
      position: relative;
    display: block;
    text-align: center;
    font-size: 3.8vw;
    color: white;
    font-stretch: condensed;
    line-height: 5vw;
    text-transform: uppercase;
    font-weight: 700;
    top: 17vw;
}

.fondo-text-form{
      background-image: url("../img/form.png");
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    height: 63vw;
}


.text-contactanos{
      position: relative;
    display: block;
    margin-top: 8vw;
    left: 7vw;
    font-size: 3.5vw;
    font-stretch: condensed;
    font-weight: 700;
}


form{
     width: 65%;
    position: relative;
    display: inline-table;
    left: 15%;
    margin-top: 3vw;
}

.form-group-data{
     position: relative;
    display: inline-flex;
    width: 100%;
    margin-bottom: 2vw;
    height: 3.5vw;
    border: solid 1px;
    border-radius: .5vw;
}

form label {
     width: 50%;
    position: relative;
    display: inline-block;
    align-content: center;
    align-items: center;
    text-align: center;
    font-size: .9vw;
}

form input {
        width: 50%;
    display: inline-block;
    border: solid 0px!important;
}

.mitad-form{
     width: 47%;
    /* margin-right: 1vw; */
}

.telefonoform{
       margin-left: 1.9vw;
}

.form-group-data-text-area{
     text-align: left!important;
    height: 11vw;
    border: solid 1px;
    border-radius: .4vw;
}

.message{
     text-align: left!important;
     left: 1vw;
    top:1vw;
}


.form-group-data-text-area input{
        width: 50%;
    position: relative;
    display: inline-block;
    align-content: center;
    align-items: center;
    text-align: left;
    font-size: .9vw;
    left: 1vw;
    margin-top: .5vw;
}

textarea{
     height: 7.2vw;
    border: 0px!important;
    top: 1vw;
    position: relative;
}

.movil-terminos-condiciones{
        margin-top: 3vw;
    text-align: left;
}

.movil-terminos-condiciones input{
       border: solid 1px!important;
    width: 2vw;
    height: 1.5vw;
}

.movil-terminos-condiciones label{
     width: 96%;
    display: block;
    position: relative;
    text-align: left;
    left: 1.5vw;
    top: 0.4vw;
    font-weight: 600;
    font-size: .9vw;
}

.form-button-contact{
      width: 15vw;
    height: 2.5vw;
    border-radius: .5vw;
    font-size: 1.4vw!important;
    color: black!important;
    background-color: #FFBB00!important;
    margin-top: 2vw;
    position: relative;
    display: block!important;
    left: 0vw;
}

/* Se terminan estilos para formulario*/

.desktop{
    display: block;
}
.movil{
    display:none;
}
.lista-equipos{
    position: absolute;
    display: block;
    z-index: 99;
    top: 12vw;
    left: 61vw;
    text-align: justify;
    font-size: 1.5vw;
}
.disclaimer{
        position: absolute;
    display: block;
    left: 5vw;
    top: 49vw;
    font-size: .9vw;
}
@media screen and (max-width:768px) {
    main{
            overflow-x: hidden;
    }
    .desktop{
        display: none;
    }
    .movil{
        display:block;
    }
    .slider-secction {
       width: 100vw;
    height: 76vw;
    background-image: url(../img/slider-movil.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    }

    .section-principal-img {
        display: none;
    }

    .section-principal-text {
    color: white;
    text-align: left;
    position: absolute;
    display: block;
    left: 26vw;
    top: 19vw;
    font-size: 5.5vw;
    font-weight: 700;
    font-stretch: condensed;
    line-height: 6.8vw;
}

.section-xiling {
     width: 100vw;
    height: 380vw;
    background-image: url(../img/fondo-xiling-movil.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    position: relative;
    display: inline-block;
}

.section-xiling-img {
    left: 36vw;
    width: 28vw;
    margin-top: 9vw;
}

.section-xiling-text {
    font-size: 6vw;
    line-height: 7vw;
    margin-top: 8vw;
}

.content-cuenta {
    width: 100vw;
    height: 28vw;
    background-color: #343434;
    position: relative;
    display: block;
    margin-top: 7vw;
}

.content-cuenta-card {
      height: 40%;
    position: relative;
    display: inline-block;
    width: 26vw;
    left: 0vw;
    margin-top: 7vw;
    border-right: solid 2px #FFBB00;
}

.text-cuenta {
    font-size: 11vw;
    position: relative;
    display: block;
    line-height: 1vw;
    margin-top: 3vw;
    margin-bottom: 9vw;
    font-stretch: condensed;
    font-weight: 700;
    color: #FFBB00;
}

.text-cuenta-title {
    font-size: 5.6vw;
    position: relative;
    display: block;
    line-height: 1vw;
    margin-top: 3.7vw;
    margin-bottom: 2vw;
    font-stretch: condensed;
    font-weight: 500;
    color: #ffffff;
}

.patentes {
    width: 34vw !important;
}

.ingenieros {
    width: 36vw !important;
    border-right: solid 0px !important;
}

.paises {
    width: 37vw !important;
}
.fabrica {
    width: 51vw !important;
    border-right: solid 0px !important;
}


.productosCuenta .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
     height: 6vw;
      top: 3vw;
    position: relative;
    display: block;
}


.productosCuenta .carousel-control-prev-icon {
    height: 6vw;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'%3e%3cpath d='M11.354 1.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708l6 6a.5.5 0 0 0 .708-.708L5.707 8l5.647-5.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e")!important;
    top: 3vw;
    position: relative;
    display: block;
}

.elevadora-1 {
    text-align: center;
    position: relative;
    display: block;
    left: 0vw;
    font-size: 4.7vw;
    line-height: 6.5vw;
    font-stretch: condensed;
    width: 100%;
    margin-top: 13vw;
}

.elevadora-2 {
    width: 70vw;
    position: relative;
    display: block;
    left: 13vw;
    margin-top: 6vw;
}
.elevadora-4 {
      text-align: center;
    position: relative;
    display: block;
    left: 0vw;
    font-size: 4.7vw;
    line-height: 5.5vw;
    top: -52vw;
    font-stretch: condensed;
    width: 100%;
}

.elevadora-3 {
    width: 70vw;
    position: relative;
    display: block;
    left: 13vw;
    top: 65vw;
}
.content-equipos {
    width: 69%;
    left: 13%;
    position: relative;
    display: block;
    margin-top: 34vw;
    border-top: solid 4px #FFBB00;
}

.text-equipos {
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    margin-top: 13vw;
    font-size: 7vw;
    font-stretch: condensed;
    line-height: 6.5vw;
    font-weight: 700;
}

.section-catalogo {
       width: 100vw;
    height: 155vw;
    background-image: url("../img/fondocatalogos.png");
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    position: relative;
    display: inline-block;
}
.content-productos {
       display: block;
    position: relative;
    width: 90vw;
    left: 5%;
    margin-top: 10vw;
    height: 122vw;
}

.text-productos {
       position: absolute;
    display: block;
    top: 59vw;
    left: 17vw;
    font-size: 7.5vw;
    line-height: 8.8vw;
    text-align: center;
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    height: auto;
    border-bottom: solid 5px #FFBB00;
    width: 65%;
}
.button-productos {
       display: inline-block;
    position: absolute;
    left: 21vw;
    top: 109vw;
    background-color: #FFBB00;
    width: 50vw;
    border-radius: 1.3vw;
    color: black;
    text-decoration: none;
    height: 6.5vw;
}

.button-productos span {
    position: absolute;
    left: 3vw;
    top: .7vw;
    font-size: 4vw;
    font-stretch: condensed;
    font-weight: 600;
}

.descarga-productos {
    width: 6vw;
    position: absolute;
    display: block;
    left: 40vw;
    top: .4vw;
}

.image-productos {
    max-height: 52vw;
    position: relative;
    display: inline;
    left: 0vw;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000' stroke='%23000000' stroke-width='1.5'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
        width: 6vw!important;
    top: 21vw;
    position: relative;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000' stroke='%23000000' stroke-width='1.5'%3e%3cpath d='M11.354 1.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708l6 6a.5.5 0 0 0 .708-.708L5.707 8l5.647-5.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e")!important;
        width: 6vw!important;
    top: 21vw;
    position: relative;
}

.formulario {
    width: 100vw;
    height: 250vw;
    position: relative;
    display: block;
}

.fondo-text-form {
       background-image: url(../img/form-movil.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    height: 75vw;
    position: absolute;
    width: 100vw !important;
}

.text-fomulairo {
    position: relative;
    display: block;
    text-align: center;
    font-size: 7.3vw;
    color: white;
    font-stretch: condensed;
    line-height: 10vw;
    text-transform: uppercase;
    font-weight: 700;
    top: 18vw;
}

.content-form{
    position: absolute;
    top: 78vw;
    width: 100vw;
}

.text-contactanos {
    position: relative;
    display: block;
    margin-top: 8vw;
    left: 0vw;
    font-size: 7.5vw;
    font-stretch: condensed;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

form {
    width: 90%;
    position: relative;
    display: inline-table;
    left: 5%;
    margin-top: 3vw;
}

.form-group-data {
      position: relative;
    display: inline-flex;
    width: 100%;
    margin-bottom: 6vw;
    height: 13.5vw;
    border: solid 1.6px;
    border-radius: 2.5vw;
}

form label {
    width: 84%;
    position: relative;
    display: inline-block;
    align-content: center;
    align-items: center;
    text-align: center;
    font-size: 3.5vw;
}

.form-group-data-text-area {
    text-align: left !important;
    height: 41vw;
    border: solid 1px;
    border-radius: 2.4vw;
}

textarea {
    height: 31.2vw;
    border: 0px !important;
    top: 1vw;
    position: relative;
}

.movil-terminos-condiciones {
    margin-top: 10vw;
    text-align: left;
}
.movil-terminos-condiciones input {
    border: solid 1px !important;
    width: 8vw;
    height: 6.5vw;
    left: 10vw;
    position: relative;
}

.movil-terminos-condiciones label {
    width: 96%;
    display: block;
    position: relative;
    text-align: left;
    left: 12.5vw;
    top: 1.4vw;
    font-weight: 600;
    font-size: 3.9vw;
}
.form-button-contact {
    width: 60vw;
    height: 11.5vw;
    border-radius: .5vw;
    font-size: 5.4vw !important;
    color: black !important;
    background-color: #FFBB00 !important;
    margin-top: 12vw;
    position: relative;
    display: block !important;
    left: 13vw;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.mitad-form {
    width: 47% !important;
    margin-right: 1vw !important;
}

.telefonoform {
    margin-left: 3vw;
}

.lista-equipos {
       list-style: none;
    padding-left: 0;
    position: absolute;
    display: block;
    z-index: 99;
    top: 78vw;
    left: 15vw;
    text-align: justify;
    font-size: 4vw;
    letter-spacing: .1vw;
    text-align: center;
    width: 65vw;
}

.disclaimer {
    position: absolute;
    display: block;
    left: 0vw;
    top: 142vw;
    font-size: 3vw;
    width: 100vw;
    text-align: center;
}


}
