:root {
  --primary: #FF6300;

  --blue: transparent!important;
  --main-bg-color: rgba(247,247,247,1);

  --bg-color-footer: rgba(232,232,232,1);
  --bg-color-green: rgba(0,167,62,1);
  --bg-color-gray: #E8E8E8;
  --bg-color-silver: #4B5A6D;

  --bg-btn-menu: #F7F7F7;
  --color-btn-menu: #8FE73F;
  --color-lines: #8FE73F;
  --color-line-cyan: #6BF0D4;
  --color-text-green: #00A73E;
  --color-text-default: #555555;
  --color-text-dark: #666666;


  --link-color-default: rgba(255, 99, 0, 1); /*#FF6300*/
  --bg-color-primary: rgba(255, 99, 0, 1);
  --bg-color-dark: rgba(1, 1, 1, 1); /*#010101*/
  --link-color-white: rgba(247,247,247,1);

  --font-default: 'Alata', sans-serif;
  --font-btn: 'Avenir';

  --swiper-theme-color: #FF6300;

}
/*
body {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}*/
.no-margin {}

.borde-r { border: 1px solid red; }
.borde-g { border: 1px solid green; }
.borde-b { border: 1px solid blue; }
.borde-m { border: 1px solid magenta; }
.borde-cy{ border: 1px solid cyan; }

.text-default {
  color: var(--color-text-default)!important;
}
.text-dark {
  color: var(--color-text-dark)!important;
}
.text-green {
  color: var(--color-text-green);
}
.text-white {
  color: var(--bg-btn-menu)!important;
}

.font6 { font-size: 6px; }
.font7 { font-size: 7px; }
.font8 { font-size: 8px; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }
.font23 { font-size: 23px; }
.font24 { font-size: 24px; }
.font25 { font-size: 25px; }
.font26 { font-size: 26px; }
.font27 { font-size: 27px; }
.font28 { font-size: 28px; }
.font29 { font-size: 29px; }
.font30 { font-size: 30px; }
.font31 { font-size: 31px; }
.font32 { font-size: 32px; }

.txt-default { color: var(--link-color-default)!important; }
.txt-white { color: var(--link-color-white)!important; }
.txt-link { color: var(--link-color-default)!important; }

