section.single div img.overlap-image {
    height: 100%;
    width: 100%;
}

body {
    padding: 0 !important;
}

#invitacionModal .modal-dialog {
    position: fixed;
    top: 30%;
    right: 2%;
    margin: 0;
    z-index: 999;
}

#invitacionModalRoad .modal-dialog {
    position: fixed;
    top: -7%;
    right: 2%;
    margin: 0;
    z-index: 999;
}

#invitacionModalRoad h4 {
    font-size: 1.4rem
}

#invitacionModal .modal-content, #invitacionModalRoad .modal-content {
    background-color: var(--color-azul-fmty);
    color: white;
}

.invl.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 100vh;
    left: 0;
    z-index: 10;
    display: none;
    overflow: hidden;
    outline: 0;
}

#invitacionModal a.color-btn.outline, #invitacionModalRoad a.color-btn.outline {
    padding: 6px 20px;
}

#invitacionModal .color-btn, #invitacionModalRoad .color-btn {
    border: 1px solid white;
    color: white;
}

#invitacionModal a.color-btn.outline, #invitacionModalRoad a.color-btn.outline {
    padding: 6px 40px;
    max-width: 299px;
}

#invitacionModal .inv-content, #invitacionModalRoad .inv-content {
    padding: 38px 25px;
}

#invitacionModal .modal-content button.close, #invitacionModalRoad .modal-content button.close {
    position: absolute;
    right: 2%;
    display: inline-block;
    opacity: 1;
    top: 2%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    outline: 0;
    z-index: 99999;
}

#invitacionModal p, #invitacionModal .close, #invitacionModalRoad p, #invitacionModalRoad .close {
    color: white;
}

#invitacionModal p, #invitacionModalRoad p {
    margin-bottom: 20px;
    font-size: 18px;
}

#invitacionModal p span, #invitacionModalRoad p span {
    font-size: 15px;
}

@media (min-width: 576px) {
    #invitacionModal .modal-sm, #invitacionModalRoad .modal-sm {
        max-width: 350px;
    }
}

.inv-modal .modal-backdrop {
    background-color: transparent;
    display: none;
}

section.news {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.9);
}

.scroll {
    display: flex;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    height: 4rem;
}

.scroll div {
    align-self: center;
    font-weight: 900;
    font-size: 2rem;
    text-transform: uppercase;
    white-space: nowrap;
    color: white;
    -webkit-animation: animate 120s -120s linear infinite;
    animation: animate 120s -120s linear infinite;
    will-change: transform;
    background-color: rgba(0, 0, 0, 0.9);
    padding: 0 2rem;
}

.scroll div span {
    margin: 0 20px;
}

.scroll div:nth-child(2) {
    -webkit-animation: animate2 120s -60s linear infinite;
    animation: animate2 120s -60s linear infinite;
}

@-webkit-keyframes animate {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes animate {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes animate2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

@keyframes animate2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

@-webkit-keyframes ticker {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes ticker {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}

.cambio {
    margin-top: 40px;
}

.comite li {
    margin-bottom: 25px;
}

i.suscribir {
    font-size: 28px !important;
}

#ihistoria .timeline .swiper-pagination-bullet-active {
    color: #ffffff;
}

.directivos-definen {
    font-size: 20px;
}

#ppropiedades .portfolio-caption a, .cursor-default {
    cursor: default;
}

.index-social-link i {
    min-height: 80px;
    min-width: 80px;
}

#blog_filter {
    text-align: center;
}

#blog_filter input {
    width: 44%;
    border-radius: 15px;
    border: 1px #000 solid;
    padding: 5px 5px 5px 25px;
    position: absolute;
    top: 0;
    left: 28%;
    z-index: 5;
}

#blog_filter i {
    position: absolute;
    z-index: 10;
    right: 30%;
}

.space {
    height: 30px;
}

.new-text {
    left: 12%;
    position: absolute;
    top: 16%;
    font-size: 30px;
}

.btn-black {
    z-index: 1;
    height: 45px;
    border: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 45px;
    padding: 0px 30px;
    border-radius: 0px;
    position: relative;
    text-align: center;
    font-family: var(--ff-globa-medium), sans-serif;
    background-color: #000000;
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 50px;
}

.btn-black:hover {
    color: white;
}

.diretivo-perfil.comite {
    margin-bottom: 10px;
}

.glosarioLink {
    cursor: pointer;
}

.dataTables_wrapper select {
    font-family: var(--ff-globa-medium);
    font-size: 16px;
}

.dataTables_wrapper div:first-child {
    margin-bottom: 7px !important;
}

