/* Basic */



/* :root {

    --main-color: #4d85c5;

    --secondary-color: #003463;

    --third-color: #c3e8ee;

    --four-color: #41c8f4;

    --accent-color: #231f20;

    --words-color: #ffffff;

    --footer-color: #c3e8ee;

    --words-color-footer: #1f3567;

    --footer-bootom: #c4d0d7;

} */



/* :root {

    --main-color: #eef3fa;

    --secondary-color: #6d87be;

    --third-color: #d9eaf0;

    --four-color: #b6d9f3;

    --accent-color: #000000;

    --words-color: #ffffff;

    --footer-color: #eef3fa;

    --words-color-footer: #1f3567;

    --footer-bootom: #888f99;

    --service-3d: #addaf6;

    --service-3d-card: #d0f3fa;

    --publicaciones-card: #7fc7f0;

} */



:root {

    --main-color: #eef3fa;

    --main-service-3d: #d9eaf0;

    --service-3d-card: #e5e4e4;

    --main-service-2d: #d9eaf0;

    --service-2d-card: #e5e4e4;

    --main-videoteca: #eef3fa;

    --videoteca-card: #6d87be;

    --main-webinars: #eef3fa;

    --webinars-card: #6d87be;

    --main--footer: #d9eaf0;

    --service-detail: #6d87be;

    --service-header: #eef3fa;

    --service-carrusel: #eef3fa;

    --main-publicacion: #6d87be;

}



html,

body {

    background-color: var(--main-color) !important;

    color: rgba(0, 0, 0, 0);

}



html,

body,

input,

select,

textarea {

    font-family: "Comfortaa", Helvetica, sans-serif;

}



/* HOME */

section#header {

    color: #231f20;

    width: 100%;

}



section#header nav a {

    color: #000;

    font-size: 15px;

}



/*MENU*/



/* SHIFT */

nav a,

nav a:after,

nav a:before {

    transition: all 0.5s;

}



nav.shift a {

    position: relative;

    z-index: 1;

}



nav.shift a:hover {

    color: #6d87be !important;

}



.connav {

    width: 100%;

    padding: 0px;

    padding-bottom: 10px;

    max-width: 1500px !important;

}



.navconf {

    width: auto;

    padding: 0px;

}



/* nav.shift a:after {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    width: 100%;

    height: 1px;

    content: ".";

    color: transparent;

    background: #6d87be;

    visibility: none;

    opacity: 0;

    z-index: -1;

}



nav.shift a:hover:after {

    opacity: 1;

    visibility: visible;

    height: 100%;

} */



img.logo-navbar {

    width: 15rem !important;

    height: auto !important;

}



.navbar-dark .navbar-nav .nav-link {

    font-size: medium;

    font-weight: bolder;

}



.active {

    color: #6d87be !important;

}



nav.nav-bottom ul {

    display: flex; /* Activate Flexbox */

    list-style: none; /* Remove default list styling */

    margin: 0;

    padding: 0;

}



nav.nav-bottom li {

    margin-right: 10px; /* Add spacing between items */

}



nav.nav-bottom a {

    /* Style your links */

    text-transform: uppercase;

    font-size: small;

}



nav.nav-bottom p b {

    display: block;

}



nab.nav-bottom p a {

    display: block;

}



/* CARRUSEL */

div#myCarousel {

    background-color: #000;

}



div#myCarousel .carousel-indicators button {

    background-color: var(--four-color);

}



div#myCarousel div.carousel-control-prev .carousel-control-prev-icon button {

    background-color: var(--four-color);

}



div#myCarousel img {

    width: min-content;

    min-height: 500px !important;

    max-height: 700px !important;

}



/* div#myCarousel video {

    width: min-content;

    min-height: 500px !important;

    max-height: 700px !important;

} */



div#myCarousel video {

    width: 100vw;

    /*min-height: 100vh;*/

    object-fit: cover;

}



/** INICIO INDEX MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    div#myCarousel video {

        width: 100%;

    }



    .navconf {

        padding-bottom: 10px;

    }



    .shift {

        display: block;

    }



    a.nav_icon {

        display: inline-block !important;

        flex-direction: row !important;

    }

    img.logo-navbar {

        width: 19rem !important;

        height: auto !important;

    }

    .navbar-toggler {

        margin-left: 10px;

    }   

}



@media only screen and (min-width: 481px) and (max-width: 767px) {

    div#myCarousel video {

        width: 100%;

    }



    .navconf {

        padding-bottom: 10px;

    }



    .shift {

        display: block;

    }



    a.nav_icon {

        display: inline-block;

        flex-direction: row;

    }

    .navbar-toggler {

        margin-left: 10px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

    div#myCarousel video {

        width: 100%;

    }



    .navconf {

        padding-bottom: 10px;

    }



    .shift {

        display: block;

    }



    a.nav_icon {

        display: inline-block;

        flex-direction: row;

    }

    .navbar-toggler {

        margin-left: 10px;

    }

}



@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    div#myCarousel video {

        width: 100%;

    }

}

/**FIN INDEX MEDIA*/



/* SERVICIOS 3D */

section#servicios__3d {

    background-color: var(--main-color) !important;

    color: #fff;

}



section#servicios__3d .card {

    background-color: var(--service-3d-card) !important;

}



section#servicios__3d .card .bg-blue {

    background-color: #6d87be !important;

}



section#servicios__3d .btn-orden-servicios {

    color: #6d87be;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

}



section#servicios__3d .btn-orden-servicios .imgs {

    width: 40px;

    height: 40px;

    margin-right: 10px;

}



