/* ESTILOS GENERALES */

html {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

html * {
    font-family: 'Lato', sans-serif;
    color: #073763;
}

.notfound-template {
    padding: 40px 15px;
    text-align: center;
}

.notfound-opciones {
    margin-top:15px;margin-bottom:15px;
}

.notfound-opciones .btn {
    background-color: #073763;
    color: #fff;
    border-color: white;
    transition: 0.35s ease-out;
    padding-left: 50px;
    padding-right: 50px;
}

.notfound-opciones .btn:hover{
    background-color: white;
    color: #073763;
    border-color: #073763;
    transition: 0.35s ease-out;
}

.bigfof{
    font-size: 25vh;
}

.row.azul {
    background-color: #073763;
}

a {
    color: #ffffff;
}

a.inactivo {
    color: #e80027;
}

.red_separation_last {
    margin: 40px 40px 40px 500px;
    width: 100px;
    height: 2pt;
    background: #e80027;
}

.red_separation_dlr {
    margin: 40px 40px 0 80%;
    width: 100px;
    height: 2pt;
    background: #e80027;
}

.division {
    height: 50%;
    width: 1px;
    vertical-align: middle;
    display: inline-block;
    margin: auto .5vw;
    background-color: #ffffff;
}

#pagina_servicios {
    position: relative;
    background-image: url('../img/fondo_servicios.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -5vw;
}

.pagina_llc{
    background-image: url('../img/fondo_llc.jpg') !important;
}

#pagina_nosotros {
    position: relative;
    background-image: url('../img/fondo_nosotros.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 5vw;
}

.margin_separation {
    padding-top: 20px;
    margin: 0 25% 0 25%;
}

#seccion_mexico_usa {
    background-image: url('../img/truck_outline.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 30%;
}

.truck_certificaciones {
    margin-top: 3.7rem;
    width: 95%;
    -webkit-box-shadow: -200px -45px 0px 0px rgba(242, 242, 242, 1);
    -moz-box-shadow: -200px -45px 0px 0px rgba(242, 242, 242, 1);
    box-shadow: -200px -45px 0px 0px rgba(242, 242, 242, 1);
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.overlay.azul {
    background: rgb(7, 55, 99);
    background: linear-gradient(90deg, rgba(7, 55, 99, .75) 0%, rgba(7, 55, 99, 0) 90%);
}

.overlay.azul.fondo_dlrtr {
    background: rgb(7, 55, 99);
    background: linear-gradient(90deg, rgba(7, 55, 99, 1) 0%, rgba(7, 55, 99, 0) 95%);
}

.title_w {
    color: white;
}

.titulo_movil {
    font-size: 3rem;
}

.titulo_secciones {
    font-size: 3rem;
}

.titulo_pagina {
    padding: 10vw 0 5vw 0;
    background-color: black;
}

.titulo_pagina * {
    color: #fff;
    margin-bottom: 1vw;
}

.titulo_pagina h5:last-of-type {
    margin-bottom: 0;
}

.titulo_pagina h1 {
    font-size: 3.5rem;
}

.seccion {
    padding: 6.5vw 0;
}

.seccion.gris {
    background-color: #f2f2f2;
}

.seccion.rutas {
    font-weight: bold;
    padding: 3vw 0;
    text-align: center;
    font-size: 16px;
}

.seccion.rutas a {
    margin-left: 15px;
}

.certificacion .resize_cert {
    width: 50%;
}

.btn.servicio {
    border: 1px solid #073763;
    text-align: center;
    padding: .5vw 0;
    margin-bottom: 15px;
}

.col-5 .servicio:first-of-type {
    margin-top: 10px;
}

.col-5 .servicio:last-of-type {
    margin-bottom: 0;
}

#cert_int {
    background-image: url('../img/CertInt.jpg');
    background-size: 65%;
    background-repeat: no-repeat;
    background-position-x: 50vw;
    background-color: #fff;
    background-position-y: -9vw;
}

#servicios_certificaciones {
    flex-direction: row-reverse;
}