.pagination-blog {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.data_glosario tbody tr td:last-child, .data_glosario thead tr th:last-child {
    text-align: center;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.accordion-style-03 .panel .panel-heading i {
    position: absolute;
    top: 33%;
    right: 0;
    font-size: 19px;
    font-weight: 900;
    color: black;
}

.outside-box-right {
    margin-right: -30vw;
}

.index-box.outside-box-right {
    margin-right: -7vw;
}

.last-s h5 {
    font-size: 2.30rem;
    line-height: 3rem;
}

.text-extra-dark-gray {
    color: #232323;
}

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

.margin-4-half-rem-bottom {
    margin-bottom: 4.5rem;
}

.panel-group.accordion-style-03 .panel {
    padding-left: 32px;
    padding-right: 32px;
    margin-bottom: 22px !important;
    border-radius: 5px;
    border: 1px solid black;
}

.panel-group.accordion-style-03 .panel .panel-heading {
    padding: 18px 25px 18px 0;
    position: relative;
}

.btn-slider {
    border-radius: 50px;
    padding: 15px;
    font-size: 16px;
    text-align: center;
}

.sl-titulo {
    font-size: 70px;
    color: #ffffff
}

p.sl-texto {
    font-size: 20px !important;
    width: 80% !important;
    color: #f1ebeb !important;
}

.btn-link {
    z-index: 1;
    height: 45px;
    border: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;
    padding: 0px 30px;
    border-radius: 0px;
    position: relative;
    text-align: center;
    font-family: "Poppins", sans-serif;
    background-color: var(--color-negro-link);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#index-graph .pitch2 h1 {
    line-height: 1;
}

#libreria .small-img a {
    max-width: 270px;
    display: block;
}

#libreria .col-sm-6 {
    margin-bottom: 30px;
}

#chartdiv {
    min-height: 500px;
}

#libreria p {
    width: 250px;
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    font-family: RobotoRegular;
    color: black;
    margin-bottom: 0;
}

#libreria p.top-right {
    top: 40px;
    right: -185px;
    text-align: left;
}

#libreria p.top-left {
    top: 40px;
    left: -185px;
    text-align: right;
}

#libreria p.bottom-left {
    bottom: 40px;
    left: -185px;
    text-align: right;
}

#index-graph h3 {
    max-width: 700px;
    text-align: center;
    font-style: italic;
    margin: 0 auto 20px;
}

.bg-black {
    background-color: black;
}

section {
    overflow: hidden;
}

/**/

.hero-parallax {
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: inherit;
}

.hero-parallax.perfil .text-title {
    width: 90%;
}

.hero-parallax.perfil h1 {
    font-size: 45px;
    margin-top: 0px;
    margin-bottom: 30px;
    font-family: "Open Sans", sans-serif;
}

.subtitle1 {
    font-size: 1.1875rem;
    line-height: 1.6875rem;
    margin-bottom: 30px;
    font-family: "Open Sans", sans-serif;
}

.subtitle2 {
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: "Open Sans", sans-serif;
}

/**/

section.info-img .img-right {

    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    min-height: 700px;
}

section.info-img .content {
    padding: 5em;
}

section.info-img h5 {
    color: #1a1a1a;
    font-style: italic;
    opacity: 0.7;
}

section.info-img h2 {
    font-size: 60px;
}

/**/
section.empresas h5 {
    color: rgb(255, 255, 255);
    font-style: italic;
    opacity: 0.7;
    text-align: center;
}

section.empresas h3 {
    font-size: 60px;
}

section.empresas .square {
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    text-align: center;
}

/**/

#slider-logo {
    width: 600px !important;
    height: 400px !important;
}

.ul-li-icon .content {
    padding-left: 0;
}

.hero-parallax.perfil h1, section.empresas h3, section.info-img h2, .ul-li-icon .content h4.title, .form input + button[type="submit"], .img-hover-effect:hover .item-content .item-title, .img-hover-effect:hover .item-content .item-subtitle, .tp-caption.Dining-SubTitle, .Dining-SubTitle, .tp-caption.Dining-BtnLight, .Dining-BtnLight, .big-block .content .title, .s-block .btn {
    font-family: RobotoMedium !important;
}

.fix-img .img-hover-effect img {
    margin-bottom: 0;
}

.ul-disc {
    list-style: disc;
    padding-left: 22px;
}

.ul-disc li {
    list-style: disc;
    margin-bottom: 10px;
}

#modalSearch {
    z-index: 3000;
    padding-right: 0 !important;
}

#modalSearch .modal-dialog, #modalSearch .modal-content {
    margin: 0;
    max-width: 100%;
    height: 100vh;
    background-color: rgb(31, 32, 41);
}

#modalSearch .modal-header {
    border-bottom: 0;
}

#modalSearch .close {
    color: rgb(149, 165, 166);
    opacity: 1;
    font-weight: normal;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 15px;
    border-radius: 5px;
    outline: unset !important;
}

#modalSearch .close:hover {
    background-color: white;
    color: black;
}

#modalSearch input {
    padding: 10px 0;
    height: auto;
    font-weight: 700;
    border-radius: 0;
    font-size: 7.5vw;
    width: 100%;
    color: rgb(149, 165, 166);
    border: none;
    border-bottom: 3px solid rgba(200, 200, 200, .4);
    background-color: rgb(31, 32, 41);
    outline: unset !important;
}

#modalSearch input::placeholder {
    color: rgb(149, 165, 166);
}