section#servicios__3d .servicios__grid {

    background-image: url("../images/3D-azul.png");

    background-position: bottom 200px right -130px;

    background-repeat: no-repeat;

    background-size: 450px;

}

.boxcontenido {

    flex: revert !important;

    display: flex;

    padding-bottom: 20px;

    justify-content: center;

    align-items: center;

}

.boxbtn {

    display: inline-block !important;

    width: 100%;

    height: 100%;

    padding-top: 30px;

}

.boximgns {

    display: inline-block !important;

    width: auto;

    height: auto;

}

.imggal3d {

    width: auto;

    display: inline-block !important;

}



.mt-3 {

    display: inline-block;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

}



/** INICIO SERVICIOS 3D MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .serv_3d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img3d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .img3d img {

        height: 60px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }



    .imggal3d a {

        font-size: 18px !important;

    }

    .boxcontenido {

        display: inline-block;

    }

    .boxbtn {

        height: auto;

    }

    .imggal3d {

        display: flex !important;

        padding-bottom: 20px !important;

        justify-content: center !important;

    }

    section#servicios__3d .btn-orden-servicios {

        width: auto;

    }

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .serv_3d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img3d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }



    .img3d img {

        height: 75px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.5rem + 0.3vw);

    }

    .imggal3d {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }

    .imggal3d a {

        font-size: 20px !important;

    }

    .boxcontenido {

        display: inline-block;

    }

    .boxbtn {

        height: auto;

    }

    .imggal3d {

        display: flex !important;

        padding-bottom: 20px !important;

        justify-content: center !important;

    }

    section#servicios__3d .btn-orden-servicios {

        width: auto;

    }

}

/*@media only screen and (min-width:768px) and (max-width:1023px) */

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

    .serv_3d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img3d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }



    .img3d img {

        height: 90px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.8rem + 0.7vw);

    }

    .imggal3d {

        flex: reverts !important;

        display: flex !important;

        padding-bottom: 20px !important;

        justify-content: center !important;

        align-items: center !important;

    }

    .imggal3d a {

        font-size: 25px !important;

    }

    .imggal3d .boximg3d {

        height: 35px !important;

    }

    .boxcontenido {

        display: inline-block;

    }

    .boxbtn {

        height: auto;

    }

    section#servicios__3d .btn-orden-servicios {

        width: auto;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .serv_3d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img3d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }



    .img3d img {

        height: 90px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.8rem + 0.7vw);

    }

    .imggal3d {

        flex: revert !important;

        display: flex !important;

        padding-bottom: 20px !important;

        justify-content: center !important;

        align-items: center !important;

    }

    .col-lg-2 .imggal3d a {

        font-size: 15px !important;

    }



    .col-lg-2 .imggal3d .boximg3d {

        height: 30px !important;

    }



    .col-lg-8 {

        width: 800px;

    }

    section#servicios__3d .btn-orden-servicios {

        width: auto;

    }

}

.hover-img {

    background-color: #000;

    color: #fff;

    display: inline-block;

    margin: 8px;

    max-width: 320px;

    min-width: 240px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .hover-img {

        max-width: 250px !important;

        min-width: 200px !important;

        margin: 0px;

    }

}

/*@media only screen and (min-width:1024px) and (max-width:1200px) 

{

 .serv_3d{

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

  }

    .img3d{

    display: inline-block;

    width: auto;

    padding-left: 5px;

 }

  

    .img3d img{

    height: 90px;

 }

    .card3d {

    display: inline-block;

    width: auto;

    padding: 0px;

 }

    .card3d .p-3 h3 {

    margin-bottom: 0px;

    font-size: calc(1.8rem + .7vw);

 }

    .imggal3d {

    flex: revert; !important;

        display: flex !important;

        padding-bottom: 20px !important; 

        justify-content: center !important;

        align-items: center !important;

 }

 .imggal3d a{

    

        font-size: 25px !important; 

 }

 .imggal3d .boximg3d{

    

        height: 35px !important; 

 }  

}

@media only screen and (min-width:992px) and (max-width:1199px) 

{

   .serv_2d{

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

  }

    .img2d{

    display: inline-block;

    width: auto;

    padding-left: 5px;

 }

    .img2d img{

    height: 60px;

 }

    .card3d {

    display: inline-block;

    width: auto;

    padding: 0px;

 }

    .card3d .p-3 h3 {

    margin-bottom: 0px;

    font-size: calc(1.1rem + .3vw);

 }

*/



/** FIN SERVICIOS 3D MEDIA */



/*SERVICIOS COMMON*/

div.servicios__header {

    padding-top: 50px;

    padding-bottom: 25px;

}



div.servicios__card {

    padding-top: 50px;

    padding-bottom: 50px;

}



/*SERVICIOS 2D*/

section#servicios__2d {

    background-color: var(--main-color) !important;

}



section#servicios__2d .card {

    background-color: var(--service-2d-card) !important;

}



section#servicios__2d .card .bg-blue {

    background-color: #6d87be !important;

}



section#servicios__2d .btn-orden-servicios {

    color: #6d87be;

    width: 100%;

}



section#servicios__2d .servicios__grid {

    background-image: url("../images/2D-azul.png");

    background-position: bottom 200px right -180px;

    background-repeat: no-repeat;

    background-size: 450px;

}

.cardt {

    width: 800px;

    height: auto;

    background-color: #e5e4e4;

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    border-radius: 8px;

    padding: 20px;

}

.cardt .boxc {

    flex: revert !important;

    display: flex;

    justify-content: center;

    align-items: center;

}

.card3d {

    display: inline-block;

    background-color: #6d87be !important;

    border-radius: 8px;

    width: 330px;

}

