@charset "utf-8";

@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap";
@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css";

:root {
  --bs-light-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Rubik", sans-serif !important;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1.6rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 2.4rem;
  --bs-body-color: #4b566b;
  --bs-dark: #373f50;
  --bs-dark-rgb: 55, 63, 80;
  --bs-light: #fff;
  --bs-light-rgb: 255, 255, 255;
  --bs-white: #fff;
  --bs-gray: #7d879c;
  --bs-gray-dark: #373f50;
  --bs-gray-100: #f6f9fc;
  --bs-gray-200: #f3f5f9;
  --bs-gray-300: #e3e9ef;
  --bs-gray-400: #dae1e7;
  --bs-gray-500: #aeb4be;
  --bs-gray-600: #7d879c;
  --bs-gray-700: #4b566b;
  --bs-gray-800: #373f50;
  --bs-gray-900: #2b3445;
  --bs-primary: #39a9e4;
  --bs-accent: #4e54c8;
  --bs-secondary: #f3f5f9;
  --bs-success: #42d697;
  --bs-info: #69b3fe;
  --bs-warning: #fea569;
  --bs-danger: #f34770;
  --bs-light: #fff;
  --bs-dark: #373f50;
  --bs-primary-rgb: 254, 105, 106;
  --bs-accent-rgb: 78, 84, 200;
  --bs-secondary-rgb: 243, 245, 249;
  --bs-success-rgb: 66, 214, 151;
  --bs-info-rgb: 105, 179, 254;
  --bs-warning-rgb: 254, 165, 105;
  --bs-danger-rgb: 243, 71, 112;
  --bs-light-rgb: 255, 255, 255;
  --bs-dark-rgb: 55, 63, 80;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 75, 86, 107;
  --bs-body-bg-rgb: 255, 255, 255;
}


.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

@media (max-width: 991.98px) {
  .text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
    background: #000428;
    background: -webkit-linear-gradient(to bottom, #004e92, #000428);
    background: linear-gradient(to bottom, #004e92, #000428);
    background-color: rgba(0, 0, 0, 0);
  }
}

footer,
header {
  margin: 0;
  font-family: var(--bs-body-font-family) !important;
  font-size: var(--bs-body-font-size) !important;
  font-weight: var(--bs-body-font-weight) !important;
  line-height: var(--bs-body-line-height) !important;
  color: var(--bs-body-color);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.fs-md {
  font-size: 1.56rem !important;
}

@media (min-width: 768px) {
  .py-md-30r {
    padding-top: 0.48rem !important;
    padding-bottom: 0.48rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 6rem !important;
  }
}

hr:not([size]) {
  height: 1px;
}

hr {
  margin: 1.6rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

/* general cursores */
.cursor-pointer {
  cursor: pointer !important
}

/*------------------------------------------------------------------------
 5. Cabecera (Ajustes epeciales que desaparecerán con una cabecera normal)
------------------------------------------------------------------------*/
header {
  z-index: 100;
  position: relative;
  background-color: #fff;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.06rem !important;
  padding-bottom: 1.06rem !important;
  margin-bottom: 0px !important;
  border: 0 !important
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;

}

@media(max-width: 576px) {
  .navbar>.container,
  .navbar>.container-fluid,
  .navbar>.container-sm,
  .navbar>.container-md,
  .navbar>.container-lg,
  .navbar>.container-xl {
    width: 100%
  }
}

.navbar-brand {
  padding-top: .625rem;
  padding-bottom: .625rem;
  margin-right: 1rem;
  font-size: calc(1.3rem + 0.6vw);
  white-space: nowrap;
  height: inherit !important;
  padding: 5px;
  float: none;
}

@media(min-width: 1200px) {
  .navbar-brand {
    font-size: 1.75rem
  }
}

.navbar-text {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.navbar-toggler {
  padding: .75rem .75rem;
  font-size: 1rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  transition: box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0
}

.navbar-toggler-icon {
  display: inline-block;
  width: 3em;
  height: 3em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}




@media(min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.125rem;
    padding-left: 1.125rem
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none
  }

  .navbar-expand-lg .offcanvas-top,
  .navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0
  }

  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent;
  }

  .navbar-expand-lg .dropdown:hover>.dropdown-menu {
    display: block;
    -webkit-animation: slide-up .25s ease-in-out;
    animation: slide-up .25s ease-in-out
  }
}

.navbar-expand-lg .navbar-tool.dropdown:hover>.dropdown-menu {
  display: block;
  -webkit-animation: slide-up .25s ease-in-out;
  animation: slide-up .25s ease-in-out
}




.navbar-light .navbar-brand {
  color: #373f50
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: #373f50
}

.navbar-light .navbar-nav .nav-link {
  color: #4b566b
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #39a9e4
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: #7d879c
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: #39a9e4
}

.navbar-light .navbar-toggler {
  color: #4b566b;
  border-color: transparent
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%234b566b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
  color: #4b566b
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: #39a9e4
}


.navbar-brand {
  display: inline-block;
  font-weight: 500;
  vertical-align: middle
}

.navbar-brand>img {
  display: block
}

.navbar-nav .nav-item {
  margin-bottom: .667rem;
  border-radius: .3125rem
}

.navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
  font-weight: 500
}

.navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item>* {
  font-weight: 400
}

.navbar-nav .nav-link {
  padding: .667rem 1.125rem;
  font-weight: 500
}

.navbar-nav .dropdown-menu {
  min-width: 12.5rem;
  padding-top: 0;
  box-shadow: none;
  border: none;
  background-color: transparent
}

.navbar-nav .dropdown-menu .dropdown-menu {
  width: calc(100% - (1rem * 2));
  margin: 0 1rem
}

.navbar.fixed-top {
  position: relative
}

.navbar-sticky.position-absolute {
  top: 0;
  left: 0;
  z-index: 1030
}

.navbar-sticky.position-absolute.navbar-light {
  background-color: #fff
}

.navbar-tool {
  position: relative;
  display: flex;
  align-items: center
}

.navbar-tool.dropdown::before {
  position: absolute;
  bottom: -1rem;
  left: -10%;
  width: 120%;
  height: 1rem;
  content: ""
}

.navbar-tool .dropdown-menu {
  top: 100%;
  margin-top: .5rem !important
}

.navbar-tool .dropdown-menu.dropdown-menu-end {
  left: auto;
  right: 0
}

.navbar-tool .navbar-tool-label {
  position: absolute;
  top: -0.3125rem;
  right: -0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #39a9e4;
  color: #fff;
  font-size: .75rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.25rem
}

.navbar-tool .navbar-tool-tooltip {
  display: none
}

@media(min-width: 992px) {
  .navbar-tool .navbar-tool-tooltip {
    display: block;
    position: absolute;
    top: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .2s ease-in-out, top .2s ease-in-out;
    padding: .0625rem .375rem;
    border-radius: .25rem;
    background-color: #2b3445;
    color: #fff;
    font-size: .6875rem;
    white-space: nowrap;
    opacity: 0
  }

  .navbar-tool:hover .navbar-tool-tooltip {
    top: -0.75rem;
    opacity: .9
  }
}

.navbar-tool-icon-box {
  position: relative;
  width: 4.6rem;
  height: 4.6rem;
  transition: color .25s ease-in-out;
  border-radius: 50%;
  line-height: 4.2rem;
  text-align: center
}

.navbar-tool-icon-box.dropdown-toggle::after {
  display: none
}

.navbar-tool-icon {
  font-size: 1.25rem;
  line-height: 2.875rem
}

.navbar-tool-text {
  display: none;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 1.4rem;
  transition: color .25s ease-in-out;
  font-size: 1.4rem;
  text-decoration: none !important;
  white-space: nowrap
}

.navbar-tool-text {
  line-height: 1.6rem
}

.navbar-tool-text>small,
.navbar-tool-text>.small {
  display: block;
  margin-bottom: -0.125rem
}

.dropdown .navbar-tool-text::after {
  display: inline-block;
  margin-left: .23375rem;
  vertical-align: .23375rem;
  content: "";
  border-top: .275rem solid;
  border-right: .275rem solid transparent;
  border-bottom: 0;
  border-left: .275rem solid transparent
}

.dropdown .navbar-tool-text:empty::after {
  margin-left: 0
}

@media(max-width: 767.98px) {
  .search-box {
    display: none
  }
}