.certificacion {
    width: 100%;
    height: 6.2vw;
    margin-bottom: 1vw;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 1.4px 1.1px rgba(0, 0, 0, 0.010), 0 3.8px 2.7px rgba(0, 0, 0, 0.010), 0 6.7px 5px rgba(0, 0, 0, 0.06), 0 11.2px 8.7px rgba(0, 0, 0, 0.010), 0 20.8px 15.5px rgba(0, 0, 0, 0.010), 0 50px 40px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificaciones {
    width: 48%;
    height: 6.2vw;
    margin-bottom: 1vw;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 1.4px 1.1px rgba(0, 0, 0, 0.010), 0 3.8px 2.7px rgba(0, 0, 0, 0.010), 0 6.7px 5px rgba(0, 0, 0, 0.06), 0 11.2px 8.7px rgba(0, 0, 0, 0.010), 0 20.8px 15.5px rgba(0, 0, 0, 0.010), 0 50px 40px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificacion img {
    width: 65%;
    height: auto;
    margin: auto;
}

.certificaciones img {
    width: 65%;
    height: auto;
    margin: auto;
}

.contacto {
    background-color: #fff;
    padding: 2vw 4vw;
}

.banderas_row {
    margin-bottom: 2vw;
}

.bandera_sm,
.bandera_sm img,
.bandera_md,
.bandera_md img {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.bandera_sm img {
    width: 38px;
    margin-right: 5px;
}

.bandera_md {
    margin-bottom: 2rem;
}

.bandera_md img {
    width: 3vw;
    border: 1px solid #073763;
    padding: .1vw;
}

.cuadro_servicio {
    display: inline-block;
    width: 22%;
    min-width: 265px;
    height: 422px;
    background-color: #073763;
    padding: 1.5vw;
    position: relative;
    transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}

.cuadro_servicio * {
    color: #fff;
}

.cuadro_servicio:hover {
    background-color: #fff;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.072), 0 100px 80px rgba(0, 0, 0, 0.12)
}

.cuadro_servicio:hover * {
    color: #073763;
}

.cuadro_servicio b:first-of-type {
    font-size: 1.1rem;
    margin-bottom: 1.2rem;
}

.cuadro_servicio ul {
    padding-left: 1rem;
}

ul li {
    margin-bottom: 1.25rem;
}

.cuadro_servicio a {
    position: absolute;
    bottom: 1.5vw;
}

.lista_secundaria {
    list-style-type: none;
    margin-top: 1.25rem;
}

.banderas_servint {
    margin-bottom: 1.25rem;
}

.banderas_servint b {
    vertical-align: middle;
}

.servicios {
    font-size: 1.25rem;
}

.tij,
.mxl,
.sdd,
.ens,
.pflag {
    transition: .25s ease-in-out;
    color: white;
}

.col_img {
    padding: 0;
    align-self: center;
}

.col_img img {
    width: 100%;
    height: auto;
}

.final_quote {
    padding: 0 15px;
}

#sobre_nosotros {
    background-image: url('../img/fondo_servicios.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#sobre_nosotros * {
    color: #fff;
}

#dlr_servicios {
    flex-direction: row;
    justify-content: space-between;
}

.nav-item.active .dropdown-menu a {
    color: #6b777e;
    transition: 0.2s ease-out;
}

.nav-item.active .dropdown-menu a:hover {
    color: #073763;
}

.seccion.servicios {
    padding: 10vw 0 6vw 0;
    background-image: url('../img/bg_patron.png');
    background-size: contain;
    background-position-x: left;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.seccion.mision {
    background-image: url('../img/bg_patron_top2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
}

.menucert{
    border-bottom: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.06);
}

.banderas_movil {
    margin: 0 0 15px 0;
}

.banderas_movil_landing {
    margin: 0 0 15px 0;
}

.p_mision_size {
    font-size: 16px;
}

#first_title_about {
    margin-bottom: 0;
}

.logo_footer {
    width: 150px;
    padding-top: 100px;
    align-self: flex-end;
}

.text_dlrt {
    padding-top: 20px;
}

@media only screen and (min-width: 1600px) {
    .seccion.servicios .texto {
        padding-left: 8vw !important;
    }
}

@media only screen and (min-width: 1300px) {
    .seccion.servicios .texto {
        padding-left: 5vw;
    }
}


/* TABLET HORIZONTAL*/

@media only screen and (max-width: 1500px) {
    .titulo_pagina {
        padding: 15vw 0 5vw 0;
    }
    .titulo_pagina h1 {
        margin: 15px 0;
        font-size: 2.75rem;
    }
    .titulo_pagina h5 {
        font-size: 16px;
    }
    .subtitulo {
        font-size: 16px;
    }
    #titulo_15 {
        max-width: 250px;
    }
    .banderas_movil {
        font-size: 12px;
    }
    .nav_spacing {
        margin-left: 12%;
        max-width: 75%;
    }
    .margin_separation {
        margin: 0 100px 0 100px;
    }
    .footer_t {
        font-size: 18px !important;
    }
    #footer_links_desktop #separate {
        margin: 0 30px !important;
    }
    #mapa_lottie {
        transform: scale(1.75);
    }
    .overlay_mapa {
        transform: translateX(10px);
    }
    .contenedor_nuestras_vacantes img {
        left: 50px;
    }
    .red_separation_last {
        margin: 20px 20px 20px 350px;
    }
    .red_separation_dlr {
        margin: 20px 20px 20px 70%;
    }
    .bandera_sm img {
        width: 20px;
    }
    .second_services_buttons {
        margin-left: 5%;
        padding: 0;
    }
    .banderas_movil_landing {
        padding-right: 5% !important;
    }
    #pagina_servicios {
        background-position-y: -2vw;
    }
}