.card3d h3 {

    color: #fff;

    padding: 20px;

}

.img2d {

    display: inline-block;

}



/** INICIO SERVICIOS 2D MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .serv_2d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img2d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .img2d img {

        height: 60px;

        padding-right: 8px;

    }

    .cardt {

        width: 330px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .serv_2d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img2d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .img2d img {

        height: 60px;

        padding-right: 18px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardt {

        width: 350px;

    }

}



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

    .serv_2d {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .img2d {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .img2d img {

        height: 60px;

        padding-right: 28px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardt {

        width: 600px;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .col6mod {

        display: inline-block;

        width: auto;

    }

    .col6mod .serv_2d {

        display: inline-block !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    .img2d {

        display: inline-block !important;

        width: auto !important;

        padding-left: 5px !important;

    }

    .img2d img {

        height: 60px;

        padding-right: 38px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardt {

        width: 600px;

    }

}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

    .col6mod {

        display: inline-block;

        width: auto;

    }

    .col6mod .serv_2d {

        display: inline-block !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }

    .img2d {

        display: inline-block !important;

        width: auto !important;

        padding-left: 5px !important;

    }

    .img2d img {

        height: 60px;

        padding-right: 38px;

    }

    .card3d {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .card3d .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardt {

        width: 600px;

    }

}

/** FIN SERVICIOS 2D MEDIA */



/*VIDEOTECA*/

section#videoteca {

    background-color: var(--main-color) !important;

}



div.videoteca__card {

    padding-top: 50px;

    padding-bottom: 50px;

}



section#videoteca .card {

    background-color: var(--videoteca-card) !important;

}



section#videoteca .card .bg-blue {

    background-color: #b6d9f3 !important;

}



div.videoteca__grid {

    padding-top: 50px;

    padding-bottom: 50px;

}

.cardtvideot {

    width: 800px;

    height: auto;

    background-color: #6d87be;

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    border-radius: 8px;

    padding: 20px;

}

.cardtvideot .boxcvideot {

    flex: revert !important;

    display: flex;

    justify-content: center;

    align-items: center;

}

.card3dvideot {

    display: inline-block;

    background-color: #b6d9f3 !important;

    border-radius: 8px;

    width: 380px;

}

.card3dvideot h3 {

    color: #fff;

    padding: 20px;

}

/** INICIO SERVICIOS VIDEOTECA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .serv_vid {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .vt {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .vt img {

        height: 60px;

    }

    .cardvt {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardvt .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardtvideot {

        width: 330px;

    }

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .serv_vid {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .vt {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .vt img {

        height: 60px;

    }

    .cardvt {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardvt .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardtvideot {

        width: 350px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .serv_vid {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .vt {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .vt img {

        height: 60px;

    }

    .cardvt {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardvt .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

    .cardt {

        width: 600px;

    }

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .serv_vid {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .vt {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .vt img {

        height: 60px;

    }

    .cardvt {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardvt .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

}

/** FIN SERVICIOS VIDEOTECA */



/*Publicaciones*/

section#publicaciones {

    background-color: var(--main-color) !important;

}



div.publicaciones__card {

    padding-top: 50px;

    padding-bottom: 50px;

}



section#publicaciones .card {

    background-color: var(--webinars-card) !important;

}



section#publicaciones .card .bg-blue {

    background-color: #b6d9f3 !important;

}



section#publicaciones .bg-white {

    background-color: #ffffff !important;

}



section#publicaciones .card-arrow img {

    width: 90px;

    height: 90px;

}

.card3dPublic {

    display: inline-block;

    background-color: #b6d9f3 !important;

    border-radius: 8px;

    width: 480px;

}

.card3dPublic h3 {

    color: #fff;

    padding: 20px;

}



.publicaciones__grid {

    padding-bottom: 50px;

}



.pub-img img {

    height: 100%;

}



/** INICIO SERVICIOS PUBLICACIONES */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .serv_pub {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .pub {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .pub img {

        height: 55px;

        padding: 0px;

    }

    .cardpub {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardpub .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1rem + 0.3vw);

    }

    .card-arrow img {

        width: 50px;

        height: 50px;

    }

}

/** FIN SERVICIOS PUBLICACIONES */



/* PUBLICACION */

div#publicacion {

    background-color: var(--main-publicacion) !important;

}



section#publicacion__header {

    background-color: var(--service-3d) !important;

}



section#publicacion__header h1 {

    margin: 25px 0;

}



section#publicacion__contenido {

    background-color: var(--service-3d) !important;

}



section#publicacion__contenido .btn-download {

    color: #fff;

    font-weight: bold;

    background-color: var(--main-publicacion);

    font-size: large;

}



.px-wide {

    letter-spacing: 6px;

}

.ajus_video {

    width: 100%;

    height: 515px;

}

/** INICIO SERVICIOS PUBLICACIONES */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .ajus_video {

        width: 100%;

        height: 300px;

    }

    div.videoteca__grid {

        padding-top: 20px;

        padding-bottom: 20px;

    }

}



/* NOSOTROS */

section#nosotros {

    background-color: var(--main-color) !important;

    color: #6d87be !important;

}



section#nosotros .nosotros__header {

    background-color: var(--main-color) !important;

    min-height: 250px;

}



section#nosotros .nosotros_parrafo1 {

    background-color: #6d87be !important;

    color: #fff;

    min-height: 250px;

}



section#nosotros .nosotros_parrafo1 p {

    font-size: large;

    display: block;

    padding-left: 170px !important;

    padding-right: 100px !important;

    text-align: justify;

}