.tc-gray {
    color: rgb(149, 165, 166);
}

.ls-decimal {
    list-style-type: decimal;
}

.ls-disc {
    list-style-type: disc;
}

.ls-letters {
    list-style-type: lower-alpha;
}

.chart-style-dist {
    width: 100%;
    height: 450px;
}

table.dataTableC {
    border-collapse: collapse !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.dataTables_wrapper.container-fluid.dt-bootstrap4 {
    padding: 0 !important;
}

table.bc-black th, table.bc-black th {
    color: #fff !important;
    background-color: #000000;
}

#footer .form-group label {
    display: none !important;
}

input.is-invalid, textarea.is-invalid {
    outline: unset !important;
    border: 2px solid !important;
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

input.is-valid, textarea.is-valid {
    outline: unset !important;
    border: 2px solid !important;
    border-color: #28a745 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;*/
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

label.error {
    color: #c10000;
    font-size: 0.9em;
    line-height: 18px;
    padding: 5px 0 0;
}

.alert {
    border-radius: unset !important;
    padding: 10px 15px !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000000;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:focus, .page-link:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--color-azul-fmty);
    border-color: var(--color-azul-fmty);
}

a {
    color: #7b868c;
}

a:hover {
    color: var(--color-azul-fmty);
}

.modal {
    z-index: 2000;
}

.slider-btn-bottom {
    line-height: 30px;
    color: white;
    font-family: RobotoRegular;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    transition: all 0.4s ease;
    position: relative;
}


.list-group-item {
    border-radius: unset !important;
    padding: 10px;
}

.collapse-sub-menu a {
    font-size: 12px !important;
    padding: 0 10px !important;
}

.text-inside {
    position: absolute;
    right: 40px;
    bottom: 0px;
}

.propiedades .team_member {
    text-align: center;
}

.img-responsive {
    width: 100%;
}

h3.text-center {
    font-size: 18px;
    margin-top: 8px;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden;
}

.panel-default.panel {
    border: 1px solid #428bca !important;
    border-radius: 10px;
    margin-top: 20px;
}

.panel-default > .panel-heading {
    cursor: pointer;
    background-color: #000000 !important;
    padding: 8px 20px;
}

.panel-body {
    padding: 15px;
}

.h1404 {
    font-size: 8.5rem;
    font-family: RobotoRegular;
}

header .mega-menu {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    background-color: #ffffff;
    height: auto;
    position: absolute;
    top: 61px;
    right: 0;
    width: 550px;
    margin: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    margin-top: 5px;
    transition: all .3s ease;
    padding-bottom: 25px;
    -webkit-box-shadow: 1px 9px 9px -7px rgba(0, 0, 0, 0.39);
    box-shadow: 1px 9px 9px -7px rgba(0, 0, 0, 0.39);
}

.mega-menu .resultados {
    left: 90px;
    top: 30px;
    text-align: center;
}

.mega-menu .resultados a.text-black {
    font-size: 12px;
}

.text-black {
    color: black !important;
    font-size: 14px !important;
    font-weight: 500;
}

#header.sticky .mega-menu {
    padding-left: 20px;
    padding-right: 20px;
}

header .mega-menu .col-lg-3.mb-4.mb-lg-0 {
    padding: 0 5px !important;
}

header .mega-menu .list-group a {
    font-size: 14px !important;
    font-weight: 500;
}

header .mega-menu .list-group a.sub-active {
    font-size: 12px !important;
}

header .mega-menu .sub-active {
    color: black !important;
    font-size: 12px !important;
    border-bottom: 1px solid rgba(220, 220, 220, 0.5);
    padding: 10px 0 !important;
}

#main-nav .list-group, #main-nav .sub-active {
    display: block !important;
    margin-left: 0 !important;
}

header .mega-menu .sub-active:before {
    display: none !important;
}

.list-group.nosotros, .list-group.portfolio, .list-group.esg, .list-group.inversionistas, .list-group.invertir {
    margin-top: 5px;
}

.mega-menu .list-group-item {
    border: unset;
}

.mega-menu .list-group-item:hover {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding-bottom: 4px !important;
}

.mega-menu .a-sub {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    padding-bottom: 4px !important;
}

#header.sticky .mega-menu {
    top: 61px;
}

.mega-menu-visible {
    opacity: 1 !important;
    margin-top: 0 !important;
    visibility: visible !important;
}

.mega-menu .list-group-item {
    background-color: transparent;
    color: black;
    padding: 5px 0;
}

.dropup-content {
    opacity: 0;
    display: none;
    position: absolute;
    background-color: rgba(233, 230, 230, 0.5);
    width: max-content;
    z-index: 1;
    color: #000;
    transition: all .5s;
    top: 45px;
}

.dropup-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropup-content a:hover {
    background-color: transparent;
    color: #263155;
}
.dropbtn:hover .dropup-content {
    opacity: 1;
    color: #000;
    display: block;
}

.invertir .panel-default.panel {
    border: 1px solid #000000 !important;
    border-radius: 0;
    margin-top: 30px;
}