.link-white {
  color: var(--link-color-white)!important;
  text-decoration: none;
}
.bg-default {
  background-color: var(--link-color-default)!important;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

a,
a:hover,
a:visited,
a:active {
  color: var(--link-color-default);
  text-decoration: none;
} /*
a.btn-success ,
a.btn-success :hover,
a.btn-success :visited {
  color: var(--link-color-white)!important;
}*/
.tappable {
  cursor: pointer;
}

.link-white,
.link-white a,
.link-white a:hover {
  volor: var(--link-color-white)!important;
}

.brand-logo-login {
  width: 140px;
  height: auto;
}

.brand-logo {
    margin-bottom: 0;
}
.rounded, .loader-demo-box {
    border-radius: 1.25rem !important;
}
.auth .auth-form-light {
    background: #ffffff;
    border-radius: 1.25rem !important;
    box-shadow: 5px 5px 5px #888888;
}

.btn-warning,
.btn-warning:hover {
    color: #212529;
    background-color: #E96C26;
    border-color: #E96C26;
}

.btn-gradient-default,
.btn-gradient-default:hover {
    /*background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#E96C26));
    background: linear-gradient(to right, #ffbf96, #E96C26);*/
    background: -webkit-gradient(linear, left top, right top, from(#E96C26), to(#FF6300));
    background: linear-gradient(to bottom, #E96C26, #FF6300);
    border: 0;
    color: #f0f0f0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.bg-gradient-orange {
    background: -webkit-gradient(linear, left top, right top, from(#EBBE48), to(#F49E00)) !important;
    background: linear-gradient(to right, #EBBE48, #F49E00) !important;
}
.bg-gradient-green {
    background: -webkit-gradient(linear, left top, right top, from(#76C313), to(#00A328)) !important;
    background: linear-gradient(to right, #76C313, #00A328) !important;
}
.bg-gradient-red {
    background: -webkit-gradient(linear, left top, right top, from(#c8525b), to(#B52F39)) !important;
    background: linear-gradient(to right, #c8525b, #B52F39) !important;
}

.badge-gradient-orange {
    background: -webkit-gradient(linear, left top, right top, from(#EBBE48), color-stop(99%, #F49E00));
    background: linear-gradient(to right, #EBBE48, #F49E00 99%);
    color: #ffffff;
}

.auth form .form-group .form-control {
    background: transparent;
    border-radius: 12px;
    font-size: .9375rem;
}

.card .card-body {
    padding: 1.5rem 1.5rem;
}

.card .card-body-timeline {
    padding: 1.0rem 1.0rem 2.5rem 1.0rem;
}

.card.card-img-holder .card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /*
    -webkit-animation: opacein 5s ease-in alternate infinite;
    -moz-animation: opacein 5s ease-in alternate infinite;
    animation: opacein 5s ease-in alternate infinite;*/
    -webkit-animation: opacein 1.5s ease-in;
    -moz-animation: opacein 1.5s ease-in;
    animation: opacein 1.5s ease-in;
}

@-webkit-keyframes opacein {
  from { opacity: 0; }
  to { opacity: 1; }
}

@-moz-keyframes opacein {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes opacein {
  from { opacity: 0; }
  to { opacity: 1; }
}

.sidebar {
    min-height: calc(100vh - 70px);
    background: var(--bg-color-silver);
    font-family: "ubuntu-regular", sans-serif;
    padding: 0;
    width: 260px;
    z-index: 11;
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
}
.sidebar .nav .nav-item .nav-link,
.sidebar .nav .nav-item .nav-link:hover {
    color: #9c9fa6!important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
    font-size: 1.125rem;
    line-height: 1;
    margin-left: auto;
    color: 9c9fa6;
}
.sidebar .nav-link .active {
    color: var(--primary)!important;
}

.navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: black;
    width: 260px;
    height: 70px;
}

.navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #9c9fa6;
    background-color: black;
    padding-left: 14px;
    padding-right: 14px;
    width: calc(100% - 260px);
    height: 70px;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    margin-bottom: 0;
    padding: 11px 13px;
    cursor: pointer;
    border-radius: 0 0 12px 12px;
}

/* swiper */
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  margin-top: -22px; /* nuevo */
}

/* slider home */
.card-timeline {
  min-width: 80%;
  max-width: 80%;
}
.card-timeline.bg-dark {
  background: #282a3c!important;
  color: white!important;
  margin-top: -5px;
}
.card-timeline .headert {
  padding: 10px;
}

.card-img-top-timeline {
  min-width: 100%;
  min-height: 260px;
  max-height: 260px;
  object-fit: fill;
  margin-left: -4px;
}

.card-profile.bg-dark {
  background: #282a3c!important;
  color: white!important;
  margin-top: -5px;
}
.card-profile .headert {
  padding: 10px;
}
/*
.card-profile .user_name  {
    font-size: 13px!important;
    line-height: 13px;
    margin-top: 10px;
    margin-bottom: -5px;
    word-break: break-word;
}*/
.card-profile .user_name {
    font-size: 13px!important;
    line-height: 13px;
    margin-top: 5px;
    margin-bottom: -2px;
    word-break: break-word;
}
.card-profile .user_level {
    font-size: 11px!important;
    line-height: 11px;
    word-break: break-word;
}
.card-profile .card-body {
    padding: 0;
    padding-top: 5px;
}

.nobgcolor {
  background: transparent!important;
}
.main-header {
    background: #fff;
    min-height: 55px;
    width: 100%;
    position: fixed;
    z-index: 1001;
    max-width: 1024px;
}
.page-inner {
    /*padding: 1.5rem 0;*/
    background: transparent;
}
.main-panel {
  background: #f0f0f0;
}
.swiper-area {
  /*min-width: 280px;
  max-width: 280px;*/
  min-width: 100%;
  border-radius: 5px;
}

/*

.bg-primary {
    background-color: var(--bg-color-primary) !important;
}
.bg-dark {
    background-color: var(--bg-color-dark) !important;
}

.btn-primary,
.btn-primary:active,
.btn-primary:hover {
    color: #ffffff;
    background-color: var(--link-color-default);
    border-color: var(--link-color-default);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    background-color: rgba(255, 99, 0, 0.85);
    border-color: rgba(255, 99, 0, 0.85);
    cursor: not-allowed;
}

  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: rgba(255, 99, 0, 0.85);
    border-color: rgba(255, 99, 0, 0.85);
    box-shadow: 0 0 0 0.2rem rgba(103, 150, 255, 0.5);
}
  .btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff;
    background-color: rgba(255, 99, 0, 0.85);
    border-color: rgba(255, 99, 0, 0.85);
}
*/

.dropdown-menu a,
.dropdown-menu a:hover,
.dropdown-menu a:visited,
.dropdown-menu a:active {
  color: var(--bg-color-silver)!important;
}
.content-wrapper {
    background: #f2edf3;
    padding: 2.75rem 2.25rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
/*
.login .content-wrapper {
  background: #868F9A!important;
}*/
body.login {
  background: #868F9A url(../img/bg/blurry-gradient-haikei.jpg)no-repeat;
  background-size: cover;
}
body.login .content-wrapper {
  background: transparent;
}

.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bg-color-silver);
    color: white;
    padding: 0.5rem 1.4rem;
    left: 70px;
    position: absolute;
    text-align: left;
    top: 0;
    bottom: 0;
    width: 190px;
    z-index: 1;
    line-height: 1.8;
    /*border-top: 1px solid white;*/
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    font-size: 24px;
}
.sidebar .nav .nav-item:hover {
    background: var(--bg-color-silver);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.mdi-32px.mdi-set, .mdi-32px.mdi:before {
    font-size: 38px;
}
.nav-link .bigIcon {
  font-size: 32px!important;
}
.card-img-top {
  min-width: 280px;
  max-width: 280px;
  min-height: 260px;
  max-height: 260px;
  margin-left: -3px;
}
.info-post {
  overflow-x: hidden;
  position: absolute;
  left: 50px;
}
.timeline-top-comment {
  min-height: 90px;
  max-height: 90px;
}
.timeline-table-icons {
  max-width: 95%;
  margin:0 auto;
}
.timeline-footer {
  padding: 0.75rem 0.45rem;
}
.timeline-ribbon-level {
  width: 16px;
  max-width: 16px;
  height: auto;
  margin-top: -8px;
  margin-left: -1px;
}
/*
.swiper-pagination {
    position: absolute;
    text-align: right;
    padding-right: 50px;
    opacity: 0.25;
    transition: .3s opacity;
    transform: translate3d(-10px,0px,0);
    z-index: 10;
    color: white!important;
}
*/
.swiper-pagination {
    position: relative;
    text-align: center;
    /*padding-right: 1.5vw;*/
    opacity: 0.65;
    transition: .3s opacity;
    /* transform: translate3d(-10px,0px,0); */
    z-index: 10;
    color: #343a40!important;
    /* bottom: 0px; */
}

.purchase-popup {
    background: #fff;
    padding: 15px 10px;
    border-radius: 5px;
}
#proBanner {
  margin-bottom: -0.5rem;
}
.table thead,
.table tfoot {
  color: white;
  background: black;
}
.table tfoot input {
    outline: 0;
    outline-width: 0;
    outline-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-style: none;
    border-radius: 6px;
}
.table tfoot .form-control:focus,
.table tfoot input:focus,
.table tfoot select:focus,
.table tfoot textarea:focus,
.table tfoot button:focus {
    border-color: var(--link-color-default);
}
.table th, .table td {
    vertical-align: middle;
    font-size: 0.875rem;
    /* line-height: 1; */
    white-space: nowrap;
    padding: 5px;
}
.table td.smtext {
    vertical-align: middle;
    font-size: 0.75rem;
    white-space: nowrap;
    padding: 3px;
}
.table th img, .table td img {
    width: 36px;
    height: 36px;
    border-radius: 0;
}
.table th.sorting {
  cursor: pointer;
}
.buttons-html5,
.buttons-print {
  background: var(--link-color-default)!important;
  color: white;
}
.dataTables_wrapper  .table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.dtable thead,
.dtable tfoot {
  color: white;
  background: black;
}
.dtable tfoot input {
    outline: 0;
    outline-width: 0;
    outline-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline-style: none;
    border-radius: 6px;
}
.dtable tfoot .form-control:focus,
.dtable tfoot input:focus,
.dtable tfoot select:focus,
.dtable tfoot textarea:focus,
.dtable tfoot button:focus {
    border-color: var(--link-color-default);
}
.dtable th, .dtable td {
    vertical-align: middle;
    font-size: 0.875rem;
    /* line-height: 1; */
    white-space: nowrap;
    padding: 5px;
}
.dtable td.smtext {
    vertical-align: middle;
    font-size: 0.75rem;
    white-space: nowrap;
    padding: 3px;
}
.dtable th img, .dtable td img {
    width: 36px;
    height: 36px;
    border-radius: 0;
}
.dtable th.sorting {
  cursor: pointer;
}
.dataTables_paginate  .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--link-color-default);
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.dataTables_length {
  display: none;
}
.dt-buttons.btn-group {
    margin: 0 0 15px;
}
.dataTables_info {
  margin: 15px auto;
}
.dt-buttons .btn-group .flex-wrap {
  margin-bottom: 15px;
}
.table thead th:first-child {
  border-radius: 10px 0 0 0;
}
.table thead th:last-child {
  border-radius: 0 10px 0 0;
}
.dataTables_wrapper  .dataTable  {
  border-radius: 10px;
}
.borde-img-gray {
  border: 1px solid #556080;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--link-color-default);
    border-color: var(--link-color-default);
}
.nivel-fundador {
    color: #DC961E!important;
}

.nivel-0 {
    color: #FFFFFF!important;
}

.nivel-1 {
    color: #CE7127!important;
}

.nivel-2 {
    color: #BCBCBC!important;
}

.nivel-3 {
    color: #FFA300!important;
}

.nivel-4 {
    color: #CE7127!important;
}

.nivel-5 {
    color: #BCBCBC!important;
}

.nivel-6 {
    color: #FFA300!important;
}

.nivel-7 {
    color: #CE7127!important;
}

.nivel-8 {
    color: #BCBCBC!important;
}

.nivel-9 {
    color: #FFA300!important;
}

.nivel-10 {
    color: #B8F3F1!important;
}

.nivel-11,
.nivel-12,
.nivel-13,
.nivel-14,
.nivel-15,
.nivel-16,
.nivel-17 {
    color: #FFFFFF!important;
}
.auth .brand-logo img {
    width: 180px;
}

.title-card {
    font-size: 2.13rem;
}

.shadow-box {
  -webkit-box-shadow: 0px 3px 8.3px 0.7px rgb(163 93 255 / 35%);
  box-shadow: 0px 3px 8.3px 0.7px rgb(163 93 255 / 35%);
  border-radius: 5px;
}
.tr-info1 td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rounded-legend ul li {
    list-style-type: none;
    color: #212529; /*9c9fa6*/
    font-size: 13px;
}

.mdi-padleft-5 {
  padding-left: 5px;
}
.mdi-padright-5 {
  padding-right: 5px;
}
.table-responsive {
  border-radius: 5px;
}

.div-img-timeline-top {
  width: 100%;
  max-height: 260px;
  overflow: hidden;
}


.loaderCloud {
  width: 175px;
  height: 80px;
  display: block;
  margin:auto;
  background-image: radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), radial-gradient(circle 50px at 50px 50px, #FFF 100%, transparent 0), radial-gradient(circle 25px at 25px 25px, #FFF 100%, transparent 0), linear-gradient(#FFF 50px, transparent 0);
  background-size: 50px 50px, 100px 76px, 50px 50px, 120px 40px;
  background-position: 0px 30px, 37px 0px, 122px 30px, 25px 40px;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
}
.loaderCloud::before {
  content: '';
  left: 60px;
  bottom: 18px;
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #FF3D00;
  background-image: radial-gradient(circle 8px at 18px 18px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 18px 0px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 0px 18px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 36px 18px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 18px 36px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 30px 5px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 30px 30px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 5px 30px, #FFF 100%, transparent 0), radial-gradient(circle 4px at 5px 5px, #FFF 100%, transparent 0);
  background-repeat: no-repeat;
  box-sizing: border-box;
  animation: rotationBack 3s linear infinite;
}
.loaderCloud::after {
  content: '';
  left: 94px;
  bottom: 15px;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #FF3D00;
  background-image: radial-gradient(circle 5px at 12px 12px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 12px 0px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 0px 12px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 24px 12px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 12px 24px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 20px 3px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 20px 20px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 3px 20px, #FFF 100%, transparent 0), radial-gradient(circle 2.5px at 3px 3px, #FFF 100%, transparent 0);
  background-repeat: no-repeat;
  box-sizing: border-box;
  animation: rotationBack 4s linear infinite reverse;
}

.loaderRocket {
  width: 32px;
  height: 90px;
  display: block;
  margin: 20px auto;
  position: relative;
  border-radius: 50% 50% 0 0;
  border-bottom: 10px solid #FF3D00;
  background-color: #FFF;
  background-image: radial-gradient(ellipse at center, #FFF 34%, #FF3D00 35%, #FF3D00 54%, #FFF 55%), linear-gradient(#FF3D00 10px, transparent 0);
  background-size: 28px 28px;
  background-position: center 20px , center 2px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  animation: animloaderRocketBack 1s linear infinite alternate;
}
.loaderRocket::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 44px;
  border-radius: 50%;
  box-shadow: 0px 15px #FF3D00 inset;
  top: 67px;
}
.loaderRocket::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 34px;
  height: 34px;
  top: 112%;
  background: radial-gradient(ellipse at center, #ffdf00 8%, rgba(249, 62, 0, 0.6) 24%, rgba(0, 0, 0, 0) 100%);
  border-radius: 50% 50% 0;
  background-repeat: no-repeat;
  background-position: -44px -44px;
  background-size: 100px 100px;
  box-shadow: 4px 4px 12px 0px rgba(255, 61, 0, 0.5);
  box-sizing: border-box;
  animation: animloaderRocket 1s linear infinite alternate;
}

@keyframes animloaderRocketBack {
  0%, 30%, 70% {
    transform: translateY(0px);
  }
  20%, 40%, 100% {
    transform: translateY(-5px);
  }
}

@keyframes animloaderRocket {
  0% {
    box-shadow: 4px 4px 12px 2px rgba(255, 61, 0, 0.75);
    width: 34px;
    height: 34px;
    background-position: -44px -44px;
    background-size: 100px 100px;
  }
  100% {
    box-shadow: 2px 2px 8px 0px rgba(255, 61, 0, 0.5);
    width: 30px;
    height: 28px;
    background-position: -36px -36px;
    background-size: 80px 80px;
  }
}

@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.loaderTextL {
  color: #FFF;
  display: inline-block;
  position: relative;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  margin-top: 35px;
}
.loaderTextL::after {
  content: '';
  width: 5px;
  height: 5px;
  background: currentColor;
  position: absolute;
  bottom: 7px;
  right: -5px;
  box-sizing: border-box;
  animation: animloaderTextL 1s linear infinite;
}

.loaderTextL2 {
  font-size: 28px;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 2px;
  position: relative;
  margin-top: 35px;
}
.loaderTextL2::after {
  content: 'Actualizando';
  position: absolute;
  left: 0;
  top: 0;
  color: #FF3D00;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  animation: animloaderTextL2 22s ease-in infinite;
}

@keyframes animloaderTextL2 {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes animloaderTextL {
  0% {
    box-shadow: 10px 0 rgba(255, 255, 255, 0), 20px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 10px 0 white, 20px 0 rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 10px 0 white, 20px 0 white;
  }
}

@media (min-width: 220px) and (max-width: 420px) and (max-height: 920px) {
  .card-timeline {
    min-width: 100%;
    max-width: 100%;
  }
}


@media (width: 320px) {
  .title-card {
      font-size: 1.73rem;
  }
}

@media (max-width: 991px){
  .content-wrapper {
    background: #f2edf3;
    padding: 1.75rem 1.25rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
      padding-left: 0;
      padding-right: 11px;
      border-right: none;
  }
  /*.swiper-area {
    min-width: 320px; max-width: 320px;
  }*/
  .card-img-top {
    min-width: 320px;
    max-width: 320px;
    min-height: 260px;
    max-height: 260px;
  }
  .card-img-top-timeline {
    min-height: 320px;
    max-height: 320px;
  }
  .div-img-timeline-top {
    width: 100%;
    max-height: 320px;
    overflow: hidden;
  }
}

@media (min-width: 230px) and (max-width: 910px) and (max-height: 640px){
  .navbar .navbar-menu-wrapper {
    width: 140px;
    height: 70px;
  }
  .navbar .navbar-brand-wrapper {
    width: calc(100% - 140px);
    height: 70px;
  }
}
@media (min-width: 790px) and (max-width: 820px) and (max-height: 420px){
  .navbar .navbar-menu-wrapper {
    width: 200px;
    height: 70px;
  }
  .navbar .navbar-brand-wrapper {
    width: calc(100% - 200px);
    height: 70px;
  }
  .card-timeline {
    min-width: 95%;
    max-width: 95%;
  }
}

@media (min-width: 1024px) and (max-width: 1366px) and (max-height: 1366px){
  .card-timeline {
    min-width: 95%;
    max-width: 95%;
  }
}

@media (min-width: 2500px) and (min-height: 1080px){
  .div-img-timeline-top {
    max-height: 420px;
  }
  .card-img-top-timeline {
    min-height: 420px;
    max-height: 420px;
  }
}
/*
@media (min-width: 1400px) {
  .swiper-pagination {
      padding-right: 50px;
      padding-bottom: 20px;
  }
}

@media (min-width: 1600px) {
  .swiper-pagination {
      padding-right: 70px;
      padding-bottom: 30px;
  }
}


@media (min-width: 1900px) {
  .swiper-pagination {
      padding-right: 70px;
      padding-bottom: 20px;
  }
}

@media (min-width: 2400px) {
  .swiper-pagination {
      padding-right: 100px;
      padding-bottom: 30px;
  }
}
*/