section#nosotros .nosotros_parrafo1 p a {

    display: block;

    padding-bottom: 10px;

}



section#nosotros .nosotros__separacion {

    background-color: var(--main-color) !important;

    min-height: 50px;

}



section#nosotros .nosotros_parrafo2 {

    background-color: #d9eaf0 !important;

    color: #000;

    min-height: 250px;

    padding-top: 30px;

}



section#nosotros .nosotros_parrafo2 p {

    font-size: large;

    display: block;

    padding-left: 170px !important;

    padding-right: 100px !important;

    text-align: justify;

}



section#nosotros .nosotros_parrafo3 {

    background-color: var(--main-color) !important;

    min-height: 250px;

}



section#nosotros div#nosotros__valores {

    min-height: 650px;

    top: 0;

}



div#nosotros__valores .row__1 {

    margin-top: 150px;

    padding-left: 130px;

    padding-right: 130px;

}



section#nosotros div#nosotros__valores .row__2 h2 {

    letter-spacing: 45px !important;

    font-size: 30px;

}



div#nosotros__valores .row__3 {

    padding-left: 180px;

    padding-right: 220px;

}



.circle {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px;

    width: 170px;

    height: 170px;

    border-radius: 50%;

    background-color: #6d87be;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    color: white;

}

.py-1 {

    padding-top: 50px !important;

    padding-bottom: 40px !important;

}



.nosotros__header .col-nos-img h1 {

    font-size: 50px;

    font-weight: bold;

    display: inline-block;

    height: 3em;

    margin-top: 180px;

    width: 100%;

    margin-top: 130px;

}



.nosotros__header .col-nos-img img {

    width: 80px;

    height: 80px;

}



.nosotros__header .coltitulo h1 {

    font-size: 50px;

    font-weight: bold;

    display: inline-block;

    height: 3em;

    margin-top: 180px;

    width: 100%;

    margin-top: 130px;

}

.bg-col {

    background-color: #d9eaf0 !important;

}



.colimg img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



/** INICIO NOSOTROS MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .coltitulo h1 {

        font-size: 35px;

        padding: 20px !important;

    }



    .colimg {

        flex: revert !important;

        padding-top: 20px;

        padding-bottom: 0px;

        padding-left: 0px;

        padding-right: 0px;

    }



    div#nosotros__valores .row__1 {

        margin-top: 50px;

    }



    .col_1 {

        display: none;

    }



    .col_2 {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }



    section#nosotros .nosotros_parrafo1 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    section#nosotros .nosotros_parrafo2 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    div#nosotros__valores .row__3 {

        padding-left: 0px;

        padding-right: 0px;

    }



    section#nosotros div#nosotros__valores .row__2 h2 {

        letter-spacing: 28px !important;

        font-size: 30px;

        text-align: center !important;

    }



    div#nosotros__valores .row__1 {

        margin-top: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

    .bg-col {

        background-color: #d9eaf0 !important;

    }



    .nosotros__header .col-nos-img h1 {

        font-size: 35px;

        font-weight: bold;

        display: inline-block;

        height: 3em;

        margin-top: 5px;

        width: 100%;

    }



    .nosotros__header .col-nos-img img {

        width: 50px;

        height: 50px;

    }

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .coltitulo h1 {

        font-size: 35px;

        padding: 20px !important;

    }



    .colimg {

        flex: revert !important;

        padding-top: 40px;

        padding-bottom: 40px;

        padding-left: 5px;

        padding-right: 5px;

    }



    div#nosotros__valores .row__1 {

        margin-top: 50px;

    }



    .col_1 {

        display: none;

    }



    .col_2 {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }



    section#nosotros .nosotros_parrafo1 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    section#nosotros .nosotros_parrafo2 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    div#nosotros__valores .row__3 {

        padding-left: 0px;

        padding-right: 0px;

    }



    section#nosotros div#nosotros__valores .row__2 h2 {

        letter-spacing: 28px !important;

        font-size: 30px;

        text-align: center !important;

    }



    div#nosotros__valores .row__1 {

        margin-top: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

    .bg-col {

        background-color: #d9eaf0 !important;

    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .coltitulo h1 {

        font-size: 35px;

        padding: 20px !important;

    }



    .colimg {

        flex: revert !important;

        padding-top: 40px;

        padding-bottom: 40px;

        padding-left: 5px;

        padding-right: 5px;

    }



    div#nosotros__valores .row__1 {

        margin-top: 50px;

    }



    .col_1 {

        display: none;

    }



    .col_2 {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }



    section#nosotros .nosotros_parrafo1 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    section#nosotros .nosotros_parrafo2 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    div#nosotros__valores .row__3 {

        padding-left: 0px;

        padding-right: 0px;

    }



    section#nosotros div#nosotros__valores .row__2 h2 {

        letter-spacing: 28px !important;

        font-size: 30px;

        text-align: center !important;

    }



    div#nosotros__valores .row__1 {

        margin-top: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

    .bg-col {

        background-color: #d9eaf0;

    }

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .coltitulo h1 {

        font-size: 35px;

        padding: 20px !important;

    }



    .colimg {

        flex: revert !important;

        padding-top: 40px;

        padding-bottom: 40px;

        padding-left: 5px;

        padding-right: 5px;

    }



    div#nosotros__valores .row__1 {

        margin-top: 50px;

    }



    .col_1 {

        display: none;

    }



    .col_2 {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }



    section#nosotros .nosotros_parrafo1 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    section#nosotros .nosotros_parrafo2 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    div#nosotros__valores .row__3 {

        padding-left: 0px;

        padding-right: 0px;

    }



    section#nosotros div#nosotros__valores .row__2 h2 {

        letter-spacing: 28px !important;

        font-size: 30px;

        text-align: center !important;

    }



    div#nosotros__valores .row__1 {

        margin-top: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

    .bg-col {

        background-color: #d9eaf0;

    }

}



@media only screen and (min-width: 1201px) and (max-width: 1700px) {

    .coltitulo h1 {

        font-size: 35px;

        padding: 20px !important;

    }



    .colimg {

        flex: revert !important;

        padding-top: 40px;

        padding-bottom: 40px;

        padding-left: 5px;

        padding-right: 5px;

    }



    div#nosotros__valores .row__1 {

        margin-top: 50px;

    }



    .col_1 {

        display: none;

    }



    .col_2 {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }



    section#nosotros .nosotros_parrafo1 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    section#nosotros .nosotros_parrafo2 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    div#nosotros__valores .row__3 {

        padding-left: 0px;

        padding-right: 0px;

    }



    section#nosotros div#nosotros__valores .row__2 h2 {

        letter-spacing: 28px !important;

        font-size: 30px;

        text-align: center !important;

    }

    div#nosotros__valores .row__1 {

        margin-top: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

    .bg-col {

        background-color: #d9eaf0;

    }

}

@media only screen and (min-width: 1701px) and (max-width: 1830px) {

    .coltitulo h1 {

        font-size: 35px;

        padding: 20px !important;

    }



    .colimg {

        flex: revert !important;

        padding-top: 40px;

        padding-bottom: 40px;

        padding-left: 5px;

        padding-right: 5px;

    }



    div#nosotros__valores .row__1 {

        margin-top: 50px;

    }



    .col_1 {

        display: none;

    }



    .col_2 {

        flex: revert !important;

        display: flex;

        padding-bottom: 20px;

        justify-content: center;

        align-items: center;

    }



    section#nosotros .nosotros_parrafo1 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    section#nosotros .nosotros_parrafo2 p {

        padding-left: 0px !important;

        padding-right: 0px !important;

        text-align: justify;

    }



    div#nosotros__valores .row__3 {

        padding-left: 0px;

        padding-right: 0px;

    }



    section#nosotros div#nosotros__valores .row__2 h2 {

        letter-spacing: 28px !important;

        font-size: 30px;

        text-align: center !important;

    }

    div#nosotros__valores .row__1 {

        margin-top: 10px;

        padding-left: 0px;

        padding-right: 0px;

    }

    .bg-col {

        background-color: #d9eaf0;

    }

}

/** FIN NOSOTROS 3D MEDIA */



