@charset "UTF-8";
/*
Theme Name: KLYM Landing
Description: Soluciones financieras 100% digitales para empresas.
Author: Nicolás Camacho
Author URI: https://www.behance.net/nicolas-camacho
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
  font-family: "Roobert";
  src: url("fonts/Roobert-Regular.woff") format("woff");
  src: url("fonts/Roobert-Regular.woff2") format("woff2");
}
body {
  color: #0F1526 !important;
  font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 500 !important;
  text-rendering: optimizeLegibility !important;
}
a {
  color: #1063E1;
  text-decoration: none !important;
}
a:hover {
  color: #1249A0 !important;;
  text-decoration: none !important;
}
.btn {
  padding: 18px 32px !important;
}
.btn-primary {
  color: #FFFFFF !important;
  background-color: #0F1526 !important;
  border-color: #0F1526 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-primary:hover {
  color: #FFFFFF !important;
  background-color: rgba(15, 21, 38, 0.8) !important;
  border-color: rgba(15, 21, 38, 0.8) !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-secondary {
  color: #FFFFFF !important;
  background-color: #2B65D9 !important;
  border-color: #2B65D9 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-secondary:hover {
  color: #FFFFFF !important;
  background-color: #122F66 !important;
  border-color: #122F66 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-tertiary {
  color: #0F1526 !important;
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-tertiary:hover {
  color: #0F1526 !important;
  background-color: #E3E1E1 !important;
  border-color: #E3E1E1 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-outline-primary {
  color: #0F1526 !important;
  border-color: #0F1526 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-outline-primary:hover {
  color: #FFFFFF !important;
  background-color: rgba(15, 21, 38, 0.8) !important;
  border-color: rgba(15, 21, 38, 0.8) !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-outline-secondary {
  color: #2B65D9 !important;
  border-color: #2B65D9 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-outline-secondary:hover {
  color: #FFFFFF !important;
  background-color: #122F66 !important;
  border-color: #122F66 !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-outline-tertiary {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  border-radius: 50px 50px 50px 50px !important;
}
.btn-outline-tertiary:hover {
  color: #0F1526 !important;
  background-color: #E3E1E1 !important;
  border-color: #E3E1E1 !important;
  border-radius: 50px 50px 50px 50px !important;
}
video {
  object-fit: cover;
}
.main-video-responsive {
  position: relative;
  width: 100%;
  height: 0;
}
.main-video-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Start Header */
/*.navbar > div {
  border-bottom: 2px solid #0F1526;
}*/
.bg-dark {
  background-color: #FFFFFF !important;
}
.scrolled {
  background-color: #fff !important;
}
.dropdown-scrolled {
  background-color: transparent !important;
}
.bg-dark-open {
  background-color: rgba(255, 255, 255, 1) !important;
}
.navbar-dark {
  color: #FFFFFF !important;
  font-size: 1.25rem !important;
}
.navbar-dark-open {
  overflow: scroll !important;
  height: 100vh !important;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(255, 255, 255, 0) !important;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(15,21,38,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler-open {
  position: fixed !important;
  top: 22px !important;
  right: 15px !important;
}
.closed {
  background-image: url(/wp-content/themes/klymcolombia/img/close-icon.svg) !important;
}
.navbar-dark .navbar-nav .nav-link {
  color: #0F1526;
  padding: 1rem .7rem !important;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(15, 21, 38, 0.8);
}
.nav-item {
  position: relative !important;
}
.current_page_item a {
  color: #2B65D9;
}
.current-menu-item > a {
  color: #2B65D9 !important;
}
.current-menu-parent > a {
  color: #2B65D9 !important;
}
.dropdown-menu {
  background-color: transparent;
  border: 0px !important;
}
.dropdown-item {
  color: #0F1526 !important;
  font-size: 1.25rem !important;
}
.dropdown-item:hover {
  color: rgba(15, 21, 38, 0.8) !important;
  background-color: transparent !important;
}
.collapsing {
  -webkit-transition: none;
  transition: none;
  display: none;
}
.dropdown-divider {
  border-top: 2px solid #0F1526 !important;
  width: 50% !important;
}
/*.dropdown-toggle::after {
  content: "↓" !important;
}*/
#menu-item-196 {
  align-self: flex-start;
}
#menu-item-196 a {
  display: inline-block;
  color: #FFFFFF !important;
  background-color: #1063E1;
  width: 100% !important;
  border-radius: 50px 50px 50px 50px !important;
  margin-bottom: 15px !important;
  text-align: center !important;
  padding: 18px 32px !important;
}
#menu-item-196 a:hover {
  background-color: #1249A0 !important;
}
#menu-item-197 {
  align-self: flex-start;
}
#menu-item-197 a {
  display: inline-block;
  color: #1063E1 !important;
  border: 1px solid #1063E1 !important;
  width: 100% !important;
  border-radius: 50px 50px 50px 50px !important;
  margin-bottom: 15px !important;
  text-align: center !important;
  padding: 18px 32px !important;
}
#menu-item-197 a:hover {
  background-color: #1249A0 !important;
  color: #FFFFFF !important;
  border: none;
}
/* End Header */
/* Start Footer */
footer {
  color: #FFFFFF !important;
  background-color: #0F1526 !important;
  background-image: url("img/bg-footer.svg");
  background-blend-mode: color-dodge;
  background-position: bottom left;
  background-repeat: no-repeat;
  font-size: .75rem;
}
footer a {
  color: #FFFFFF !important;
  opacity: .7;
}
footer .footer-logo {
  opacity: 1 !important;
}
footer a:hover {
  color: #FFFFFF !important;
  opacity: 1;
}
/* End Footer */
/* Landing campaña preaprobados */
.landing-campana-preaprobados-header-cesantias {
  background-image: url("img/bg-6.jpg");
  background-position: center;
  background-size: cover;
}
.landing-campana-preaprobados-header-testimoniales {
  background-image: url("img/bg-1.svg");
  background-position: center;
  background-size: cover;
  background-color: #0F1526;
  color: #FFFFFF;
}
.landing-campana-preaprobados-header-primas {
  background-image: url("img/bg-8.jpg");
  background-position: center;
  background-size: cover;
}
.landing-campana-preaprobados-header-primas .landing-campana-preaprobados-main-banner-text {
  background-color: #FF6666;
}
.landing-campana-preaprobados-section-2 {
  background-position: center;
  background-size: cover;
}
.landing-campana-preaprobados-section-3 {
  background-image: url("img/bg-4.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.landing-campana-preaprobados-section-4 {
  color: #ffffff;
  background-color: #0f1526;
  background-image: url("img/bg-1.svg");
  background-position: center;
  background-size: cover;
}
.landing-campana-preaprobados-section-5 {
  background-image: url(img/bg-5.svg);
  background-position: center;
  background-size: cover;
}
.landing-campana-preaprobados-section-5 .section-5 {
  background-color: #0f1526;
  color: #FFFFFF;
}
.landing-campana-preaprobados-section-6 {
  background-color: #0F1526;
  color: #FFFFFF;
}
.landing-campana-preaprobados-section-7 {
  background-image: url(img/bg-7.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  color: #FFFFFF;
}
.landing-campana-preaprobados-section-8 img {
  cursor: pointer;
}
.landing-campana-preaprobados-modal-video {
  max-width: 800px !important;
  cursor: pointer;
}
.landing-campana-preaprobados-modal {
  color: #ffffff;
  background-color: #0f1526;
  background-image: url("img/bg-1.svg");
  background-position: center;
  background-size: cover;
}
.landing-campana-preaprobados-modal .modal-header {
  border-bottom: none;
}
.landing-campana-preaprobados-modal .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
.form-group span {
  color: red;
}
/* End Landing campaña preaprobados */
/* Start Landing campaña línea Rotativa */
.landing-campana-lrk-header {
  background-image: url("img/bg-hero-lrk.jpg");
  background-position: center;
  background-size: cover;
  background-color: #0F1526;
  color: #FFFFFF;
}
.landing-campana-lrk-header h1 {
  color: #FF6666;
}
.landing-campana-lrk-section-1 h2 {
  color: #FF6666;
}
.landing-campana-lrk-section-2 {
  color: #FFFFFF;
  background-color: #0F1526;
}
.landing-campana-lrk-section-2 th {
  font-weight: bold
}
.landing-campana-lrk-section-2 .table-responsive {
  background-color: #ffffff;
  box-shadow: 0px 0px 25px 2px rgba(15, 21, 38, 0.1);
  border-radius: 10px;
}
.landing-campana-lrk-section-2 .others {
  background-color: #0f1526;
  color: #ffffff;
  vertical-align: middle;
}
.landing-campana-lrk-section-2 .klym {
  background-color: #ff6666;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  vertical-align: middle;
}
.landing-campana-lrk-section-3 {
  background-color: #FF6666;
  background-image: url("img/bg-lrk-klym.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #FFFFFF;
}
.landing-campana-lrk-modal {
  color: #ffffff;
  background-color: #0f1526;
  background-image: url("img/bg-1.svg");
  background-position: center;
  background-size: cover;
}
.landing-campana-lrk-modal h5 {
  color: #FF6666;
}
.landing-campana-lrk-modal .modal-header {
  border-bottom: none;
}
.landing-campana-lrk-modal .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
.form-group span {
  color: red;
}
/* Start modal preaprobados */
.modal-dialog-preapproved {
  max-width: 830px !important;
}
.modal-content-preapproved {
  color: #ffffff;
  background-color: #0f1526;
  background-image: url("img/bg-1.svg");
  background-position: center;
  background-size: cover;
}
.modal-content-preapproved h5 {
  color: #FF6666;
}
.modal-content-preapproved .modal-header {
  border-bottom: none;
}
.modal-content-preapproved .modal-header .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
#modal-p .modal-content-preapproved,#modal-n  .modal-content-preapproved {
  color: #ffffff;
  background-color: #FF6666;
  background-image: url("img/bg-1.svg");
  background-position: center;
  background-size: cover;
}
.modal-content-preapproved .form-preapproved {
  width: 100%;
  height: 95vh;
}
/* End modal preaprobados */

/* Start Landing campaña línea Rotativa */
@media (min-width: 992px) {
  body {
    font-family: 'Roobert', sans-serif;
  }
  .modal-content-preapproved .form-preapproved {
    width: 100%;
    height: 50vh;
  }
}