@media(min-width: 992px) {
  .navbar-expand-lg.fixed-top {
    position: fixed
  }

  .navbar-expand-lg .navbar-collapse {
    width: auto;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-nav .nav-item {
    margin-bottom: 0;
    background-color: transparent
  }

  .navbar-expand-lg .navbar-nav .nav-item>.dropdown-menu>li>.dropdown-item {
    font-weight: normal
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 1.125rem;
    padding-bottom: .875rem;
    font-weight: normal
  }

  .navbar-expand-lg .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
    display: none
  }

  .navbar-expand-lg .navbar-mega-nav::after {
    display: block
  }

  .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.dropdown .dropdown-menu {
    top: .35rem
  }

  .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu {
    top: .375rem;
    min-height: 100%;
    min-height: calc(100% + .25rem);
    -webkit-animation: none !important;
    animation: none !important
  }

  .navbar-expand-lg .navbar-mega-nav .dropdown-menu>.mega-dropdown .dropdown-menu::before {
    position: absolute;
    top: 0;
    right: 16rem;
    width: 1px;
    height: 100%;
    background-color: #e3e9ef;
    content: ""
  }

  .navbar-expand-lg .dropdown-menu {
    margin-top: 0;
    padding-top: .5rem
  }

  .navbar-expand-lg .dropdown-menu.dropdown-menu-dark {
    border: 1px solid rgba(255, 255, 255, .12);
    background-color: #373f50
  }

  .navbar-expand-lg .dropdown-menu.dropdown-menu-end {
    left: auto;
    right: 0
  }

  .navbar-expand-lg .dropdown-menu.show {
    display: none
  }

  .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle {
    position: relative;
    padding-right: 1.95rem
  }

  .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: .275rem solid transparent;
    border-right: 0;
    border-bottom: .275rem solid transparent;
    border-left: .275rem solid
  }

  .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle:empty::after {
    margin-left: 0
  }

  .navbar-expand-lg .dropdown-menu>.dropdown>.dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 50%;
    right: 1rem;
    margin-top: -0.3em
  }

  .navbar-expand-lg .dropdown-menu>.dropdown .dropdown-menu {
    display: none;
    top: 0;
    right: auto;
    left: 100%;
    width: auto;
    margin-top: -0.5rem;
    margin-right: 0;
    margin-left: -0.25rem
  }

  .navbar-expand-lg .dropdown-menu>.dropdown:hover>.dropdown-menu {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
  }

  .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) {
    border-color: #fff;
    background-color: #fff;
    box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05)
  }

  .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
    background-color: #fff
  }

  .navbar-expand-lg .dropdown:hover>.dropdown-menu {
    display: block;
    -webkit-animation: slide-up .25s ease-in-out;
    animation: slide-up .25s ease-in-out
  }

  .navbar-expand-lg .navbar-tool-text {
    display: block
  }

  .navbar-expand-lg .mega-dropdown-column {
    width: 15rem
  }
}


.navbar-stuck-toggler {
  display: none
}


.dropdown-divider {
  height: 0;
  margin: .40rem 0;
  overflow: hidden;
  border-top: 1px solid #e3e9ef5e;
}

.list-group-item {
  border: 1px solid rgba(0, 0, 0, 0.045);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .425rem 1.3rem;
  clear: both;
  font-weight: 400;
  color: #4b566b;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #39a9e4 !important;
  background-color: transparent !important;
  text-decoration:none !important
}


.dropdown-item.active,
.dropdown-item:active {
  color: #39a9e4;
  text-decoration: none !important;
  background-color: transparent
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #aeb4be;
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: .5rem 1.3rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #373f50;
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: .425rem 1.3rem;
  color: #4b566b
}

.dropdown-menu-dark {
  color: rgba(255, 255, 255, .65);
  background-color: #373f50;
  border-color: transparent;
  box-shadow: none
}

.dropdown-menu-dark .dropdown-item {
  color: rgba(255, 255, 255, .65)
}


.navbar-sticky.navbar-stuck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: navbar-show .25s;
  animation: navbar-show .25s;
  box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05);
  z-index: 1030
}

@media(min-width: 992px) {


  .navbar-sticky.navbar-stuck .navbar-stuck-toggler {
    display: flex
  }

  .navbar-sticky.navbar-stuck .navbar-stuck-barnd {
    display: block !important
  }

  .navbar-sticky.navbar-stuck .navbar-stuck-menu {
    display: none
  }

  .navbar-sticky.navbar-stuck .navbar-stuck-menu.show {
    display: block
  }

  .navbar-sticky.navbar-stuck.right-15 {
    right: 15px;
    width: calc(100% - 15px)
  }

  .navbar-sticky.position-absolute.navbar-light {
    background-color: transparent
  }

  .navbar-sticky.position-absolute.navbar-stuck {
    position: fixed !important
  }

  .navbar-sticky.position-absolute.navbar-stuck.navbar-light {
    background-color: #fff
  }

}

.fixed-top.right-15,
.fixed-bottom.right-15 {
  right: 15px
}