/** FOOTER */

section#footer {

    width: auto;

    padding-top: 50px;

    padding-bottom: 50px;

    background-color: var(--main--footer);

    color: #6d87be;

    /*height: 650px;*/

}



div#footer__header {

    /*padding-top: 50px;*/

    font-weight: bold;

}



div#footer__header h2 {

    font-weight: bold;

}



div#footer__suc {

    margin: 30px 0 30px 0;

}



div#footer__suc p {

    font-size: smaller;

    font-weight: bold;

}



section#footer__bootom {

    color: #6d87be;

    height: 100%;

    top: 0;

}



section#footer__bootom .btn-plataform {

    color: #fff;

    font-weight: bold;

    background-color: #6d87be;

    font-size: large;

    margin-right: 10px;

}



section#footer__bootom .btn-orden-servicios {

    color: #6d87be;

    font-weight: bold;

    background-color: var(--main--footer);

    font-size: large;

    text-transform: uppercase;

    width: 200px;

}

section#footer__bootom p {

    display: inline-block;

}

section#footer__bootom img {

    color: var(--words-color-footer);

}



div.servicios__grid {

    margin-bottom: 50px;

}



div.servicios__grid .btn-orden-servicios {

    background-color: var(--service-3d-card) !important;

    color: var(--words-color-footer);

    font-weight: bold;

    font-size: large;

    text-transform: uppercase;

}

section#footer__bootom .nav-link a {

    text-decoration: none;

}

.box_sucur {

    display: block;

    width: 100%;

    background-color: red;

}

.nav-bottom ul li {

    margin-right: 4.5px;

}

.nav-bottom ul li a {

    font-size: 11px;

}

.confooter {

    padding: 0;

    max-width: 1500px !important;

}

.btnsfooter {

    padding: 0px;

}

.navlink a {

    text-decoration: none;

    color: #6d87be;

}