/* -- END TABLET -- */


/* TABLET VERTICAL*/

@media only screen and (max-width: 1024px) {
    .nav_spacing {
        margin-left: 5%;
        max-width: 90%;
    }
    .overlay_mapa {
        transform: translateX(-25px);
    }
    .contenedor_nuestras_vacantes img {
        left: 0;
    }
    .red_separation_last {
        margin: 10px 10px 10px 200px;
    }
    .img_subservicio {
        max-height: 400px;
        margin-top: 100px;
        background-position: center;
    }
    .services_vertical {
        max-width: 70%;
    }
    .contenedor_square_footer_left {
        min-width: 60%;
    }
    .square_footer {
        background-position: -130px !important;
    }
    #pagina_servicios {
        background-position-y: 0;
    }
    .menucert{
        border-bottom: none;
        border-width: 0;
    }
}


/* TABLET VERTICAL*/

@media only screen and (max-width: 992px) {
    #cert_int {
        background-image: none !important;
    }
    .services_vertical {
        max-width: 100%;
    }
    .titulo_pagina div h1 {
        margin: 15px 0;
        font-size: 2.25rem;
    }
    #second_title_about {
        margin: 0 0 15px 0;
    }
    .red_separation_last {
        margin-left: 60%;
    }
    .servicios_dlr_transpo {
        text-align: center;
    }
    .margin_separation {
        padding-top: 20px;
        margin: 0;
    }
    .titulo_pagina div h5 {
        font-size: 1.15rem;
        margin-bottom: 1rem;
    }
    .img_subservicio {
        height: 70vw;
        background-position: center !important;
    }
    .certificacion {
        width: 100%;
    }
    .seccion {
        padding: 88px 0 48px 0;
    }
    .titulo_movil {
        text-align: left !important;
        font-size: 2.25rem !important;
    }
    .titulo_secciones {
        text-align: left !important;
        font-size: 2.25rem !important;
    }
    #pagina_servicios {
        height: 60vh;
        background-position-x: center;
        padding-top: 25vw;
    }
    #pagina_nosotros {
        height: 60vh;
        background-position-x: right;
        padding-top: 25vw;
        background-image: url('../img/fondo_nosotros_mobile.jpg');
    }
    #seccion_mexico_usa {
        background-image: none;
    }
    .banderas_movil {
        margin: 5vw 0;
    }
    .banderas_movil_landing {
        margin: 5vw 0;
    }
    .servicio {
        padding: 3vw 0;
        width: 80%;
        margin: 0 auto 3vw auto;
    }
    .overlay.azul {
        background: linear-gradient(90deg, rgba(7, 55, 99, .75) 0%, rgba(7, 55, 99, 0) 200%);
    }
    .seccion.rutas {
        padding: 15vw 0;
        font-size: 18px;
    }
    .seccion.rutas a {
        display: block;
        width: 40%;
        margin: 2vw auto 0 auto;
    }
    #seccion_certificaciones .col-lg-10 {
        flex-direction: column-reverse;
    }
    .seccion.servicios {
        padding-top: 15vw;
        padding-bottom: 0;
    }
    .col_img {
        margin-top: 10vw;
    }
    .truck_certificaciones {
        display: none;
    }
    .bandera_md {
        width: 50%;
    }
    h1 {
        margin-bottom: 2rem;
    }
    .seccion.mision {
        background-size: 800px 400px;
    }
    .subtitulo {
        margin-bottom: 2rem !important;
    }
    .mobile_padding {
        padding-left: 24px;
        padding-right: 24px;
    }
    .p_mision_size {
        margin-bottom: 48px;
    }
    .last_mission_mobile {
        margin-bottom: 0;
    }
    .certificacion {
        width: 80%;
        height: auto;
        min-height: 35vw;
        margin-bottom: 35px;
    }
    #servicios_certificaciones {
        flex-direction: column;
    }
    .bandera_md img {
        width: 40%;
        padding: 1%;
    }
    .truck_certificaciones {
        box-shadow: none;
    }
    #dlr_servicios {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #dlr_servicios .cuadro_servicio {
        margin-bottom: 2rem;
        width: 90%;
        padding: 2.5rem 2rem;
    }
    #dlr_servicios .cuadro_servicio a {
        bottom: 2rem;
    }
    .certificacion {
        margin: 0 0 2rem 15%;
    }
}


