@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&display=swap');
@font-face {font-family: 'replica-boldregular'; src: url('webfonts/replica_bold-webfont.woff2') format('woff2'), url('webfonts/replica_bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

body {color: #000000; font-family: 'Archivo', sans-serif;}
html, body {height: 100%; position: relative;}
.navbar-dark .navbar-nav .nav-link {color: #FFFFFF !important; font-family: 'Archivo', sans-serif; font-size: 13px; padding: 0 25px; font-weight: 700;}
.navbar-dark .navbar-nav .nav-link:hover {color: #23c0f0 !important;}
nav.navbar {padding: 15px 0; transition: all 0.3s; z-index: 9;}
header {min-height: 84px;}
nav.compressed {padding: 7px 0; background-color: #161A47;}
.w700 {font-weight: 700;}
.w40 {width: 40%;}
h1 {font-family: 'replica-boldregular'; font-size: 46px; line-height: 49px;}
.subtitle {font-size: 16px; line-height: 24px;}
.bg-blue {background-color: #161A47}
.azul {color: #161A47}
.turquesa {color: #23C0F0;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
.border-transparent .border-bottom {border-bottom: 1px solid rgb(255 255 255 / 29%) !important;}
.border-transparent .border-end {border-right: 1px solid rgb(255 255 255 / 29%) !important;}
.bg-degradado {background: rgb(22,26,71); background: linear-gradient(180deg, rgba(22,26,71,1) 0%, rgba(0,0,0,1) 100%);}
p {font-size: 13px; line-height: 19px;}
hr {color: #FFFFFF;}
.btn-busquedas {background-color: #23C0F0; color: #ffffff; text-decoration: none; font-size: 12px; padding: 10px 50px; border-radius: 30px;}
.btn-busquedas:hover {background-color: #FFFFFF; color: #161a47;}
.bg-contacto {background-image: url(../img/bg-footer.jpg); background-repeat: no-repeat; background-size: cover}
.font12 {font-size: 12px !important}
.font14 {font-size: 14px; line-height: 18px;}
input.form-input {background-color: transparent; border: 0; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font-size: 12px; width: 100%;}
.form-input::placeholder {color: #FFFFFF;}
.form-textarea {background-color: #7C7C7C; border-radius: 15px; font-size: 12px; padding: 1%;}
.form-textarea::placeholder {color: #FFFFFF !important;}
footer a {font-size: 13px;}
footer a:hover {color: #FFFFFF !important;}
.redes i {font-size: 16px;}
.pt15 {padding-top: 15%;}
a.navbar-brand img {max-width: 220px;}
.bg-noticia {background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 40px; min-height: 330px;}
.bg-black {background-color: #010102;}
h4 {font-size: 22px; line-height: 24px;}
.border-video {border-radius: 30px;}
.w60 {width: 60%;}
.btn-busquedas.hover-blue:hover {background-color: #161a47; color: #FFFFFF;}
.title-mision {font-family: 'replica-boldregular'; font-size: 37px; line-height: 45px; text-transform: uppercase;}
.bg-celeste {background-color: #E9F9FE;}
.text-justify {text-align: justify;}
.form-input:focus {outline: none; border-bottom: 1px solid #23c0f0;}
.form-textarea:focus {outline: none;}

.mt70 {margin-top: 70px}
.p10 {padding: 10rem 0}
.pt10 {padding-top: 10%}
.dropdown-item {font-size: 13px;}
.btn-arrow {color: #000000; background-color: #76FDE8; border-radius: 50%; display: inline-block; width: 35px; height: 35px; line-height: 36px; font-size: 16px;}
.btn-arrow:hover {color: #000000}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.1);}
.txt-vertical p {font-size: 11px;}
.txt-vertical {left:0; transform-origin: 0 0; transform: rotate(270deg); color: #ffffff;}
#background-video {width: 100vw;height: 100vh;object-fit: cover;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;}
span.ms-7 {margin-left: 20%;}



span.ms-8 {margin-left: 60%;}
span.ms-9 {margin-left: 35%; }

.splide__pagination__page.is-active {transform: scale(1) !important;}
.splide__arrow--prev {left: 0 !important;}
.splide__arrow--next {right: 0 !important;}
.splide__pagination {bottom: -2.5em !important;}
.splide__arrow {background: transparent !important;}
.splide__arrow svg {fill: #031A39; height: 0.8em; width: 0.8em;}
.splide__pagination__page {height: 7px !important; width: 7px !important; margin: 3px 6px !important;}
.font11 {font-size: 11px}
.font15 {font-size: 15px; line-height: 21px;}
.py-6 {padding-top: 5rem; padding-bottom: 5rem}
.px-6 {padding-left: 5rem; padding-right: 5rem}
.pt-6 {padding-top: 5rem;}
.px5 {padding-left: 4rem; padding-right: 4rem}
.bg-gracias {background-image: url(../img/bg-gracias.png); background-repeat: no-repeat; background-size: cover}
.form-control {border:0;background-color: rgb(255 255 255 / 50%); border-radius: 0; font-size: 12px; min-height: 45px; color: #000000;}
textarea.form-control {min-height: 167px; padding-top: 15px}
.black {color: #000000}
.verde {color: #76FDE8;}
.btn-enviar {background-color: #031939; color: #FFFFFF; text-decoration: none; font-size: 13px;
    padding: 9px 50px; border-radius: 30px; border: 0;}
.txt-footer {font-size: 10px; text-transform: uppercase; line-height: 14px;}
.circle-ft {background-color: #031939; width: 35px; height: 35px; line-height: 35px !important;
    text-align: center; border-radius: 50%; color: #FFFFFF;}
.bg-services {background-size: cover; background-position: center; min-height: 310px;}
.bg-transformacion-operaciones {background-image: url(../img/transformacion-operaciones.jpg);}
.bg-suministro {background-image: url(../img/cadena-suministros.jpg);}
.bg-retail {background-image: url(../img/retail.jpg);}
.bg-produccion {background-image: url(../img/produccion.jpg);}
.bg-transformacion {background-image: url(../img/transformacion-digital.jpg);}
.bg-diseno {background-image: url(../img/diseno-desarrollo-organizacional.jpg);}
.bg-compras {background-image: url(../img/compras-abastecimiento.jpg);}
.bg-operaciones {background-image: url(../img/operaciones-al-servicio.jpg);}
.bg-proyectos {background-image: url(../img/proyecto-capital.jpg);}
.bg-ventas {background-image: url(../img/ventas-mkt.jpg);}
.bg-services p {font-size: 16px; line-height: 21px;}
#servicios h2 {font-size: 43px; line-height: 45px;}
.img-kastor {left: 7%;}
.img-kastor img {width: 53%;}
.w35 {width: 35%;}
.bg-gestion-full {height: 440px;background-image: url(../img/bg-servicio-gestion.jpg); background-size: cover; background-position: left; background-repeat: no-repeat;}
.bg-desarrollo-full {background-image: url(../img/bg-desarrollo-organizacional.jpg);}
.bg-operaciones-full {background-image: url(../img/bg-operaciones-servicio.jpg);}
.bg-retail-full {background-image: url(../img/bg-retail.jpg);}
.bg-ventas-full {background-image: url(../img/bg-ventas-marketing.jpg);}
.bg-produccion-full {background-image: url(../img/bg-produccion.jpg);}
.bg-proyectos-full {background-image: url(../img/bg-proyectos-capital.jpg);}
.bg-transformacion-full {background-image: url(../img/bg-transformacion-digital.jpg);}
.bg-compras-full {background-image: url(../img/bg-compras.jpg);}
.bg-operaciones-full {background-image: url(../img/bg-transformacion-operaciones.jpg);}


.volver {top: 21%; left: 3%;}
.mt-72 {margin-top: 72px;}
.font40 {font-size: 40px;}
.semi {font-weight: 600;}
.bold {font-weight: 700;}
.txt-service p {font-size: 13px; line-height: 21px;}
.card.light-green {background-color:#EDFFFC;}
.card.green {background-color:#D8FFF9;}
.card {background: rgba(255, 255, 255, 0.20); border-radius: 30px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 4rem 2rem;}
.card h4 {font-size: 20px; line-height: 25px;}
.card p {font-size: 13px; line-height: 19px;}
.white {color: #FFFFFF}
.pointer {cursor: pointer}
.navbar-toggler-icon {width: 1em !important; height: 1em !important;}
.navbar-toggler {border: 0;}
footer a:hover {color: #000000;}
a {text-decoration: none;}
.bg-services a:hover {color: #FFFFFF}
.dropdown-item.active, .dropdown-item:active {background-color: #76fde8; color: #000000;}

.h-text {min-height: 165px;}
.txt-nosotros {font-size: 27px; line-height: 31px;}
.pointer {cursor: pointer;}
.txt-kastor p {font-size: 15px; line-height: 24px;}
footer a {color: #707070;}
h5 {font-size: 36px;}
p.txt-bajada {font-size: 18px;}
.txt-modo {font-size: 27px; line-height: 35px;}
.porcentaje {font-size: 90px; line-height: 80px;}
.splide__slide img {width: 75%;}
.splide__slide .card-body {border-top-right-radius: 20px; border-bottom-right-radius: 20px;
    min-height: 16rem;}
.splide__pagination--ttb {right: -1.5em !important}
.splide__pagination__page.is-active {background: #031A39 !important;}

.red {color: #E80000}
.bg-red {color: #E80000}
.solid-red {background-color: #E80000}
.gris {color: #707070}
.qr {width: 6%;margin-top: -7px;}
.border-1 {border-radius: 1rem;}
.border-20 {border-radius: 20px;}
.bg-grey {border:0; background: rgb(255,255,255); background: linear-gradient(140deg, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 55%, rgba(120,120,120,1) 100%);}
.bg-white-9 {background-color: rgb(255 255 255 / 90%)!important;}


::selection {background-color: #23C0F0; color: #FFFFFF}

@media (max-width: 1400px) {
.w40 {
    width: 50%;
}
}


@media (max-width: 1200px) {
.py-6 {padding-top: 5rem!important; padding-bottom: 5rem!important;}
.navbar-dark .navbar-nav .nav-link {padding: 0 17px;}
.title-mision {font-size: 33px; line-height: 37px;}
h1 {font-size: 41px; line-height: 45px;}
.subtitle {font-size: 15px; line-height: 22px;}
}

@media (max-width: 990px) {
    .w40 {
        width: 70%;
    }

.navbar-dark .navbar-nav .nav-link {font-size: 12px; padding: 0 15px;}
.w35 {width: 45%;}
#servicios h2 {font-size: 36px; line-height: 38px;}
.bg-services {min-height: 240px;}
.bg-services p {font-size: 14px; line-height: 19px;}
.br-hide {display: none;}
.font15 {font-size: 13px; line-height: 17px;}
.btn-busquedas {font-size: 13px}
h4 {font-size: 27px; line-height: 32px;}
.px5 {padding-left: 3rem; padding-right: 3rem;}
.py-6 {padding-top: 3rem!important; padding-bottom: 3rem!important;}
.txt-footer {font-size: 9px;  line-height: 13px;}
h3 {font-size: 20px;}
.pt-6 {padding-top: 3rem;}
.h-text {min-height: 135px;}
.w45 {width: 75%;}
}

@media (max-width: 767px) {
.dropdown-item {color: #FFFFFF;}
.navbar-dark .navbar-nav .nav-link {font-size: 13px; padding: 7px 0;}
#servicios h2 {font-size: 31px; line-height: 34px;}
.bg-services.px-5 {padding-right: 1rem!important; padding-left: 1rem!important;}
.bg-services {min-height: 230px;}
h2 {font-size: 27px; line-height: 35px;}
.font15 {font-size: 12px; line-height: 16px;}
h1 {font-size: 38px; line-height: 38px;}
.w35 {width: 50%;}
section.bg-white.pt10.pb-5 {padding-bottom: 0 !important;}
.card {padding: 3rem 2rem;}
.card h4 {font-size: 18px; line-height: 22px;}
.dropdown-menu {background-color: transparent; border: 0;}
.w45 {width: 45%;}
.txt-nosotros {font-size: 24px; line-height: 29px;}
.border-end.border-0-end {border-right: 0!important;}
.border-end-md {border-right: 1px solid rgb(255 255 255 / 29%) !important;}
.border-bottom-md {border-bottom: 1px solid rgb(255 255 255 / 29%) !important;}
.title-mision {font-size: 29px;  line-height: 35px;}
}

@media (max-width: 600px) {
h1 {font-size: 33px;line-height: 35px;}
h4 {font-size: 21px;line-height: 26px;}
.subtitle {font-size: 15px; line-height: 23px;}
.volver {top: 16%;left: 0;}
span.ms-7 {margin-left: 0;}
span.ms-8 {margin-left: 0;}
.w35 {width: 70%; text-align: center;}
.p10 {padding: 5rem 0;}
.px-6.bg-services {padding-left: 2rem; padding-right: 2rem;}
.bg-services p {font-size: 16px; line-height: 21px;}
.font11 {font-size: 8px; line-height: 13px;}
footer img {width: 40%;}
.circle-ft {width: 28px; height: 28px; line-height: 28px !important; font-size: 14px !important;}
h3 {font-size: 17px;}
h2 {font-size: 21px; line-height: 27px;}
.splide__arrow {width: 1em !important; height: 1em !important; top: 33% !important;}
.h-text {min-height: auto;}
.splide__pagination {display: none !important;}

footer a {font-size: 11px;}
.w40 {width: 90%;}
}


.video-wrapper {
    position: relative;
  }
  
  .loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  
  /* Hide the loading icon initially */
  .loading-icon img {
    display: none;
  }