/** INICIO FOOTER MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .nav-bottom ul li a {

        display: none;

    }



    section#footer__bootom img {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }



    .nav-bottom p b {

        display: block;

        font-size: 15px;

        padding: 5px;

        text-align: center;

    }



    .nav-bottom p a {

        display: block;

        text-align: center;

    }

    .navlink {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }

    section#footer__bootom .btn-plataform {

        font-size: 15px;

        margin-right: 10px;

    }

    section#footer__bootom .btn-orden-servicios {

        width: 140px;

        font-size: 14px;

        padding-left: 3px;

        padding-right: 3px;

    }



    .btnsfooter {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    .imgfooter {

        width: 18% !important;

        height: 18% !important;

    }

}



@media only screen and (min-width: 481px) and (max-width: 767px) {

    .nav-bottom ul li a {

        display: none;

    }



    section#footer__bootom img {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }



    .navlink {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }



    .btnsfooter {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    .imgfooter {

        width: 10% !important;

        height: 10% !important;

    }

}



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

    .nav-bottom ul li a {

        display: none;

    }



    .nav-bottom ul li {

        margin-right: 10px;

        text-align: center;

    }



    .nav-bottom ul li a {

        font-size: 11px;

    }



    .navlink {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }



    .btnsfooter {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

    }



    section#footer__bootom img {

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    .imgfooter {

        width: 10% !important;

        height: 10% !important;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .col-lg-4 {

        flex: 0 0 auto;

        width: 100%;

    }

    .col-lg-6 {

        flex: 0 0 auto;

        width: 100%;

    }

    .col-lg-2 {

        flex: 0 0 auto;

        width: 100%;

    }

    .btnsfooter {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    .navlink {

        width: auto !important;

        display: block;

        margin-left: auto !important;

        margin-right: auto !important;

        text-align: center !important;

    }

    .navlink a {

        display: block;

        text-align: center;

    }

    .shift ul {

        display: inline-flex !important;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }

    .py-2 {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }

}



@media only screen and (min-width: 1200px) and (max-width: 1500px) {

    .col-lg-4 {

        flex: 0 0 auto;

        width: 100%;

    }

    .col-lg-6 {

        flex: 0 0 auto;

        width: 100%;

        padding: 0;

    }

    .col-lg-2 {

        flex: 0 0 auto;

        width: 100%;

    }

    .btnsfooter {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

    }

    .navlink {

        flex: revert !important;

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .shift ul {

        display: inline-flex !important;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }

    .py-2 {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        text-align: center;

    }

    .navlink a {

        display: block;

        text-align: center;

    }

}

/* FIN FOOTER MEDIA */



/* SERVICIO DETALLE */

section#servicio__detalle {

    background-color: var(--service-detail);

    width: auto;

    padding-bottom: 8px;

}



section#carrusel__service {

    background-image: url("../images/3D-azul.png");

    background-position: bottom 0 right 0px;

    background-repeat: no-repeat;

    background-size: contain;

}



div#servicio__cinto {

    background-color: var(--service-detail);

    height: 30px;

}



div#servicio__header {

    background-color: var(--service-header);

    color: #6d87be;

}



div#servicio__header h4 {

    margin-top: 50px;

}



div#carrusel__service {

    background-color: var(--service-carrusel) !important;

    /*height: 480px;*/

    width: auto;

    color: #333;

    padding-bottom: 80px;

}



div#carrusel__service h2 {

    color: #6d87be;

}



div#carrusel__service img {

    height: 350px !important;

}



div#carrusel__service div.img-arrows img {

    height: 100px !important;

}



div#others__service {

    margin-top: 50px;

    margin-bottom: 80px;

    width: auto;

    /*max-height: 580px;*/

}



div#carrusel__service .col-service-video video {

    width: 100% !important;

    height: auto !important;

}



/** INICIO SERVICE MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .colservice img {

        padding-top: 30px;

        width: 100%;

    }



    .text-end {

        display: block;

        width: auto;

        flex: none;

    }

    div#carrusel__service img {

        height: 250px !important;

    }



    div#carrusel__service div.img-arrows img {

        height: 60px !important;

    }



    section#servicio__detalle {

        height: auto;

        padding-bottom: 30px;

    }



    div#others__service {

        margin-top: 50px;

        margin-bottom: 50px;

    }



    .imgos {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 20px;

    }

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .colservice img {

        padding-top: 30px;

        width: 100%;

    }



    .text-end {

        display: block;

        width: auto;

        flex: none;

    }



    div#carrusel__service div.img-arrows img {

        height: 60px !important;

    }



    section#servicio__detalle {

        height: auto;

        padding-bottom: 30px;

    }



    div#others__service {

        margin-top: 50px;

        margin-bottom: 50px;

    }



    .imgos {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 20px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

    .colservice img {

        padding-top: 30px;

        width: 100%;

    }



    .text-end {

        display: block;

        width: auto;

        flex: none;

    }



    div#carrusel__service div.img-arrows img {

        height: 60px !important;

    }



    section#servicio__detalle {

        height: auto;

        padding-bottom: 30px;

    }



    div#others__service {

        margin-top: 50px;

        margin-bottom: 50px;

    }



    .imgos {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 20px;

    }

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .colservice img {

        padding-top: 30px;

        width: 100%;

    }



    .text-end {

        display: block;

        width: auto;

        flex: none;

    }



    div#carrusel__service div.img-arrows img {

        height: 60px !important;

    }



    section#servicio__detalle {

        height: auto;

        padding-bottom: 30px;

    }



    div#others__service {

        margin-top: 50px;

        margin-bottom: 50px;

    }



    .imgos {

        width: auto;

        display: block;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 20px;

    }

}



/** FIN SERVICE MEDIA */



/* AUTH */

div#card__register {

    margin-top: 100px;

    margin-bottom: 100px;

}



div#card__login {

    margin-top: 100px;

    margin-bottom: 100px;

}



/* PARALLAX */