.sustentabilidad h4 {
    min-height: 56px;
}

/**/
.component-inv {
    background-color: #f4f4f4;
}

.component-inv div[class^='col-'] {
    padding: 0 6px;
    margin-bottom: 12px;
}

.component-inv div[class^='col-'] > div {
    border-radius: 2px;
}

.component-inv div[class^='row'] {
    margin: 0;
}

.component-inv .div-1 {
    min-height: 350px;
    /*background-position: center center;*/
    /*background-size: 100% 100%;*/
}

.component-inv .gradient:after {
    background: linear-gradient(0deg, rgba(1, 0, 4, 0.6670868176372111) 0%, rgba(0, 0, 0, 0) 65%);
    content: " ";
    left: 6px;
    right: 6px;
    height: 325px;
    bottom: 0;
    position: absolute;
}

.component-inv .z-index {
    z-index: 2;
}

.component-inv .div-2 {
    min-height: 150px;
    background-color: white;
    background-position: center center;
    background-size: 100% 100%;
}

.component-inv .product {
    left: 30px;
    top: 20px;
    font-size: 11px;
}

.component-inv .webarch {
    left: 30px;
    top: 50px;
    font-size: 16px;
    color: #19ad79;
}

.component-inv .number {
    right: 30px;
    top: 50px;
    font-size: 16px;
}

.component-inv .div-3 {
    min-height: 250px;
    background-position: center center;
    background-size: 100% 100%;
}

.component-inv .bi-person {
    background-position: center center;
    background-size: 100% 100%;
}

.component-inv .bi-person-2 {
    background-position: center center;
    background-size: 100% 100%;
}

.component-inv .bi-person-3 {
    background-position: center center;
    background-size: 100% 100%;
}

.component-inv .bi-person-4 {
    background-position: center center;
    background-size: 100% 100%;
}

.component-inv span.label {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    text-transform: uppercase;
}

.component-inv .text-dark {
    color: #7f7f7e !important;
}

.component-inv .tc-green {
    color: #00bf16 !important;
}

.component-inv .bc-gray {
    background-color: #757575 !important;
}

.component-inv .tc-gray-ligth {
    color: #d0d0d0 !important;
}

.component-inv .bc-green {
    background-color: #19AD79 !important;
}

.component-inv .bc-blue {
    background-color: #0072ec !important;
}

.slider-section-bottom {
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.br-ligth {
    border-right: 1px solid rgba(255, 255, 255, .15);
}

.modal-header {
    padding: 20px 20px 20px 25px;
}

.modal-body {
    padding: 20px 30px 20px 25px;
}

.div-content {
    background-color: #f2f2f2;
    text-transform: uppercase;
    color: #77777b;
    margin-bottom: 2px;
}

.div-content a {
    padding: 5px;
}

.div-content a:before {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
}

.div-content a:hover {
    background-color: #77777b;
    color: white;
}

.separator {
    border-bottom: 1px solid white;
}

.owl-carousel.owl-drag .owl-item, .owl-carousel .owl-stage-outer, .owl-carousel .owl-stage {
    height: 100% !important;
}

#estrategia-cambio-climatico ul {
    list-style: disc !important;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    font-size: var(--fs-contenido-mediano);
}

/* Vinculacion-ODS */
#boxes .card-group {
    width: 100%;
    min-width: 309px;
    margin: auto;
    justify-content: center;
}

#boxes .card-group .card {
    max-width: 309px;
    min-width: 309px;
    max-height: 309px;
    min-height: 309px;
    border: none;
}

#boxes .card-group .card img {
    width: 309px;
    transform: none;
    z-index: 1;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    transition: all .6s ease-in-out;
    box-sizing: border-box;
}

#boxes .card-group .card:hover img {
    transform: rotateX(180deg) rotateY(0);
}

#boxes .card-group .card .card-body {
    color: #FFFFFF !important;
    transform: rotateX(-180deg) rotateY(0);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .6s ease-in-out;
    display: block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

#boxes .card-group .card:hover .card-body {
    transform: none;
}

#boxes .card-group .card .card-body p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.btn-link:hover {
    color: #fd0505 !important;
}

#areas .info {
    background-size: 100% 100%;
    color: white;
    min-height: 300px;
    overflow: hidden;
}

#areas .info .overlay {
    padding: 30px;
    transition: all .7s;
    background-color: rgba(40, 40, 40, 0.2);
    min-height: 300px;
}

#areas .info .overlay .move h4 {
    padding-bottom: 20px;
}

#areas .info .overlay .move p {
    font-size: 16px;
}

#areas .info .overlay .move {
    transition: all .5s;
    transform: translateY(90%);
    min-height: 300px;
}

#areas .info:hover .overlay {
    background-color: rgba(40, 40, 40, 0.8);
}

#areas .info:hover .overlay .move {
    transform: translateY(0);
}