/* FIN ESTILOS GENERALES */


/* BOTONES */

.btn {
    padding: .3vw 2vw;
    transition: .25s;
}

.btn.principal {
    background-color: #073763;
    color: #fff;
    border-color: white;
    transition: 0.35s ease-out;
}

.btn.principal:hover {
    background-color: white;
    color: #073763;
    border-color: #073763;
    transition: 0.35s ease-out;
}

.btn.secundario {
    background-color: transparent;
    border: 1px solid #073763;
    color: #073763;
}

.btn.secundario:hover {
    background-color: #073763;
    color: #fff;
}

.btn.secundario.rojo {
    background-color: transparent;
    border: 1px solid #e80027;
    color: #e80027;
    padding: 10px 0;
}

.btn.secundario.rojo:hover {
    background-color: #e80027;
    color: #fff;
}

.btn.secundario.blanco {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn.secundario.blanco:hover {
    background-color: #fff;
    color: #073763;
}

.btn.terciario {
    background-color: #e80027;
    color: #fff;
}

.btn.terciario:hover {
    background-color: #77001a;
}

@media only screen and (max-width: 992px) {
    .btn {
        padding: 1rem 1.5rem;
    }
}


/* FIN BOTONES */


/* TEXTO */

.subtitulo {
    margin-top: 1rem;
    margin-bottom: 2rem;
    font-size: 16px;
}

.subtitulo.sm {
    margin-bottom: 1vw;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

.t_rojo {
    color: #e80027;
}

.t_blanco {
    color: #fff;
}

@media (max-width: 375px) {
    #cert_int {
        background-image: none !important;
    }
    .notfound-template {
        padding: 0;
    }
}

@media only screen and (max-width: 992px) {
    .certificaciones {
        width: 80%;
        height: auto;
        min-height: 35vw;
        margin: 0 auto 2rem auto;
        align-items: center;
        justify-content: center;
    }
    .notfound-template {
        padding: 0;
    }
}


/* FIN DE TEXTO */


/* MARGENES */

.no_m_top {
    margin-top: 0;
}

.no_m_bot {
    margin-bottom: 0;
}

.no_m_left {
    margin-left: 0;
}

.no_m_right {
    margin-right: 0;
}

.no_margin {
    margin: 0;
}


/* FIN DE MARGENES */


/* FOOTER */

.footer_t {
    font-size: 20px;
    margin-bottom: 30px;
}

#seccion_footer {
    background: #073763;
    color: white !important;
}

.square_footer {
    background-color: white;
    margin-top: 10vh;
    height: 350px;
    background-image: url('../img/footerT-01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10px;
    color: rgb(7, 55, 99);
}

#imagen_footer_square {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#imagen_footer_square button {
    color: white;
    background-color: red;
    border: none;
    margin-right: 30px;
    padding: 10px 15px;
    border-radius: 5px;
    transition: all .5s;
}

#imagen_footer_square button:hover {
    background-color: rgb(212, 0, 0);
}

.contenedor_square_footer_left h1 {
    margin: 10px 40px;
}

.contenedor_square_footer_left p {
    margin: 10px 40px;
}

.contenedor_dlr_footer p {
    margin: 0 !important;
    cursor: text !important;
}

.contenedor_dlr_footer p:hover {
    color: #cccccc !important;
}

.contenedor_oficina_footer p {
    margin: 0 !important;
}

.contenedor_oficina_footer p:hover,
.contenedor_oficina_footer h5:hover {
    font-weight: normal !important;
    cursor: text !important;
    color: #cccccc !important;
}

.contenedor_oficina_footer p:first-child {
    font-weight: normal !important;
    cursor: text !important;
}

.contenedor_oficina_footer {
    margin: 5px 0;
}

#footer_links_desktop {
    color: white;
    margin-top: 10vh;
    margin-bottom: 10vh;
}

#footer_links_desktop * {
    color: #fff;
}

#footer_links_desktop p {
    margin: 5px 0;
    cursor: pointer;
    color: #cccccc;
}