@-webkit-keyframes navbar-show {
  from {
    transform: translateY(-0.625rem);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes navbar-show {
  from {
    transform: translateY(-0.625rem);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes slide-up {
  from {
    transform: translateY(0.5rem);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes slide-up {
  from {
    transform: translateY(0.5rem);
    opacity: 0
  }

  to {
    transform: translateY(0);
    opacity: 1
  }
}


.navbar-light .nav-link>i {
  transition: color .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, border-color .25s ease-in-out;
  color: #7d879c
}

.navbar-light .nav-item {
  background-color: #f6f9fc
}

.navbar-light .nav-item:hover .nav-link:not(.disabled),
.navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
  color: #39a9e4
}

.navbar-light .nav-item.active .nav-link:not(.disabled)>i,
.navbar-light .nav-item.show .nav-link:not(.disabled)>i,
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i,
.navbar-light .nav-item.active .nav-link:not(.disabled),
.navbar-light .nav-item.show .nav-link:not(.disabled),
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
  color: #39a9e4
}

.navbar-light .navbar-tool-icon-box {
  color: #4b566b
}

.navbar-light .navbar-tool-icon-box.bg-secondary {
  background-color: #f3f5f9 !important
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box {
  color: #2b3445
}

.navbar-light .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
  background-color: #f3f5f9 !important
}

.navbar-light.bg-secondary .navbar-tool-icon-box.bg-secondary,
.navbar-light[class^=bg-faded] .navbar-tool-icon-box.bg-secondary,
.navbar-light[class*=" bg-faded"] .navbar-tool-icon-box.bg-secondary,
.navbar-light[style^=background-color] .navbar-tool-icon-box.bg-secondary,
.navbar-light[style*=" background-color"] .navbar-tool-icon-box.bg-secondary {
  background-color: #e9edf4 !important
}

.navbar-light.bg-secondary .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[class^=bg-faded] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[class*=" bg-faded"] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[style^=background-color] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary,
.navbar-light[style*=" background-color"] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
  background-color: #e9edf4 !important
}

.navbar-light .navbar-tool-text {
  color: #4b566b
}

.navbar-light .navbar-tool-text>small,
.navbar-light .navbar-tool-text>.small {
  color: #7d879c
}

.navbar-light .navbar-tool:hover .navbar-tool-text {
  color: #2b3445
}

.navbar-light .navbar-mega-nav::after {
  background-color: #e3e9ef
}

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


  .navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 1.28rem;
    padding-bottom: 0.8rem;
    font-weight: 400;
    font-size: 1.6rem;
  }

  .nav-item.active a::after,
  .navbar-expand-lg .navbar-nav .nav-link a:focus::after,
  .navbar-expand-lg .navbar-nav .nav-link a:hover::after {
    visibility: visible;
    opacity: 1;
    width: 18px;
  }

  .navbar-expand-lg .navbar-nav .nav-link>a::after {
    position: absolute;
    bottom: 30px;
    left: 0;
    content: "";
    width: 0;
    height: 2px;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
  }

}

.navbar-expand-lg .navbar-nav .nav-link>a::after {
  background: #00a9a4;
}

/* MENU */
.navbar-light .nav-item.active .nav-link:not(.disabled)>i,
.navbar-light .nav-item.show .nav-link:not(.disabled)>i,
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled)>i,
.navbar-light .nav-item.active .nav-link:not(.disabled),
.navbar-light .nav-item.show .nav-link:not(.disabled),
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
  color: rgba(4, 125, 194, 1) !important;
}

.navbar-light .nav-item:hover .nav-link:not(.disabled),
.navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
  color: rgba(4, 125, 194, 1) !important;
  text-decoration: none;
}

.dropdown-menu li:hover>.dropdown-item span.text-heading {
  color: rgba(4, 125, 194, 1) !important;
}

.dropdown-item {
  position: relative;
  width: 100%;
  transition: all .25s ease-in-out;
  font-size: .875rem;
  font-weight: normal;
}


.navbar-light .nav-link>i {
  font-size: 13px;
  line-height: 1;
  position: relative;
  top: 0px;
  display: inline-block;
  margin-left: -1px;
  transition: .4s;
}

.navbar-light .nav-item:hover .nav-link:not(.disabled)>i {
  transform: rotate(180deg);
}

.navbar-light .nav-item::after {
  position: absolute;
  bottom: 7px;
  left: 1.1rem;
  content: "";
  width: 0;
  height: 2px;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
  background: rgba(4, 125, 194, 1) !important;
}

.navbar-light .nav-item:first-child::after {
  left: 0px
}

.navbar-light .nav-item:hover::after,
.navbar-light .nav-item.active::after {
  visibility: visible;
  opacity: 1;
  width: 30px;
}




.nav-item .dropdown-menu li a::before {
  position: absolute;
  top: 26px;
  left: 0px;
  content: "";
  width: 15px;
  height: 2px;
  background: rgba(4, 125, 194, 1) !important;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
}

.nav-item .dropdown-menu li a.active::before,
.nav-item .dropdown-menu li a:hover::before {
  visibility: visible;
  opacity: 1;
}




@media(max-width: 500px) {
  .navbar-tool .dropdown-menu.dropdown-menu-translate {
    left: auto;
    right: 0;
    transform: translate(100px, 0px);

  }
}


.dropdown-toggle::after {
  background-image: none !important;
  margin: none !important;
  display: none !important
}