section#parallax {

    /* The image used */

    background-image: url("/images/KDPE-2.png");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-servicios3d {

    /* The image used */

    background-image: url("/images/servicios-3D.jpg");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-servicios2d {

    /* The image used */

    background-image: url("/images/KDPE-7.jpg");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-videoteca {

    /* The image used */

    background-image: url("/images/KDCON1.jpg");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-publicaciones {

    /* The image used */

    background-image: url("/images/KDPE-2.jpg");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-nosotros {

    /* The image used */

    background-image: url("/images/acciones-10.jpg");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-agenda {

    /* The image used */

    background-image: url("/images/NM-3.png");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



section#parallax-bolsa {

    /* The image used */

    background-image: url("/images/acciones-16.jpg");



    /* Full height */

    height: 500px;



    /* Create the parallax scrolling effect */

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



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

    section#parallax {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-servicios3d {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-servicios2d {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-videoteca {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-publicaciones {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-nosotros {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-agenda {

        background-attachment: scroll;

        height: 200px;

    }



    section#parallax-bolsa {

        background-attachment: scroll;

        height: 200px;

    }



    .colimg img {

        height: 200px;

        object-fit: cover;

        width: auto;

    }

}



/***/

div.servicios__header h1 {

    padding: 50px 0 30px 0;

    color: #fff;

}



div#sucursales_mapa {

    background-color: #231f20;

    background-size: contain;

}



/* TABS*/



div#footer__tabs .tabs {

    display: flex;

    flex-wrap: wrap;

    max-width: 100%;

    background: #fff;

    box-shadow: 0 48px 80px -32px rgba(0, 0, 0, 0.3);

}



div#footer__tabs .panel {

    max-width: 100%;

}



div#footer__tabs .input {

    position: absolute;

    opacity: 0;

}



div#footer__tabs .label {

    width: 100%;

    padding: 20px 30px;

    background: #fff;

    cursor: pointer;

    font-weight: bold;

    font-size: 18px;

    color: #6d87be;

    transition: background 0.1s, color 0.1s;

}



div#footer__tabs .label {

    border-left: 1px solid #6d87be;

    border-right: 1px solid #6d87be;

}



div#footer__tabs .label:hover {

    background: #eef3fa;

}



div#footer__tabs .label:active {

    background: #6d87be;

    color: #fff;

}



div#footer__tabs .input:focus + .label {

    z-index: 1;

}



div#footer__tabs .input:checked + .label {

    background: #6d87be;

    color: #fff;

}



@media (min-width: 600px) {

    div#footer__tabs .label {

        width: auto;

    }

}



div#footer__tabs .panel {

    display: none;

    padding: 20px 30px 30px;

    background: #fff;

    width: 100%;

}



@media (min-width: 600px) {

    div#footer__tabs .panel {

        order: 99;

    }

}

div#footer__tabs .input:checked + .label + .panel {

    display: block;

}

.contenedorsucur {

    display: flex;

    width: 100%;

    height: auto;

    background-color: yellow;

}

.datos {

    display: inline-block;

    width: 800px;

    height: 390px;

    background-color: red;

    padding: 30px;

}

.maps {

    display: inline-block;

    width: 630px;

    height: 390px;

    background-color: green;

}



.hover-img {

    background-color: #000;

    color: #fff;

    display: inline-block;

    margin: 8px;

    max-width: 320px;

    min-width: 240px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

}

.hover-img * {

    box-sizing: border-box;

    transition: all 0.45s ease;

}

.hover-img::before,

.hover-img::after {

    background-color: rgba(0, 0, 0, 0.5);

    border-top: 32px solid rgba(0, 0, 0, 0.5);

    border-bottom: 32px solid rgba(0, 0, 0, 0.5);

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    content: "";

    transition: all 0.3s ease;

    z-index: 1;

    opacity: 0;

    transform: scaleY(2);

}

.hover-img img {

    vertical-align: top;

    max-width: 100%;

    backface-visibility: hidden;

}

.hover-img figcaption {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    align-items: center;

    z-index: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

    line-height: 1.1em;

    opacity: 0;

    z-index: 2;

    transition-delay: 0.1s;

    font-size: 24px;

    font-family: sans-serif;

    font-weight: 400;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.hover-img:hover::before,

.hover-img:hover::after {

    transform: scale(1);

    opacity: 1;

}

.hover-img:hover > img {

    opacity: 0.7;

}

.hover-img:hover figcaption {

    opacity: 1;

}



.sucursales_mapa {

    height: 350px !important;

    background: #ccc;

}

.sucursales_mapa iframe {

    width: 100% !important;

}



.bg-service {

    background-color: #eef3fa !important;

    color: #6d87be !important;

    font-weight: bolder;

}



section#servicio__detalle video {

    width: auto;

    height: 400px !important;

}



/*GRID CSS*/

.grid__container {

    display: grid;

    grid-template-columns: 1fr 1fr;

    grid-template-rows: 2fr 1fr;

    gap: 0.5em;

}



.grid__container > * {

    background-color: darkgray;

    color: white;

    padding: 2em;

    border-radius: 0.5em;

}



/*INICIO FOOTER MEDIA*/

@media only screen and (min-width: 320px) and (max-width: 480px) {

    div#footer__tabs .label {

        border-left: none;

        border-right: none;

        border-bottom: 1px solid #6d87be;

    }

}

/*FIN FOOTER MEDIA*/



.navbar-toggler {

    background-color: #6d87be;

}

/* BOLSA TRABAJO*/

section#bolsa__trabajo {

    background-color: var(--main-color) !important;

    padding-bottom: 100px;

}



div.bolsa__trabajo__card {

    padding-top: 50px;

    padding-bottom: 50px;

}



section#bolsa__trabajo .card {

    background-color: var(--webinars-card) !important;

}



section#bolsa__trabajo .card .bg-blue {

    background-color: #b6d9f3 !important;

}



section#bolsa__trabajo .bg-white {

    background-color: #ffffff !important;

}



.m-auto {

    margin: 0 auto 0 0 !important;

}



.mx-auto {

    margin-left: 0px !important;

    margin-right: 0px !important;

}



section#bolsa__trabajo .btn-form {

    color: #6d87be;

    background-color: var(--main--footer);

}



section#bolsa__trabajo .btn-form-2 {

    color: #fff;

    background-color: #6d87be;

}