@media (max-width: 992px) {
    .paramargin1 div:first-child {
        width: 100%;
    }

    .news-comp {
        width: 100%;
    }

    .paramargin1 div:first-child h3 {
        margin: 0 auto;
    }

    .component-inv .div-1 {
        min-height: 450px;
    }

    .component-inv .div-2 {
        min-height: 150px;
    }

    .component-inv .div-3 {
        min-height: 300px;
    }

    .s-block .btn#kit {
        padding: 0 20px;
    }
}

@media (min-width: 992px) {
    .s-block .btn#kit {
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    .component-inv .div-1 {
        min-height: 400px;
    }

    .component-inv .div-2, .component-inv .div-3 {
        min-height: 300px;
    }
}

#destacados .grid.grid-4col li {
    width: 100% !important;
}

/**/

.tab-list .nav-link {
    padding: 0.5rem 0.3rem;
    font-size: 14px;
}

.sin_puntos {
    font-size: 70%;
}

.thumb-info .thumb-info-type {
    background: var(--color-gris-fmty);
}

.thumb-info .thumb-info-title {
    padding: 15px 10px 2px 32px;
    max-width: 100%;
}

#nosotros-list {
    position: fixed;
    top: 50%;
    width: 150px;
    text-align: center;
    left: 3%;
    z-index: 2;
}

.list-group-item.active {
    color: #fff;
    background-color: black;
    border-color: black;
}

.superior p {
    font-size: 50px;
    font-weight: bold;
}

.sub-menu-nosotros {
    position: absolute;
    bottom: 10px;
    right: 30px;
}

.sub-menu-nosotros .list-group-item {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    transition: all .3s;
}

.bg-blue-fmty {
    background-color: var(--color-azul-fmty) !important;
}

#index-graph p {
    margin-bottom: 0 !important;
    line-height: 15px;
}

#index-graph .index-graph-info {
    max-width: 370px;
    width: 370px;
}

.chart-info {
    margin-bottom: 40px;
}

.chart-info p, .chart-legend p {
    font-weight: bold;
    color: #000000;
}

#index-graph p, #index-graph a {
    color: #000000 !important;
}

/*.chart-info p, .chart-legend img {*/
/*-webkit-filter: brightness(0) invert(1);*/
/*filter: brightness(0) invert(1);*/
/*}*/

.chart-legend {
    margin-bottom: 30px;
}

.bl-white {
    border-left: 5px solid white;
}

.bl-gray {
    border-left: 5px solid #7b868c;
}

.bl-blue {
    border-left: 5px solid #194F90;
}

.bg-gray-fmty {
    background-color: var(--color-gris-fmty-muyclaro);
}

.bl-black {
    border-left: 5px solid black;
}

/*Slider horizontal*/
.slider-selection {
    background: #000000;
}

.slider.slider-horizontal {
    width: 100%;
}

.parallax {
    position: relative;
    padding: 50px 0;
    width: 100%;
    box-sizing: border-box;
    background: 50% 50% / cover;
    background-attachment: fixed;
}

.slider.slider-horizontal .slider-track {
    background-color: #8f95f0;
    background-image: -moz-linear-gradient(top, #8f95f0, #8f95f0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8f95f0), to(#8f95f0));
    background-image: -webkit-linear-gradient(top, #8f95f0, #8f95f0);
    background-image: -o-linear-gradient(top, #8f95f0, #8f95f0);
    background-image: linear-gradient(to bottom, #8f95f0, #8f95f0);
    background-repeat: repeat-x;
    height: 5px;
    margin-top: -2px;
}

.slider-handle {
    background-color: #000000;
    background-image: -moz-linear-gradient(top, #000000, #000000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#000000));
    background-image: -webkit-linear-gradient(top, #000000, #000000);
    background-image: -o-linear-gradient(top, #000000, #000000);
    background-image: linear-gradient(to bottom, #000000, #000000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0480BE', endColorstr='#036fa5', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 3px;
    width: 15px;
    height: 15px;
    background-color: #000000;
    border: 0px solid transparent;
}

#index-graph .h2-title {
    max-width: 400px;
    font-size: 1.75rem;
    margin: 0 auto 30px;
    text-align: center;
}

.fs-17 {
    font-size: 1.7rem;
    text-decoration: underline;
}

/**/

#iestrategia a:hover, #iestrategia a:active, #iestrategia a:focus {
    color: #7b868c;
}

#iestrategia .thumb-info {
    background-color: transparent;
}

.sub-menu-nosotros .list-group-item span {
    display: none;
}

.sub-menu-nosotros .list-group-item:hover {
    width: 100px;
}

.sub-menu-nosotros .list-group-item:hover span {
    display: block;
}

.anuales h2 {
    font-weight: bold;
    padding: 15px;
}

table.val-toRight tr td:not(:first-child), table.val-toRight tr th:not(:first-child) {
    text-align: right;
}

/*================================================
Preloader CSS
=================================================*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: white;
}

.preloader .spinner, .preloader2 .spinner {
    /*width: 60px;*/
    /*height: 60px;*/
    background-color: transparent;
    margin: 0 auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 50%;
    margin-top: -75px;
}

.pointer {
    cursor: pointer;
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(1.0);
    }
    40% {
        transform: scale(1.5);
    }
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/*a[data-target=".nosotros"] {*/
/*    min-width: 90px;*/
/*}*/

/*a[data-target=".inversionistas"] {*/
/*    min-width: 160px;*/
/*}*/

/*a[data-target=".invertir"] {*/
/*    min-width: 165px;*/
/*}*/

.text-shadow {
    text-shadow: 0 5px 10px #000000;
    /*line-height: 48px !important;*/
}

.glossario {
    background-color: #f9f9f9;
    height: 49px;
}

.gloss-letra {
    background-color: #6B727C;
    color: #f9f9f9;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 8px;
    float: left;

    border: 0px solid #000000;
    -moz-border-radius: 90px; /*Firefox*/
    -webkit-border-radius: 90px; /*Safari, Chrome*/
    border-radius: 90px;
}

.gloss-letra a {
    color: #f9f9f9 !important;

}

.letra-tira td {
    padding: 0 !important;
}

.recive {
    height: 18px;
}

.invers .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
}

#newsletter-form-inv input {
    border-radius: 50px 0 0 50px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    color: #767676;
    padding-left: 1.625em;
    padding-right: 1.625em;
    height: 53px;
    font-family: RobotoRegular;
    -webkit-appearance: none;
    background: #ffffff;
    border: none;
    font-size: 14px;
}

#newsletter-form-inv button[type="submit"] {
    /* margin-top: -1px; */
    margin-left: -4px;
    border-radius: 0 50px 50px 0;
    position: relative;
    padding: 0.54166667em 3.25em 0.65em;
    line-height: 1.625em;
    text-transform: uppercase;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    height: 53px;
    font-size: 0.625em !important;
    letter-spacing: 1px;
    color: #fff;
    background: var(--color-azul-fmty) none;
    border: 1px var(--color-azul-fmty);
}

#newsletter-form-inv #fieldEmail-error {
    display: none !important;
}