@media(max-width: 991.98px) {

  .navbar-toggler {
    padding: .25rem .0rem;
  }

  .navbar-tool-icon-box {
    position: relative;
    width: 3.480rem;
    height: 3.480rem;
    transition: color .25s ease-in-out;
    border-radius: 15%;
    line-height: 3.475rem;
    text-align: center;
  }

  .dropdown-menu-size-md {
    min-width: 37rem;
    margin-right: -85px !important;
  }


  .navbar-expand-lg .navbar-collapse {
    -webkit-box-shadow: 0px 10px 10px rgba(83, 88, 93, 0.4);
    box-shadow: 0px 10px 10px rgba(83, 88, 93, 0.1);
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #f6f9fc;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
  }

  .navbar-light .nav-item:nth-child(1n+2) {
    background-color: #fbfdffed;
    border-radius: 6px;
    margin: 5px;
  }

  .nav-item .dropdown-menu li a::before {
    top: 16px;
  }

}


/*-------------------------------------------------------------------
 17. Top bar
-------------------------------------------------------------------*/

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .825rem 0;
  font-size: 1.4rem
}

.topbar>.container,
.topbar>.container-fluid,
.topbar>.container-sm,
.topbar>.container-md,
.topbar>.container-lg,
.topbar>.container-xl {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.topbar .topbar-text,
.topbar .topbar-link {
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none !important
}

.topbar .topbar-text>i,
.topbar .topbar-link>i {
  margin-right: .375rem;
  font-size: 1.15em;
  vertical-align: middle
}

.topbar .tns-carousel [data-controls] {
  margin-top: -1rem;
  width: 2rem;
  height: 2rem;
  transition: color .2s ease-in-out;
  border: 0;
  background: 0;
  font-size: .9555rem;
  line-height: 2rem
}

.topbar .tns-carousel [data-controls=prev] {
  left: -2.2rem
}

.topbar .tns-carousel [data-controls=next] {
  right: -2.2rem
}


.topbar-dark .topbar-text,
.topbar-dark .topbar-link {
  color: rgba(255, 255, 255, .65)
}

.topbar-dark .topbar-text>i,
.topbar-dark .topbar-link>i {
  color: #ff886c;
}

.topbar-dark .topbar-text.text-muted,
.topbar-dark .topbar-text>.text-muted,
.topbar-dark .topbar-link.text-muted,
.topbar-dark .topbar-link>.text-muted {
  color: rgba(255, 255, 255, .45) !important
}

.topbar-dark .topbar-link:hover {
  color: #fff
}

.topbar-dark .topbar-link.active {
  color: #fff
}

.topbar-dark .show .topbar-link {
  color: #fff
}

.topbar-dark .tns-carousel [data-controls] {
  color: rgba(255, 255, 255, .65)
}

.topbar-dark .tns-carousel [data-controls]:hover {
  color: #fff
}

.topbar-dark .topbar-text,
.topbar-dark .topbar-link {
  color: rgb(255, 206, 196);
}

@media(max-width: 992px) {

  .topbar .tns-carousel [data-controls="prev"] {
    left: -0.8rem;
  }

  .topbar .tns-carousel [data-controls="next"] {
    right: -0.8rem;
  }

}

/*-------------------------------------------------------------------
 18. Tns carousel
-------------------------------------------------------------------*/

.tns-carousel {
  position: relative
}

.tns-carousel .tns-carousel-inner {
  position: relative;
  display: flex;
  overflow: hidden;
  touch-action: manipulation;
  opacity: 0
}

.tns-carousel .tns-carousel-inner:active {
  cursor: -webkit-grab;
  cursor: grab
}

.tns-carousel .tns-carousel-inner.tns-slider {
  display: block;
  opacity: 1
}

.tns-carousel .tns-carousel-inner>* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.tns-carousel .tns-controls:focus {
  outline: none
}

.tns-carousel [data-controls] {
  position: absolute;
  top: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-top: -1.375rem;
  transition: all .3s ease-in-out;
  border: 1px solid #e3e9ef;
  border-radius: 50%;
  background-color: #fff;
  font-size: .8085rem;
  line-height: 2.625rem;
  text-align: center;
  z-index: 10
}

.tns-carousel [data-controls][disabled] {
  opacity: 0 !important
}

.tns-carousel [data-controls=prev] {
  left: 1.75rem
}

.tns-carousel [data-controls=next] {
  right: 1.75rem
}

.tns-carousel.tns-controls-lg [data-controls] {
  width: 3.25rem;
  height: 3.25rem;
  margin-top: -1.625rem;
  font-size: .9555rem;
  line-height: 3.125rem
}

.tns-carousel.tns-controls-sm [data-controls] {
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.125rem;
  font-size: .6615rem;
  line-height: 2.125rem
}

.tns-carousel:not(.tns-controls-static) [data-controls] {
  opacity: 0
}

.tns-carousel:not(.tns-controls-static) [data-controls=prev] {
  transform: translateX(1rem)
}

.tns-carousel:not(.tns-controls-static) [data-controls=next] {
  transform: translateX(-1rem)
}

.tns-carousel:not(.tns-controls-static):hover [data-controls] {
  transform: none;
  opacity: 1
}

.tns-carousel.tns-controls-outside {
  padding: 0 1.375rem
}

.tns-carousel.tns-controls-outside [data-controls=prev] {
  left: 0
}

.tns-carousel.tns-controls-outside [data-controls=next] {
  right: 0
}

.tns-carousel.tns-controls-outside.tns-controls-lg {
  padding: 0 1.625rem
}

.tns-carousel.tns-controls-outside.tns-controls-sm {
  padding: 0 1.125rem
}

.tns-carousel.tns-nav-enabled:not(.tns-nav-inside) [data-controls] {
  margin-top: -3.0625rem
}

.tns-carousel.tns-nav-enabled:not(.tns-nav-inside).tns-controls-lg [data-controls] {
  margin-top: -3.3125rem
}

.tns-carousel.tns-nav-enabled:not(.tns-nav-inside).tns-controls-sm [data-controls] {
  margin-top: -2.8125rem
}

.tns-carousel .tns-nav {
  padding-top: .875rem;
  padding-bottom: .5rem;
  text-align: center
}

.tns-carousel.tns-nav-start .tns-nav {
  text-align: left
}

.tns-carousel.tns-nav-end .tns-nav {
  text-align: right
}

.tns-carousel [data-nav] {
  display: inline-block;
  width: .3125rem;
  height: .3125rem;
  margin: 0 .375rem;
  padding: 0;
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
  border: 0;
  border-radius: .15625rem;
  background-color: #b6bcc5
}

.tns-carousel [data-nav]:focus {
  outline: none
}

.tns-carousel [data-nav].tns-nav-active {
  width: 1.25rem;
  background-color: #39a9e4
}

.tns-carousel.tns-nav-light [data-nav] {
  background-color: #fff
}

.tns-carousel.tns-nav-inside .tns-nav {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 1rem
}

.tns-carousel-controls {
  white-space: nowrap
}

.tns-carousel-controls button {
  display: none
}

.tns-carousel-controls:focus {
  outline: none
}

.tns-carousel-controls [data-controls] {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  margin: .0625rem;
  transition: all .3s ease-in-out;
  border: 1px solid #e3e9ef;
  border-radius: 50%;
  background-color: #fff;
  font-size: .6615rem;
  line-height: 2.125rem;
  text-align: center;
  z-index: 10
}

.tns-carousel-controls [data-controls][disabled] {
  opacity: 0 !important
}

.tns-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.tns-item .from-top,
.tns-item .from-bottom,
.tns-item .from-start,
.tns-item .from-end,
.tns-item .scale-up,
.tns-item .scale-down {
  transition: all .45s .3s ease-in-out;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.tns-item .from-top {
  transform: translateY(-45px)
}

.tns-item .from-bottom {
  transform: translateY(45px)
}

.tns-item .from-start {
  transform: translateX(-45px)
}

.tns-item .from-end {
  transform: translateX(45px)
}

.tns-item .scale-up {
  transform: scale(0.8)
}

.tns-item .scale-down {
  transform: scale(1.2)
}

.tns-item .delay-1 {
  transition-delay: .5s
}

.tns-item .delay-2 {
  transition-delay: .7s
}

.tns-item .delay-3 {
  transition-delay: .9s
}

.tns-item .delay-4 {
  transition-delay: 1.1s
}

.tns-item.tns-slide-active .from-top,
.tns-item.tns-slide-active .from-bottom {
  transform: translateY(0);
  opacity: 1
}

.tns-item.tns-slide-active .from-start,
.tns-item.tns-slide-active .from-end {
  transform: translateX(0);
  opacity: 1
}

.tns-item.tns-slide-active .scale-up,
.tns-item.tns-slide-active .scale-down {
  transform: scale(1);
  opacity: 1
}

@media(max-width: 992px) {

  .container.cabmobile {
    display: flex;
    flex-wrap: wrap;
  }

  .container.cabmobile .tns-carousel {
    flex: 0 0 auto;
    width: 100%;
  }
}




/*-------------------------------------------------------------------
 3. Footer
-------------------------------------------------------------------*/
.footer {
  flex-shrink: 0;
}

.bg-darker {
  --bs-bg-opacity: 1;
  background-color: #2b3445 !important;
}

*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.footer {
  z-index: 1
}

.widget-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.widget-list[data-simplebar] {
  overflow-x: hidden
}

.widget-list-item {
  margin-bottom: .8rem
}

.widget-list-item:last-child {
  margin-bottom: 0
}

.widget-list-link {
  display: block;
  transition: color .25s ease-in-out;
  color: #4b566b;
  font-size: 1.56rem;
  font-weight: normal;
  text-decoration: none;
  line-height: 2.34rem !important
}

.widget-light .widget-list-link {
  color: rgba(255, 255, 255, .65)
}

.widget-light .widget-list-link:hover {
  color: #fff
}

.widget-light .active>.widget-list-link {
  color: #fff
}

.btn-market {
  display: inline-block;
  padding: .815rem 1.4rem;
  padding-left: 4.5rem;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
  border-radius: .4375rem;
  background-position: center left .75rem;
  background-color: #3c4454;
  background-size: 2.5rem 2.5rem;
  background-repeat: no-repeat;
  text-decoration: none;
  text-align: left;
}

.btn-market .btn-market-title {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.btn-market .btn-market-subtitle {
  display: block;
  margin-bottom: -0.125rem;
  color: rgba(255, 255, 255, .6);
  font-size: 1.1rem;
  line-height: 1.1rem
}

.btn-market:hover {
  background-color: #212835;
  text-decoration:none
}

.btn-apple {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}

.btn-google {
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.btn-social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  border: 1px solid transparent;
  transition: border-color .25s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
  border-radius: 100%;
  background-color: #f3f5f9;
  color: #4b566b;
  font-size: 1.575rem;
  text-align: center;
  text-decoration: none !important
}

.btn-social:hover {
  color: #fff
}

.btn-social:focus {
  outline: none
}

.btn-social:active {
  transition: none;
  box-shadow: none !important
}

.btn-social.bs-light {
  background-color: rgba(255, 255, 255, .08);
  color: #fff
}

.btn-social.bs-light:hover {
  background-color: #fff !important;
  box-shadow: none !important
}

.bg-facebook {
  background-color: #5d82d1;
  color: #fff;
  border: none;
}

.bg-instagram {
  background: #c22b72;
  background-color: rgb(194, 43, 114);
  color: #fff;
  border: none;
}

.bg-twitter {
  background-color: #40bff5;
  color: #fff;
  border: none;
}

.bg-linkedin {
  background-color: #238cc8;
  color: #fff;
  border: none;
}

.bg-youtube {
  background-color: #ff0000;
  color: #fff;
  border: none;
}

.bg-wordpress {
  background-color: #73716e;
  color: #fff;
  border: none;
}

.bs-facebook:hover {
  background-color: #3b5998;
  box-shadow: 0 .5rem 1.125rem -0.5rem rgba(59, 89, 152, .9)
}

.bs-facebook:hover.bs-light {
  color: #3b5998
}

.bs-twitter:hover {
  background-color: #1da1f2;
  box-shadow: 0 .5rem 1.125rem -0.5rem rgba(29, 161, 242, .9)
}

.bs-twitter:hover.bs-light {
  color: #1da1f2
}

.bs-instagram:hover {
  background-color: #5851db;
  box-shadow: 0 .5rem 1.125rem -0.5rem rgba(88, 81, 219, .9)
}

.bs-instagram:hover.bs-light {
  color: #5851db
}

.bs-google:hover {
  background-color: #ea4335;
  box-shadow: 0 .5rem 1.125rem -0.5rem rgba(234, 67, 53, .9)
}

.bs-google:hover.bs-light {
  color: #ea4335
}

.bs-linkedin:hover {
  background-color: #0077b5;
  box-shadow: 0 .5rem 1.125rem -0.5rem rgba(0, 119, 181, .9)
}

.bs-linkedin:hover.bs-light {
  color: #0077b5
}

.bs-pinterest:hover {
  background-color: #bd081c;
  box-shadow: 0 .5rem 1.125rem -0.5rem rgba(189, 8, 28, .9);
}

/*-------------------------------------------------------------------
 4. Botón SCROLL to TOP 
-------------------------------------------------------------------*/
.btn-scroll-top {
  display: none !important
}


@media (min-width: 1280px) {

  .topbar>.container-xl,
  .topbar>.container-lg,
  .topbar>.container-md,
  .topbar>.container-sm,
  .topbar>.container {
    max-width: 1170px !important;
  }
}



.navbar .btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 1rem 2.2rem;
  font-size: 1.5rem;
  border-radius: .5rem;
  transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, box-shadow .2s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #047DC2;
  border-color: #047DC2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secondary {
  color: #fff;
  background-color: #4D4D4D;
  border-color: #4D4D4D;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #414141;
  border-color: #3e3e3e;
}

@media (min-width: 992px) {
  .c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
    margin-top: 0px;
  }
}

.navbar-tool .btn i {
  font-size: 2.24rem !important
}


.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .8rem 0;
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  font-size: 1rem;
  color: #4b566b;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e3e9ef;
  border-top-color: rgb(227, 233, 239);
  border-right-color: rgb(227, 233, 239);
  border-bottom-color: rgb(227, 233, 239);
  border-left-color: rgb(227, 233, 239);
  border-radius: .3125rem;
  box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05);
}