/** INICIO BOLSA TRABAJO MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .bolsa_tra {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .imgbol {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .imgbol img {

        height: 60px;

    }

    .cardbol {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardbol .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }

}



/* CINTOS */

section#cinto__cedula {

    background-color: #6d87be;

    color: #fff;

}

section#cinto__cedula p {

    text-transform: uppercase;

    font-size: 25px;

    font-weight: bold;

    margin: 30px 0;

}



section#cinto__anuncio {

    background-color: var(--main-color);

    color: #6d87be;

}



section#cinto__anuncio p {

    text-transform: uppercase;

    font-size: 25px;

    font-weight: bold;

    margin: 30px 0;

}



section#cinto__anuncio__blue {

    background-color: #6d87be;

    color: #fff;

}



section#cinto__anuncio__blue p {

    text-transform: uppercase;

    font-size: 25px;

    font-weight: bold;

    margin: 30px 0;

}



section#cinto__anuncio .cinto-anuncio-small {

    font-size: 15px;

    font-weight: bold;

}



section#cinto__anuncio__blue .cinto-anuncio-small {

    font-size: 15px;

    font-weight: bold;

}



@media only screen and (min-width: 320px) and (max-width: 480px) {

    section#cinto__cedula p {

        text-transform: uppercase;

        font-size: 15px;

        font-weight: bold;

        margin: 10px 0;

    }



    section#cinto__anuncio p {

        text-transform: uppercase;

        font-size: 15px;

        font-weight: bold;

        margin: 10px 0;

    }



    section#cinto__anuncio__blue p {

        text-transform: uppercase;

        font-size: 15px;

        font-weight: bold;

        margin: 10px 0;

    }



    section#cinto__anuncio .cinto-anuncio-small {

        font-size: 10px;

        font-weight: bold;

    }



    section#cinto__anuncio__blue .cinto-anuncio-small {

        font-size: 10px;

        font-weight: bold;

    }

}

/** FIN CINTO */



/* AGENDA CITA*/

section#agenda__cita {

    background-color: #6d87be;

    padding-bottom: 50px;

}



section#agenda__cita div.agenda__cita__card {

    padding-top: 50px;

    padding-bottom: 50px;

}



section#agenda__cita .card .bg-blue {

    background-color: #6d87be !important;

}



section#agenda__cita .btn-form {

    color: #fff;

    background-color: #6d87be;

}

.cardagenda {

    width: 800px;

    height: auto;

    background-color: #ffffff;

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    border-radius: 8px;

    padding: 20px;

}

.cardagenda .boxc {

    flex: revert !important;

    display: flex;

    justify-content: center;

    align-items: center;

}

/** INICIO AGENDA CITA MEDIA */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .agen_cit {

        display: inline-block;

        margin-left: auto;

        margin-right: auto;

    }

    .imgcita {

        display: inline-block;

        width: auto;

        padding-left: 5px;

    }

    .imgcita img {

        height: 60px;

    }

    .cardcita {

        display: inline-block;

        width: auto;

        padding: 0px;

    }

    .cardcita .p-3 h3 {

        margin-bottom: 0px;

        font-size: calc(1.1rem + 0.3vw);

    }



    .btn-orden-servicios-3d {

        color: #fff;

        font-weight: bold;

        background-color: #6d87be;

        text-transform: uppercase;

        margin: 20px 0;

        width: auto !important;

    }

}



.btn-orden-servicios-3d {

    color: #fff;

    font-weight: bold;

    background-color: #6d87be;

    text-transform: uppercase;

    font-size: large;

    width: 450px;

    margin: 20px 0;

}



section#cinto__carrusel .carousel-container {

    position: absolute;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    /* main style */

    overflow: hidden;

}



section#cinto__carrusel .text-slide {

    width: 100%;

    display: flex;

}



section#cinto__carrusel p {

    text-transform: uppercase;

    min-width: 100%;

    padding: 1rem;

    color: #fff;

    font-size: 1.5rem;

    text-align: center;

    font-weight: bold;

}



@media only screen and (min-width: 320px) and (max-width: 480px) {

    section#cinto__carrusel {

        margin-top: 0 !important;

        padding: 88px 0 50px 0;

    }

    section#cinto__carrusel .carousel-container {

        position: absolute;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 100%;

        height: auto;

        /* main style */

        overflow: hidden;

    }



    section#cinto__carrusel .text-slide {

        width: 100%;

        display: flex;

    }



    section#cinto__carrusel p {

        text-transform: uppercase;

        min-width: 100%;

        padding: 0.5rem;

        color: #fff;

        font-size: 1.3rem;

        text-align: center;

        font-weight: bold;

    }

}



/* Style the video: 100% width and height to cover the entire window */



.video-container {

    width: 100%;

    border: 1px solid black;



    display: grid;

    place-items: center;

    overflow: hidden;

}



.video-container video {

    width: 100vw;

    min-height: 100vh;

    aspect-ratio: 408 / 225;

    object-fit: cover;

}



/*.video-container video {

  object-fit: cover;

  width: 100vw;

  height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

}*/

/* Add some content at the bottom of the video/page */

.content {

    background: rgba(0, 0, 0, 0.5);

    color: #f1f1f1;

    width: 100%;

    padding: 20px;

}



/* Style the button used to pause/play the video */

#myBtn {

    width: 200px;

    font-size: 18px;

    padding: 10px;

    border: none;

    background: #000;

    color: #fff;

    cursor: pointer;

}



#myBtn:hover {

    background: #ddd;

    color: black;

}



section#header .navbar {

    background-color: transparent !important;

}



.carousel-item {

    background-color: var(--main-color);

}