#footer_links_desktop p:hover {
    font-weight: normal !important;
    color: white;
}

#footer_links_desktop a {
    margin: 5px 0;
    cursor: pointer;
    color: #cccccc;
}

#footer_links_desktop a:hover {
    font-weight: normal !important;
    color: white;
}

#footer_links_desktop #separate {
    background-color: rgba(255, 255, 255, 0.055);
    height: 100%;
    width: 1px;
    margin: 0 60px;
}

.arrow_mobile_footer {
    width: 5px;
    margin-left: 10px;
    transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}

.rotate_arrow {
    transform: rotate(90deg) !important;
    transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
}

.footer_mobile_last {
    padding: 20px 24px 15px 24px;
    background-color: rgb(5, 40, 73);
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, .05);
}

.footer_mobile_last h6 {
    color: white;
}

#footer_links_mobile {
    display: none !important;
    text-align: left;
    background-color: rgb(5, 40, 73);
}

#footer_links_mobile div h5 {
    margin-bottom: 0;
    color: white;
}

#footer_compania_mobile_link,
#footer_soluciones_mobile_link,
#footer_conectate_mobile_link,
#footer_contact_mobile_link {
    padding: 30px 24px 30px 24px;
    border-top: 1px solid;
    border-color: rgba(255, 255, 255, .05);
}

#compania_links_container,
#soluciones_links_container,
#conectate_links_container,
#contact_links_container {
    display: none;
    padding: 10px 0 10px 30px;
    margin-bottom: 0;
}

#compania_links_container li h5 {
    margin: 0;
}

#footer_links_mobile div ul {
    background-color: White;
    list-style-type: none;
    color: rgb(7, 55, 99);
}

#footer_links_mobile div ul li {
    padding: 15px 0;
    text-align: left;
}

#footer_links_mobile div ul li a {
    color: rgb(7, 55, 99);
    text-decoration: none;
}

#footer_compania_mobile_link:hover,
#footer_soluciones_mobile_link:hover,
#footer_conectate_mobile_link:hover,
#footer_oficinas_mobile_link:hover {
    background-color: rgb(5, 40, 73)
}

.contenedor_oficina_footer p:hover,
.contenedor_oficina_footer h5:hover {
    font-weight: normal !important;
    cursor: text !important;
}

.contenedor_oficina_footer p {
    margin: 0 !important;
}

.contenedor_oficina_footer p:first-child {
    font-weight: bold;
}

.contenedor_oficina_footer {
    margin: 5px 0;
}

.bottom_banner {
    background-color: rgb(5, 41, 74);
    color: white;
    padding: 15px 0;
}

.trying{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    padding: 30px;
}

#contact_links_container li{
    padding-top: 0;
    margin-bottom: 0; 
}

#contact_links_container .offices{
    padding: 30px 0 0 0;
    font-weight: bold;
    font-size: 16px;
}

@media (max-width: 991px) {
    #footer_links_desktop {
        display: none !important;
    }
    .square_footer {
        margin-bottom: 5vh;
    }
}

@media (max-width: 768px) {
    .btn {
        padding: 1rem 1.5rem !important;
    }
    .bottom_banner {
        display: none;
    }
    #footer_links_mobile {
        padding: 0;
        display: block !important;
    }
    .contenedor_square_footer_left h1 {
        margin: 10px 0;
    }
    .contenedor_square_footer_left p {
        margin: 10px 0;
    }
    #imagen_footer_square button {
        margin: 20px 0 0 0;
    }
    .valores {
        margin: 48px 0 48px 0;
    }
    .square_footer {
        margin: 88px 0 48px 0;
        background-position: center !important;
        background-image: url('../img/footerT-02.webp') !important;
    }
    .seccion.servicios {
        padding-top: 25vw;
    }
    #pagina_servicios {
        padding-top: 35%;
    }
}

@media (max-width: 768px) {
    .dots_square_top,
    .dots_square_bottom {
        display: none;
    }
}

.dots_square_top {
    position: absolute;
    top: 20vh;
    right: 20vh;
    width: 12%;
    opacity: .5;
}

.dots_square_bottom {
    position: absolute;
    bottom: 6vh;
    left: 20vh;
    width: 12%;
    opacity: .5;
}

@media only screen and (max-width: 425px){
    #pagina_servicios{
        padding-top: 55%;
    }
    #pagina_nosotros{
        padding-top: 55%;
    }
    .overlay.azul.fondo_dlrtr{
        background:  rgba(7, 55, 99, .80) !important;
    }
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
    #bgvid{
        display: none;
    }
}