.dropdown-menu {
  font-size: 1.6rem !important;
  color: #4b566b;
  text-align: left;
  list-style: none;
}

.dropdown-menu>li>a {
  font-size: 14px !important;
  color: #4b566b;
  padding: 6.8px 20.8px;
  line-height: 2.1rem
}

.badge {
  display: inline-block;
  /* padding: 0.36em 0.8em; */
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.4rem;
}

.navbar-tool-icon-box i.h4,
.navbar-tool-icon-box span.h4 {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-top: 0px !important
}

.navbar-link i.h4 {
  margin-top: 0px !important
}


.dropdown-menu {
  box-shadow: 0 .25rem .5625rem -0.0625rem rgba(0, 0, 0, .03), 0 .275rem 1.25rem -0.0625rem rgba(0, 0, 0, .05);
  border-color: transparent;
}

.dropdown-menu-size-md {
  min-width: 35rem;
}

@media(max-width: 576px) {
  .dropdown-menu-size-md {
    min-width: 290px;
    margin-right: -95px !important;
    max-width: 290px !important;
  }
  .text-heading{
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
  }
}

.dropdown-item {
  font-size: 1.4rem;
  font-weight: normal;
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0;
}

.navbar-tool .card-header {
  padding: 1rem 2rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}


.navbar-tool .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .085);
  border-radius: .4375rem;
  transition: all .2s ease-in-out;
}

