﻿/*Fuentes*/
@font-face {font-family: 'Poppins-Black';src: url('../fonts/Poppins/Poppins-Black.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-Bold';src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-ExtraBold';src: url('../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-ExtraLight';src: url('../fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-Light';src: url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-Medium';src: url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-Regular';src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');font-display: swap;}
@font-face {font-family: 'Poppins-SemiBold';src: url('../fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');font-display: swap;}
.text-regular {font-family: 'Poppins-Regular';}
.text-bold {font-family: 'Poppins-Medium', sans-serif;}
.text-bld {font-family: 'Poppins-Bold', sans-serif;}
.text-strong {font-family: 'Poppins-SemiBold', sans-serif;}
.text-light {font-family: 'Poppins-Light', sans-serif;}
/*-------------------------------------Navbar-------------------------------------*/
.navbar {background-color: #FFF;border: none;box-shadow: 0px 2px 10px rgba(116, 116, 116, .2);height: 65px;margin-bottom: 0px;}
.navbar.navbar-default .navbar-collapse {background-color: #FFF;border: none;}
.navbar .navbar-nav li,.navbar .navbar-nav button{font-size: 1.5rem;}
.navbar .navbar-nav li a,.navbar .navbar-nav .dropdown-toggle {padding: 1rem;color: #25224a;font-size: 13.5px;font-family: 'Poppins-SemiBold';background-color: transparent;border: none;}
.navbar .navbar-nav .caret {border-top-color: #777;border-bottom-color: #777;}
@media (min-width: 992px) {
    .imagen-como-funciona {
        background-image: url(/images/index/phonenex.jpg);
        height: 580px;
        width: 450px;
        margin-top: -3rem;
        background-repeat: no-repeat;
    }
    .navbar {height: 80px;padding: 0 6rem;}
    .navbar .navbar-nav {
        height: 80px;
        align-items: center;
        display: inline-flex;
        justify-content: left;
        padding: 0 1rem;
        width: auto;
        float: right;
        margin-right: 112px;
    }
    .navbar .navbar-brand {align-content: center;display: grid;height: 80px;}
    .navbar .logo-associated {align-items: center;display: flex;height: 80px;padding: 15px 15px;}
    .navbar .logo-associated img {position: absolute;}
}
@media (min-width: 768px) {
    .container-fluid {padding: 0;}
    .navbar .navbar-header .navbar-toggle {position: absolute;right: 2rem;}
    .servicio-autopass {text-align: center !important;}
}
@media (max-width: 992px) {
    .navbar {background-color: transparent;box-shadow: 0px 2px 10px rgba(116, 116, 116, .2);}
    .navbar .navbar-header {height: 65px;}
    .navbar .navbar-header .navbar-toggle {
        background: transparent;
        border: none;
        display: block;
        margin-top: 12px;
    }
    .navbar .navbar-header .navbar-toggle .icon-bar {height: 3px;background: #333;width: 30px;}
    .navbar .navbar-header .navbar-brand {
        background-image: url(../images/index/Fondo-blanco-nex.svg);
        background-position-x: right;
        background-position-y: bottom;
        background-repeat: no-repeat;
        background-size: 200px;
        margin-left: 15px;
        min-width: 200px;
        padding-top: 10px;
    }
    .navbar.top-nav-collapse {background-color: #FFF;box-shadow: 0px 2px 10px rgba(116, 116, 116, .2);}
    .navbar.top-nav-collapse .navbar-header .navbar-toggle .icon-bar {background-color: #333 !important;}
    .navbar.top-nav-collapse .navbar-header .navbar-brand {background-image: url(../images/index/logo-oscuro.png);}
    .navbar .menu-open {
        display: block;
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        position: fixed !important;
        right: 0 !important;
        top: 0 !important;
    }
    .navbar .menu-close {display: none !important;}
    .nav.navbar-nav {display: grid;padding: 4rem 2rem 2rem;}
}
@media (min-width: 1440px) {
    .navbar {padding: 0 8rem;}
}
/*-------------------------------------Footer-------------------------------------*/
.footer {background-color: #25224a;font-size: 1.6rem;padding: 2rem 0 0;}
.color-items-menu-footer {color: #fff;}
.footer .section-grid .info-section img {margin-right: 10px;}
.footer .section-grid .info-section,.footer .section-grid .info-section a {color: #fff !important;}
.footer .section-grid .socials a {margin: 0 1.2rem;}
.footer .copyright {background-color: #25224a;font-weight: 400;padding: 2rem 0 1rem;color: #fff;}
.footer .copyright span {color: #adadad;margin-left: .5rem;}
@media (max-width: 768px) {
    /*.content-list-documents {
        background-image: url(../images/index/header-mobil.webp) !important;
        background: #1b1b51 !important;
        padding-top: 144px !important;
        color: #fff !important;
    }*/
    .footer .container {max-width: 750px !important;}
    .footer .section-grid .info-section {text-align: center;margin-bottom: 2rem;display: grid;}
    .footer .section-grid {background-size: 60%;}
    .footer .section-grid .info-section,.footer .section-grid .info-section a {margin-bottom: 1.5rem;}
}
@media (min-width: 992px) {
    .footer .container {max-width: 970px !important;}
}
@media (min-width: 1200px) {
    .footer .container {max-width: 1170px !important;}
}
.text-right {text-align: right;}
.text-left {text-align: left;}
a:hover,a:focus,a:active {text-decoration: none;}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0px;
}
body {
    background: #fff;
    color: #474747;
    height: 100%;
    overflow-y: scroll !important;
    overflow-x: hidden;
    padding-bottom: 0;
}
.body-content {min-height: 100vh;}
p, span, a, label, ul, li {line-height: 30px;}
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
input[type=submit],
input[type=button] {
    background: #ac292f;
    border-color: #ac292f;
    border-radius: 50px;
    color: #FFF;
    white-space: normal;
}
input[type=submit],
input[type=button] {border-width: 0px;box-shadow: none;margin-top: 3rem;padding: 6px 12px;}
.m-auto {margin: auto;}
@media (max-width: 992px) {
    body {padding-top: 0;}
}
.logos .row {margin-right: 0;margin-left: 0;}
/*PAGINA HOME*/
.transferir-vehiculo h2 {font-size: 20px;}
.preferir-autopass {line-height: 20px;font-size: 1.4rem;margin-bottom: 2rem;}
.bg-tranfiereaqui {background-color: #E3154A;color: #fff;}
.b-circle {border-radius: 50px;}
.boton-transfiereaqui {margin-bottom: 4rem;}
#morecss, #morecss2, #morecss3, #morecss4, #morecss5, #morecss6 {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D1CBE3;
    border-radius: 9px;
    opacity: 1;
    margin-bottom: 2rem;
    padding: 10px 10px;
}
.more, .more2, .more3, .more4, .more5, .more6 {cursor: pointer;color: #586df6;}
.complete, .complete2, .complete3, .complete4, .complete5, .complete6 {display: none;}
.navbar-default .navbar-nav > li > a {color: #fff !important;}
button#dropdownMenu1 {color: #fff !important;}
nav.navbar.navbar-fixed-top.navbar-default.top-nav-collapse {background-color: #fff !important;box-shadow: 0px 2px 10px rgb(116 116 116 / 20%) !important;}
.navbar {background-color: transparent !important;border: none !important;box-shadow: none !important;}
nav.navbar.navbar-fixed-top.navbar-default.top-nav-collapse.navbar li a, .navbar .navbar-nav .dropdown-toggle {color: #25224A !important;}
nav.navbar.navbar-fixed-top.navbar-default.top-nav-collapse.navbar button#dropdownMenu1 {color: #25224A !important;}
nav.navbar.navbar-fixed-top.navbar-default.top-nav-collapse.navbar span.caret {border-top-color: #25224A !important}
.row-one {margin-bottom: 3rem;}
@media(max-width: 768px) {
    .navbar.top-nav-collapse .navbar-header .navbar-brand {background-image: url(../images/index/Fondo-negro-nex.svg) !important;}
    .row-one, .col-clients-nex {margin-bottom: 2rem !important;}
    .navbar.navbar-default .navbar-collapse {background: #fff !important;}
    button#dropdownMenu1 {color: #25224a !important;}
    .navbar .navbar-nav .caret {border-top-color: #25224a !important;}
}
@media(max-width: 992px) {
    .navbar-default .navbar-nav > li > a {color: #25224a !important;}
    button#dropdownMenu1 {color: #25224a !important;}
}
.item-text p {line-height: 22px;padding: 0px 1px;}
body {overflow-x: hidden !important;}
.modalDoc .modal-body {overflow-y: scroll;max-height: 65vh;}
.modalDoc .modal-dialog {background: rgba(245, 245, 245, 1);padding: 0 0;border-radius: 5px;position: initial !important;}
.modalDoc .modal-dialog .modal-header {background: #fff;border-radius: 5px 5px 0 0;padding: 1rem 2rem 0rem;border-bottom: none;}
.modalDoc .modal-dialog .modal-body {padding: 2rem 4rem 3rem;width: 100%;overflow-y: auto;}
.modalDoc .modal-dialog .modal-body .name-document {font-size: 2.3rem;margin-top: 0;margin-bottom: 2rem;color: #25224A;}
.modalDoc .modal-dialog .modal-body .urlModal {color: #3D4FEF;line-height: 25px;}
.modalDoc .modal-dialog .modal-body .btn-primary {min-width: 50%;padding: 10px;border-radius: 9px;margin: 2rem 0rem 3rem !important;background-color: #E51A52 !important;}
.modal {text-align: center;padding: 0 !important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
.logos {margin-top: 10rem;}
@media(max-width: 768px) {
    .modalDoc .modal-dialog .modal-body {padding: 2rem 2rem 4rem;}
    .modalDoc .modal-dialog .modal-body .urlModal {font-size: 14px;}
    .description-Modal {font-size: 14px;}
    .btn-transferencia-vehiculo {min-width: 90% !important;}
}
.logos h2 {color: #333333;margin-bottom: 3rem;}
.logo-carousel {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 3rem 0;}
.logo-carousel .item a {padding: .5rem;height: 100px;display: flex;align-items: center;justify-content: center;}
.title {font-size: 37px;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="select"] {max-width: 530px !important;}
.section-porque-elegir-nex, .section-empresas {background: #f8faff;padding: 30px 0px;}
.section-porque-elegir-nex .dato {color: #25224a;line-height: 20px;}
.subtitle-cifras {color: #25224a;font-size: 20px;margin-bottom: 4rem;}
.navbar .navbar-header .navbar-toggle .icon-bar {height: 3px;background: #fff !important;width: 30px;}
.subtitles h4 {font-size: 17px;line-height: 23px;}
body {padding-top: 0 !important;}
@media(max-width: 768px) {
    .modalDoc .modal-dialog .modal-body .btn-primary {
        min-width: 90%;
        margin: 2rem 0rem 3rem !important;
        background-color: #E51A52 !important;
        border-color: #E51A52 !important;
        border-radius: 9px;
        padding: 10px;
    }
    .description-AutorizacionViaje {font-size: 14px;}
    .navbar {background-color: transparent;box-shadow: none !important;}
    .navbar .navbar-header .navbar-brand {
        background-image: url(../images/index/Fondo-blanco-nex.svg) !important;
        background-position-x: right;
        background-position-y: bottom;
        background-repeat: no-repeat;
        background-size: 200px;
        margin-left: 15px;
        min-width: 200px;
        padding-top: 10px;
    }
    .content-list-documents .list {margin-left: 0rem !important;}
    .container-mobile {margin-top: -7rem !important;}
    .subtitle {font-size: 1.7rem !important;}
    .item-text p {line-height: 1.8rem !important;font-size: 1.4rem !important;}
    .item-text {padding: 10px 0px !important;}
    .image-item img {width: 80px;height: auto;margin-top: -1rem !important;}
    .todos-los-documentos {display: flex !important; align-items: center !important;}
    .section-porque-elegir-nex .dato {font-size: 15px !important;line-height: 18px !important;}
}
@media(max-width: 767px) {
    .title-1 {text-align: left !important;font-size: 30px;}
    .subtitle-mobile {text-align: left !important;}
}
@media(min-width: 992px) {
    .navbar .navbar-nav {margin-right: 20px !important;}
    .number-tramites {margin-left: 4px;}
    .number-client {margin-left: 4px;}
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .navbar .navbar-nav { margin-right: 0px !important;}
}
@media(min-width: 992px) and (max-width: 993px) {
    .navbar-default .navbar-nav > li > a {color: #25224a !important;}
    button#dropdownMenu1 {color: #25224a !important;}
}
@media(min-width: 993px) {
    .navbar.navbar-default .navbar-collapse {background-color: transparent !important;border: none;}
}
@media(min-width: 992px) {
    .navbar .navbar-nav .caret {color: #777 !important;}
    .section-buscador {margin-top: -6rem;}
}
.content-list-documents .list {
    background: #f7f7f7 !important;
    border-radius: 5px !important;
    box-shadow: 0px 0 20px rgb(0 0 0 / 30%) !important;
    color: #36374CB3 !important;
    list-style: none !important;
    margin-left: 1rem;
    padding-left: 0 !important;
    position: absolute !important;
    width: 91% !important;
    z-index: 1 !important;
    font-family: 'Poppins-Medium';
}
.content-list-documents .list li {cursor: pointer;padding: .8rem 1rem;}
.content-list-documents .list li:hover {background: #fff;}
.content:hover {box-shadow: 0px 0px 30px 2px #d1cbe3;}
.content-list-documents {
    background-image: url(../images/index/image-home.webp);
    padding: 4rem 0 0rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    padding-top: 25vh;
    color: #FFF;
}
.container.body-content {width: 100vw;min-width: 100vw;max-width: 100vw;padding: 0;}
.container {max-width: 100vw !important;}
.documents-top {margin-top: 10px;}
/*Documentos home*/
.content {
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 10px 7px;
    margin-bottom: 3rem;
    box-shadow: 0px 5px 10px rgb(116 116 116 / 20%);
    transition: box-shadow 218ms;
}
@media(max-width: 767px) {
    .content { height: 120px;}
    .todos-documentos {height: 80px;}
    .documents-lineheight {font-size: 14px;line-height: 20px;}
}
.content:hover {box-shadow: 0px 0px 30px 2px #d1cbe3;}
.doc-icon {min-width: 75px;min-height: 60px;background-repeat: no-repeat;background-position-x: center;}
.documento-contrato-arriendo {background-image: url(/images/index/documentos/ArriendoContrato.svg);background-size: 50px;}
.documento-fotocopia-legalizada {background-image: url(/images/index/documentos/fotocopia-legalizada.svg);background-size: 50px;}
.documento-declaracion {background-image: url(/images/index/documentos/Declaracion-jurada.svg);background-size: 50px;}
.documento-finiquito {background-image: url(/images/index/documentos/Finiquito.svg);background-size: 50px;}
.documento-invitacion-extranjero {background-image: url(/images/index/documentos/CartaInvitacionExtranjero.svg);background-size: 50px;}
.documento-renuncia-voluntaria {background-image: url(/images/index/documentos/RenunciaVoluntaria.svg);background-size: 50px;}
.documento-certificado-residencia {background-image: url(/images/index/documentos/ResidenciaCertificado.svg);background-size: 50px;}
.documento-autorizacion-viaje {background-image: url(/images/index/documentos/AutorizacionesDeViaje.svg);background-size: 50px;}
.documento-todos {background-image: url(/images/index/documentos/Otros.svg);background-size: 50px;}
.documents {display: flex;align-items: center;justify-content: center;}
@media(min-width: 768px) {.documents-lineheight {font-size: 16px;line-height: 20px;}}
@media(min-width:992px){.documents-lineheight {font-size: 16px;line-height: 20px;}}
.section-documentos a, .section-documentos-mobile a {color: #25224a;}
.section-documentos {margin-top: 1rem;margin-bottom: 4rem;}
.logo-carousel .item a {padding: .5rem;height: 100px;display: flex;align-items: center;justify-content: center;}
.logo-carousel .item .img-responsive {max-height: 65px !important;}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}
.carousel .item .col-xs-12 {padding: 0;}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .carousel .item .col-xs-12:nth-last-child(-n+2) {display: none;}
}
@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }
    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }
    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .carousel-showmanymoveone .carousel-inner > .item.active {
       -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,.carousel-showmanymoveone .carousel-inner > .prev {left: -16.6%;}
    .carousel-showmanymoveone .carousel-inner > .active.right,.carousel-showmanymoveone .carousel-inner > .next {left: 16.6%;}
    .carousel-showmanymoveone .carousel-inner > .left,.carousel-showmanymoveone .carousel-inner > .prev.right,.carousel-showmanymoveone .carousel-inner > .active {left: 0;}
    .carousel-showmanymoveone .carousel-inner .cloneditem-2,.carousel-showmanymoveone .carousel-inner .cloneditem-3 {display: block;}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(16.6%, 0, 0);
        transform: translate3d(16.6%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.active.left,.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-16.6%, 0, 0);
        transform: translate3d(-16.6%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.left,.carousel-showmanymoveone .carousel-inner > .item.prev.right,.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
.content-list-documents .buscador {
    background-color: #FFF;
    background-image: url(/images/lupa.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-x: 2%;
    background-position-y: center;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    font-size: 1.6rem;
    color: #36374CB3;
    height: 40px;
    margin: 3rem auto 1rem;
    padding: 2.6rem 3.5rem;
    font-family: 'Poppins-Medium';
}
@media(min-width: 992px) {
    .row1 {display: flex;}
    .djurada, .rvoluntaria {display: grid;}
}
.close {font-size: 40px !important;font-weight: initial !important;color: #25224A !important; opacity: 1 !important;}
::placeholder {color: #36374CB3 !important;font-family: 'Poppins-Medium';}