/*.mega-menu {*/
/*    border-bottom: 5px solid var(--color-azul-fmty);*/
/*}*/

tspan, text {
    font-family: var(--ff-globa-estandar) !important;
}

#newsletter-success button {
    border: 1px solid #000000;
    border-radius: 4px;
    color: white;
    padding: 8px 17px;
    display: block;
    text-decoration: none;
    width: 100%;
    background-color: #000000;
    cursor: pointer;
}

#propiedades-circle {
    min-width: 120px;
    position: absolute;
    transition: 2s;
}

#propiedades-state {
    font-size: 1.2em;
}

#pmapa #propiedades-state {
    font-size: 2.5em;
}

#pmapa #propiedades-text {
    font-size: 1.5em;
}

#cuadros-portafolio .big-block .content, #cuadros-portafolio .portafoliorec {
    padding: 0 50px;
}

/*Efecto para imagen en el index*/
.shine figure {
    overflow: hidden;
}

.shine figure {
    position: relative;
}

/*.shine figure::before {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: -80%;*/
/*    z-index: 2;*/
/*    display: block;*/
/*    content: "";*/
/*    width: 50%;*/
/*    height: 100%;*/
/*    background: -webkit-linear-gradient(*/
/*            left,*/
/*            rgba(255, 255, 255, 0) 0%,*/
/*            rgba(255, 255, 255, 0.3) 100%*/
/*    );*/
/*    background: linear-gradient(*/
/*            to right,*/
/*            rgba(255, 255, 255, 0) 0%,*/
/*            rgba(255, 255, 255, 0.3) 100%*/
/*    );*/
/*    -webkit-transform: skewX(-25deg);*/
/*    transform: skewX(-25deg);*/
/*}*/

/*.shine figure:hover::before {*/
/*    -webkit-animation: shine 0.75s;*/
/*    animation: shine 0.75s;*/
/*}*/

/*@-webkit-keyframes shine {*/
/*    100% {*/
/*        left: 125%;*/
/*    }*/
/*}*/

/*@keyframes shine {*/
/*    100% {*/
/*        left: 125%;*/
/*    }*/
/*}*/

/*Efecto para imagen en el index*/

.modal-help {
    font-size: 18px;
    color: black;
}

.modal-help:hover {
    color: black;
}

#asg {
    position: absolute;
    top: -28px;
    left: 277px;
}

#modalHelp button.close {
    position: absolute;
    right: 8px;
    top: 2px;
}

#modalHelp .modal-body {
    padding-top: 30px;
}

.underline {
    text-decoration: underline !important;
}

#politica-sustentabilidad p, #politica-sustentabilidad li, #reconocimientos p {
    font-size: var(--fs-contenido-mediano);
}

.center {
    vertical-align: middle !important;
    text-align: center !important;
}