.navbar-tool .card-body {
  flex: 1 1 auto;
  padding: 1.25rem 1.25rem;
}

.navbar-tool .card {
  word-wrap: break-word;
}

.navbar-tool .dropdown-menu {
  top: 100%;
  margin-top: 0.50rem !important;
  max-height: 500px;
  overflow-y: auto;
}

.text-primary {
  color: #047dc2 !important;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 0.4rem 4rem;
  font-size: 1.4rem;
  border-radius: 0.2rem;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.8rem 1.6rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
}

.notif-badge {
  width: 10px;
  height: 10px;
  background: #d6293e;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
}

.animation-blink {
  -webkit-animation: blink 2s infinite;
  animation: blink 2s infinite;
}

.notif-unread {
  background-color: var(--bs-light);
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.navbar .offcanvas {
  box-shadow: none !important;
  max-width: 90%
}


.offcanvas-header {
  background-color: #262424a1;
  padding: 1.6rem 0rem !important;
}

.border-offcanvas-header {
  border-color: #fdd99369 !important;
}


.offcanvas-body {
  background-color: #fafeff;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0.8rem 0rem;
  overflow-y: auto;
}

.btn-close {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}

.btn-close-white {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter: invert(1) grayscale(100%) brightness(200%);
}

.end-15 {
  right: 1.5rem !important;
}

@media (max-width: 991.98px) {
  .navbar-light .offcanvas .nav-item:nth-child(n+2) {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    border: none;
    padding: 1.0672rem 1.8rem;
  }

  /* .offcanvas-header{
  border-bottom: 1px dotted #fdfbfb69;
  } */
  .offcanvas-start {
    width: 500px;

  }

  .offcanvas-header .btn-close {
    padding: 0.8rem 0.8rem;
    margin-top: -0.8rem;
    margin-right: -0.8rem;
    margin-bottom: -0.8rem;
    right: 2.4rem;
    color: white;
    opacity: 1;
  }

  .offcanvas-body .navbar-nav .nav-link {
    padding: 0;
    line-height: 2.4rem;
  }

}

.border-end {
  border-right: 1px solid #dee2e6 !important;
  border-right-color: rgb(222, 226, 230);
}

.col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

@media (max-width: 991.98px) {
  .text-bg-dark {


    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
    background: #000428;
    background: -webkit-linear-gradient(to bottom, #004e92, #000428);
    background: linear-gradient(to bottom, #004e92, #000428);
    background-color: rgba(0, 0, 0, 0);
  }

  .offcanvas-header h1 {
    color: #fff !important;
    font-size: 1.72rem !important;
  }
}

.fs-5 {
  font-size: 2rem !important;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.fw-medium {
  font-weight: 500 !important;
}

.gap-3 {
  gap: 1rem !important;
}
@media (max-width: 1100px){
.navbar .container{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
}
@media (min-width: 768px){
.container-md, .container-sm, .container {
  max-width: 100%;
}
}


#capaAppMobile{
  z-index: 100; 
  width: 100%; 
  height: 100px; 
  position: fixed; 
  top: 0px; 
  left: 0px;
}
#capaAppMobile .btn-close{
  position: absolute;
  right: 0;
  width: 3em;
  height: 3em;
  background: none;
} 

#mensajes li:hover{
  background-color: #eeeeee82;
}

.asunto p:hover{
color: #047DC2 !important;
}
.bg-faded-purple{
  background-color:rgba(111, 66, 193, 0.1) !important;
  }

  .rounded-2 {
    border-radius: 0.50rem !important;
  }

  .p-1 {
    padding: 0.50rem !important;
  }

  .me-2 {
    margin-right: 0.75rem !important;
  }


  .icon-md {
    width: 4rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .circle{
    border-radius: 50% !important;
  }