/*Para que cresca la tira general cuando no quepa*/
@media screen  and  (max-width: 711px) {
    #glossario-id {
        background-color: #f9f9f9;
        height: 92px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    #libreria p.top-right, #libreria p.top-left, #libreria p.bottom-left {
        font-size: 15px;
        width: 170px;
    }

    #libreria p.top-right {
        top: 10px;
        right: -130px;
        text-align: left;
    }

    #libreria p.top-left {
        top: 10px;
        left: -130px;
        text-align: right;
    }

    #libreria p.bottom-left {
        bottom: 10px;
        left: -130px;
    }

    #slider-logo {
        width: 450px !important;
        height: 250px !important;
    }
}

@media (max-width: 992px) {
    section.info-img .img-right {
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    section.empresas .square img {
        max-width: 180px;
    }

    .hero-parallax.perfil h1 {
        font-size: 45px;
        margin-top: 70px;
    }
}

@media (max-width: 767px) {
    #libreria p.top-right, #libreria p.top-left, #libreria p.bottom-left {
        width: 80%;
        min-height: 36px;
        bottom: 10px;
        left: 0;
        right: 0;
        top: unset;
        text-align: center;
        margin-top: auto;
        font-size: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    #slider-logo {
        width: 250px !important;
        height: 180px !important;
    }

    .row {
        margin: 0;
    }

    .big-block .content {
        padding: 15px;
    }

    .big-block .content .title {
        font-size: 35px;
    }

    .s-block .title {
        font-size: 35px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }

    .recive {
        height: auto;
    }

    .invers .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 5%;
    }

    #index-graph h5 {
        text-align: center;
    }
}

@media (max-width: 575px) {
    #libreria .small-img a {
        max-width: 100%;
        width: 100%;
    }

    .text-shadow {
        text-shadow: 0 5px 10px #000000;
        line-height: 35px !important;
    }

    #libreria a img {
        max-width: 100%;
        width: 100%;
    }

    #libreria p.top-right, #libreria p.top-left, #libreria p.bottom-left {
        width: 90%;
        text-align: left;
        min-height: 16px;
        bottom: 20px;
    }

    .row {
        margin: 0;
    }

    .hero-parallax.perfil h1 {
        font-size: 36px;
        margin-top: 70px;
    }

    #ihistoria #timeline {
        width: 100%;
    }

    #ihistoria #dates li {
        font-size: 11px;
    }

    #ihistoria #dates .selected {
        font-size: 20px;
    }

    #ihistoria #dates {
        width: 20%;
    }

    #ihistoria #issues {
        width: 80%;
    }

    #ihistoria #issues li {
        width: 100%;
    }

    #ihistoria #issues li img {
        margin: 50px auto 145px;
    }

    .invers .owl-theme .owl-nav.disabled + .owl-dots {
        bottom: 5%;
    }

    .pitch2 h1 {
        font-size: 45px;
        color: #FFFF;

    }

    #chartdiv {
        min-height: 300px;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .team-member:hover .team-member-details {
        top: 0 !important;
    }

    .team-member-details div {
        position: relative;
        top: 0vh;
        left: 30px;
    }

    .big-block .content h1 {
        font-size: 25px;
    }
}

#cuadros-portafolio .big-block .content span {
    background-color: var(--color-azul-fmty);
    border-radius: 50%;
    padding: 0 6px;
    color: white;
}

.img-hover-effect.active:before {
    width: 80%;
}

.img-hover-effect.active .item-content .item-title {
    transition-delay: 0.3s;
    opacity: 1;
    transform: translateY(0px);
}

.btn.btn-transparent {
    background-color: transparent;
    color: white;
    border: 2px solid white;
    padding: 11px 35px;
}

span.alt-font {
    font-size: 20px;
}

.portfolio-classic .portfolio-caption span {
    font-family: var(--ff-globa-estandar);
    position: relative;
}

.portfolio-classic .portfolio-caption a span:before {
    width: 0;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    content: "";
    position: absolute;
    background: #000000;
    transition: width 0.3s linear;
}

.portfolio-classic .portfolio-box:hover .portfolio-caption a span:before {
    left: 0;
    width: 100%;
    right: auto;
}

#initial-info {
    font-size: 1.5em;
    border: 1px solid #f2f2f2;
    padding: 40px;
    background-color: #f2f2f2;
    color: var(--color-negro-fmty);
}

.investor-kit label {
    color: white;
}

.img-resultados {
    display: block;
    margin: auto;
}

.btn.download {
    background: transparent;
    border: 1px solid white;
}

a.index-social-link {
    margin-right: 30px;

    padding: 10px;
    color: #FFFFFF;
}

#que-es-fibra span .item-title {
    opacity: 1;
    font-size: 35px;
}

#que-es-fibra .img-hover-effect.effect:before {
    display: none;
}

#que-es-fibra .img-hover-effect .item-content, #que-es-fibra .img-hover-effect .item-content .item-title {
    transform: unset;
}

#que-es-fibra .img-hover-effect:hover .item-content .item-title {
    transition-delay: unset;
    transform: none;
}

#que-es-fibra .item-title p {
    font-size: 35px;
}

#que-es-fibra .img-hover-effect .item-content {
    top: 42%;
}

#que-es-fibra .big-block h1 {
    font-size: 80px;
}

.distingue p {
    font-size: 25px;
}

.bullet-blur {
    background-color: var(--color-azul-fmty);
    border-radius: 50%;
    padding: 0 6px;
    color: white;
}

.estra-link {
    cursor: pointer;
}

.estrategia .outside-box-right .estra-info {
    position: absolute;
    top: 28%;
    margin-right: 25vw;
    padding: 40px;
}

.estrategia .outside-box-right p {
    font-size: 25px;
    color: white;
}

.estra-link.active span {
    color: #232323;
    font-family: var(--ff-globa-medium);
    font-size: 23px;
}

.estra-li {
    color: white;
    padding-left: 20px;
    font-size: 22px;
}

.slider-palabras {
    top: 45%;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0 30px;
    text-align: center;
    position: absolute;
}

.slider-palabras p {
    color: red;
    font-size: 18px;
}

.team-member-details {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    cursor: pointer;
}

.team-member-details.ajustar {

    margin-left: 15px;
    margin-right: 15px;
}

.team-member-details div {
    position: relative;
    top: 5vh;
    left: 30px;
}

.sustentabilidad-hover .team-member-details div {
    position: relative;
    top: unset;
    left: 0;
    padding: 0 30px 0 15px;
}

.team-member:hover .team-member-details {
    top: 40px;
}

.sustentabilidad-hover .team-member:hover .team-member-details {
    top: 0;
}

.team-member .thumb-info:hover img {
    transform: unset;
}

.bg-black-opacity {
    background-image: linear-gradient(to bottom right, #020202e6, #020202e6);
    opacity: .95;
}

.overflow-hidden {
    overflow: hidden !important;
}

.diretivo-perfil {
    padding: 32px 0;
    background-color: #212121;
    color: white;
}

.cerrar-info {
    text-align: right;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.persona-cargo {
    font-style: italic;
    font-size: 16px;
    margin-bottom: 16px;
}

.redes-index {
    position: absolute;
    bottom: 30%;
    margin-left: 25%;
}

.texto-redes {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.texto-redes h2 {
    font-size: var(--fs-title-section-h2);
    color: #FFFF;
}

.table-inversionista tbody tr, .inv-menu a {
    background-color: #e8ebf5;
}

.table-inversionista tbody tr:nth-of-type(odd), .inv-menu a:nth-of-type(odd) {
    background-color: #cdd4ea;
}

.table-inversionista tbody tr td a, .inv-menu a {
    color: #000;
}

/*BLOG*/
.grid.grid-3col li {
    width: 33.33%;
    float: left;
    list-style: none;
}

.grid.gutter-double-extra-large li {
    padding: 20px;
}

.blog-simple .blog-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-post {
    position: relative;
    overflow: hidden;
}

.border-radius-6px {
    border-radius: 6px;
}

.box-shadow-small, .box-shadow-small-hover:hover {
    box-shadow: 0 0 15px rgb(0 0 0 / 8%);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.blog-simple .blog-post .cover-background {
    background-position: right center !important;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.blog-simple .blog-post-image, .blog-simple .post-details {
    width: 50%;
}

.blog-post .blog-post-image {
    overflow: hidden;
    position: relative;
}

.cover-background {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.blog-simple .blog-post .blog-post-image .blog-post-image-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 93%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.bg-dark-slate-blue {
    background-color: #1f232c;
}

.blog-simple .post-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.padding-3-half-rem-all {
    padding: 3.5rem;
}

.blog-simple .blog-post .blog-category {
    font-size: 11px;
    line-height: 14px;
    box-shadow: 0 0 20px rgb(23 23 23 / 8%);
    border-radius: 20px;
    border: 1px solid;
    padding: 6px 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.margin-15px-bottom {
    margin-bottom: 15px;
}

.line-height-24px {
    line-height: 24px;
}

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

/*END BLOG*/

.embed-container {
    --video--width: 960;
    --video--height: 540;

    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
    overflow: hidden;
    max-width: 100%;
    background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#datatable_paginate .page-link:focus, #datatable_paginate .page-link:hover {
    background-color: #000000;
    border-color: #000000;
}

.fs-13 {
    font-size: 13px;
}

@media (min-width: 1500px) {

    .team-member-details div {
        position: relative;
        top: 10vh;
        left: 30px;
    }
}

@media (max-width: 1500px) {

    .estra-li {
        font-size: 22px;
    }

    .estrategia .outside-box-right .estra-info {
        top: 28%;
    }

    .estrategia .outside-box-right p {
        font-size: 22px;
    }
}

@media (max-width: 1300px) {
    .estra-li {
        font-size: 20px;
    }

    .estrategia .outside-box-right .estra-info {
        top: 27%;
    }

    .estrategia .outside-box-right p {
        font-size: 20px;
    }
}

@media (max-width: 1150px) {
    .estra-li {
        font-size: 18px;
    }

    .estrategia .outside-box-right .estra-info {
        top: 26%;
    }

    .estrategia .outside-box-right p {
        font-size: 18px;
    }
}