@charset "UTF-8";

:root {
    --heading-font-family: "Montserrat", sans-serif;
    --font-family: "Montserrat", sans-serif;
    --font-size: .9rem;
    --font-weight: 400;
    --font-style: normal;
    --line-height: 1.6;
    --heading-line-height: 1.3;
    --main-color: #003876;
    --linkcolor: #d62540;
    --el-gradient2: #AB1F2D; /* #00809d;*/ /*#235B74;*/
    --primary-color: #ffffff;
    --btn-primary-color: #E0223E;
    --btn-primary-hover: #cc1e37;
    --primary-bg-color: #F0F4F8;
    --secondary-color: #000000;
    --secondary-bg-color: #303036;
    --neutral-bg-color: /*#F8F9FA*/ #F1F1F1;
    --text-primary: #303036;
    --text-secondary: #63636b;
    --border-color: #D4D4E1;
    --placeholder-color: #000;
    --error-color: #ff3d0d;
    --el-border-radius: .75rem;
    --el-border-radius-min: 6px;
    --el-box-shadow: 2px 4px 20px 1px rgba(45, 45, 45, 0.13);
    --header-box-shadow: 0px 0px 14px 0px rgba(77, 82, 94, 0.15);
    --alert-primary: #004085;
    --alert-success: #23D36A;
    --alert-danger: #EA2626;
    --alert-warning: #FFD43D;
    --cream-section: #F8F5F0;
    --gray-section: #F1F9FC;
    --Stwitter: #fff;
    --Slogin: #D7EDF8;
    --Mainquestions: #003876;
    --Bordertitle: #9A1218;
    --Borderblue: #0C3E65;
    --bkBarButtoms: #F2F2F2;
    --big-numbers: #004884;
    /*Sections*/
    --secgray: #F4F8FB;
    /*header*/
    --bkheadertop: #36c;
    /*gradients*/
    --bg-gradient: linear-gradient (135deg,rgba(51,102,204,.05),rgba(232,35,63,.0));
    /*footer*/
    --footermain: #88CFE0;
    --bderfooterm: #297BD8;
    --footerbtm: #331661;
    --Menufootercolor: #3A3A3A;
    --darkBlue: #003876;
    --soft-bg: #f3f3f3;
    --proy-inversion: #ACD2D5;
    --proy-pdl: #DCC6DB;
    --proy-pot: #F6DB93;
}
/* === CSS Table Of Content

1. Content
    1.1 Fonts
    1.2 Base
    1.3 Tables
    1.4 Typography
    1.4.1 Typography Plan Nacional 
    1.4.2 Typography Objetivos 
    1.4.3 Typography Presupuestyo

2. Components
    2.1 Accordion
    2.2 Alerts
    2.3 Breadcrumb
    2.4 Buttons
    2.5 Carusel
    2.6 Forms
    2.7 Icons
    2.8 Pagination
    2.9 Popup
    2.10 Tabs
    2.11 Range slider
    2.12 Header
    2.13 Graphs
    2.14 Bar Bottoms
    2.15 Overlay
    2.16 ODS
    2.17 Contracts
    2.18 Presupuesto

3. Bloks
    3.1 Main banner
    3.2 Services
    3.3 Advantages
    3.4 Counters
    3.5 Projects
    3.6 Team
    3.7 Reviews
    3.8 Blog
    3.9 Comments
    3.13 Gallery
    3.14 Contact
    3.15 404
    3.16 Main Questions
    3.17 Search
    3.19 aside box
    3.20 Twitter
    3.21 User Login
    3.22 Videos
    3.23 Card Distribucion
    

4. Layouts
    4.1 Header
    4.2 Sidebar
    4.3 Section
    4.4 Page
    4.5 Footer
    4.6 Elements style
    4.7 PLAN NACIONAL
    4.8 CENTRO AYUDA
    4.9 PerfilProyecto

5. Cookie

6. UI elements

7. Media

8.NewVision

=== */
/* === 1. Content === */
/* 1.1 Fonts */


@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Material Icons"), url("../assets/fonts/material-design-icons/material-design-icons.woff2") format("woff2");
}

@font-face {
    font-family: "Material Icons Outlined";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Material Icons Outlined"), url("../assets/fonts/material-design-icons/material-design-icons-outlined.woff2") format("woff2");
}

/* ----------------------------------------------
 * Generated by Animista on 2024-2-29 21:9:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* 1.2 Base */
* {
    box-sizing: border-box;
}

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

html {
    font-size: var(--font-size);
}

html, body {
    height: 100%;
}

.politicas .card {
    border: 1px solid #ccc !important;
    padding: 15px
}

.politicas .list-group-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}
p{/*font-size:1.18rem*/}
.text-italic{ font-style:italic;}
body {
    position: relative;
    font-size: 1.18rem;
    min-width: 320px;
    line-height: var(--line-height);
    font-family: var(--font-family), sans-serif !important;
    font-weight: var(--font-weight);
    font-style: var(--font-style);
    overflow-x: hidden;
    color: var(--text-primary);
    opacity: 1;
    background-color: var(--primary-color);
}

    body.overflow-hidden {
        overflow: hidden;
    }

.activeTab a {
    color: #fff;
    background-color: #48789E
}

main {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*opacity: 0;*/
}

    main.main-visible {
        opacity: 1;
    }


.main-inner {
    flex: 1 0 auto;
    overflow: hidden;
}

.footer {
    flex: 0 0 auto;
}

footer .items {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    justify-content: center;
    padding: 2rem 0;
}
.item {
    max-width: 20%
}

header ul, header ol, footer ul, footer ol, aside ul, aside ol, nav ul, nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: var(--linkcolor);
    text-decoration: underline;
    transition: all 0.25s;
}
p a{color: var(--linkcolor)!important}
    a:hover {
        text-decoration: underline;
        color: var(--main-color);
        cursor: pointer;
    }

.Noticia a {
    color: #121212;
}

.Noticia .h5 a:hover {
    color: #949699 !important;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}

.gutters-default {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

    .gutters-default > .col,
    .gutters-default > [class*="col-"] {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }

.gutters-20 {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

    .gutters-20 > .col,
    .gutters-20 > [class*="col-"] {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }

.gutters-10 {
    margin-right: -0.3125rem;
    margin-left: -0.3125rem;
}

    .gutters-10 > .col,
    .gutters-10 > [class*="col-"] {
        padding-right: 0.3125rem;
        padding-left: 0.3125rem;
    }

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

.navHdisplay {
    display: contents;
}

.h-75 {
    width: 70%;
    margin: 0 auto;
    max-width: 70%
}

.h120 {
    height: 140px;
}

.w-70 {
    width: 70%;
}

.w-88 {
    width: 88%;
}

.w-90 {
    width: 90%;
}


.ml-5 {
    margin-left: 5px;
}

.mh56 {
    min-height: 56px;
}

.mh72 {
    min-height: 72px
}
.img-rounded {
    border-radius: var(--el-border-radius);
}
.list-item {
    padding: 4px;
}

.main-header {
    display: flex;
    /* justify-content: center; */
    justify-content: start;
    flex-wrap: wrap;
    height: 140px;
}

.logoHinv {
    text-align: left;
    margin-top: 15px;
}

    .logoHinv img {
        height: 78px;
    }
.bg-none{background-color:transparent!important;}

.logoIntro {
    text-align: center;
    padding: 28px 15px;
    margin-left: 15px; position:relative
}
    .logoIntro:before {
        content: "";
        height: 70%;
        left: 0;
        top: 15%;
        width: 1px;
        background-color: #003876;
        position: absolute
    }

    .logoIntro img {
        width: 300px;
    }
.semibold{ font-weight:600;}
.gradient-tb { 
    background: linear-gradient(180deg, #eeeeee, #FFFFFF);
}
.gradient-bt {
    background: linear-gradient(0deg, #F9F9F9, #FFFFFF);
}
/*NAVEGACION GAB*/
.nav-gab {
    background: linear-gradient(to right, #fff, #f8f9fa);
    box-shadow: 0 4px 12px #0000000d;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 0;
    transition: all .3s ease;
}
.gab-header .btn {
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 1.2rem !important;
    font-family: var(--heading-font-family) !important;
    padding:.5rem 1rem!important;
}
    .gab-header .btn-outlined{ border-width:1px!important; font-weight:400!important}
        .gab-header .btn-outlined:hover{background-color: var(--btn-primary-color)!important; color:#fff!important}
        .nav-gab, .gab-header {
            font-family: var(--heading-font-family) !important;
            font-size: 1rem;
        }
    .nav-gab .container, .gab-header .container {
        /*display: flex;*/
        justify-content: center;
        align-items: center;
        max-width: 1140px;
    }
.nav-link-img a{ text-align:center}
.navbar-brand img {
    height: 45px;
    margin-bottom: 1rem
}
.gab-header .wrap-btn {
    display:flex; margin:0px; justify-content:end;
}
.gab-menu{display:flex; justify-content:space-between}
    .gab-menu .nav-link {
        padding: 1.5rem 1.25rem;
        color: #2d3436;
        font-weight: 500;
        transition: all .3s ease;
        letter-spacing: .2px; position:relative;
        font-size:1.17rem;
    }
        .gab-menu .nav-link.active, .gab-menu .nav-link:hover {
            background-color:#fff; color:var(--btn-primary-color)
        }
    .gab-menu .nav-link.active::before {
        content: "";
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 100%;
        height: 3px;
        background: linear-gradient(to right, #dc3545, #ff6b6b);
        transition: all .3s ease;
        border-radius: 3px;
    }
.user-wrap{ display:flex; justify-content:end; align-items:center}
.user-info {
    padding-right: 1rem;
    margin-right: 1rem; border-right:1px solid #ccc;
}
/***LogosEmergencia*/
.wp70 {
    width: 70%;
}

.objHidden {
    /*visibility:collapse;*/
    display: none
}

.objVisible {
    /*visibility:visible;*/
    display:  block
}


/* Begin IE browser */
.ie-browser {
    display: table;
    width: 100%;
    height: 100%;
    font-size: 1.25rem;
    font-family: Arial, sans-serif;
    text-align: center;
}

.ie-browser-tr {
    display: table-row;
}

.ie-browser-td {
    display: table-cell;
    vertical-align: middle;
}

/* End IE browser */
/* 1.3 Tables */

.tablefont {
    font-size: 12px;
}


.head-axis .icon-eje {
    text-align: center
}

    .head-axis .icon-eje img {
        width: 70%;
        margin: 1.3rem auto
    }

.ax1, .ax2, .ax3, .ax4 {
    color: #fff
}

.ax1 {
    background-color: rgb(177, 134, 27) !important;
}

.ax2 {
    background-color: rgb(36, 83, 159) !important
}

.ax3 {
    background-color: rgb(200, 112, 60) !important
}

.ax4 {
    background-color: rgb(66, 150, 112) !important
}

.h-100 > img {
    /*width: 70% !important;*/
}
/*esta clase sobre escribe la clase que llama el combo en el plan naciona ejes.*/

.alert-neutral {
    background-color: #F8F5F0
}

.tags-ODS .badge {
    background-color: aliceblue
}

.card-indicator {
    border: 1px solid #DBF2FE !important
}

    .card-indicator .h6 {
        font-size: .8em;
        padding: 8px
    }

    .card-indicator .card-title {
        border-bottom: 1px solid #DBF2FE !important
    }

.active .accordion-trigger {
    background-color: #F9F5FF;
    border: 1px solid #B45CB1;
    border-top-left-radius: var(--el-border-radius);
    border-top-right-radius: var(--el-border-radius);
}
.accordion-trigger .big-number{ margin-right:.8rem; font-weight:700}

.data-indicadores .text-xl, .data-indicadores small {
    display: block;
    text-align: center
}

.text-xl {
    font-size: 1.8em
}

.text-md {
    font-size: 1.2em
}

.number-indicator {
    font-weight: 700;
    background-color: #003366;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px
}

.name-indicator {
    font-weight: 600
}

.btn-section i {
    vertical-align: bottom
}

.mb-3 {
    margin-bottom: 1.5rem
}

.bg-alice {
    background-color: aliceblue !important
}


.d-flex {
    display: inline-flex
}

.icon-Eje {
    display: inline-block;
    width: 80px;
    margin-right: 8px
}

.tit-axis {
    display: inline-block;
    line-height: normal
}

.circle {
    height: 15px;
    width: 15px;
    border-radius: 5%;
    padding: 0px !important;
    min-height: 12px;
    color: #000
}

.tags .badge {
    color: #000;
    display: block;
    margin-bottom: 10px;
    text-align: left
}
.c1 {
    background-color: #1C8262 !important
}

.c2 {
    background-color: #E38900 !important
}

.c3 {
    background-color: #44B133 !important
}
.stepNumber {
    font-weight: 700;
    font-size: 4em;
}
.tags .c1, .tags .c2, .tags .c3, .tags .c4 {
    min-height: 12px;
    display: inline-block;
    margin-right: 10px
}

.tags .c1 {
    background-color: #F7C67F;
}

.tags .c2 {
    background-color: #57BAC7;
}

.tags .c3 {
    background-color: #78C075;
}

.tags .c4 {
    background-color: #B2B2AD;
}

table.focusable {
    overflow: hidden;
}

    table.focusable tr:nth-child(even) {
        background-color: #fff
    }

.text-bold {
    font-weight: 700;
}

.wrap-tText {
    font-size: .8em
}

.t-number {
    font-weight: bold;
    width: 23px;
    height: 23px;
    border-radius: 10%;
    text-align: center;
    display: block;
    font-size: 12px
}

.text-xs {
    font-size: .7em
}

.border1 {
    border: 1px solid #ccc !important
}

.c1, .c2, .c3, .c4 {
    padding: 8px;
    border-radius: 6px;
    min-height: 80px
}

tfoot .c1, tfoot .c2, tfoot .c3, tfoot .c4 {
    min-height: initial
}

.c1 .t-number {
    background-color: #F7C67F
}

.c2 .t-number {
    background-color: #57BAC7
}

.c3 .t-number {
    background-color: #78C075
}

.c4 .t-number {
    background-color: #B2B2AD
}

.focusable td, .focusable th {
    padding: 5px;
    position: relative;
    outline: 0;
}

.tit-lt {
    font-weight: 700;
    font-size: .85em;
    display: block;
    text-align: center
}

.focusable thead {
    background-color: #fff
}

    .focusable td:hover::after,
    .focusable thead th:not(:empty):hover::after,
    .focusable td:focus::after,
    .focusable thead th:not(:empty):focus::after {
        content: '';
        height: 10000px;
        left: 0;
        position: absolute;
        top: -5000px;
        width: 100%;
        z-index: -1;
    }

.focusable td:hover::after,
.focusable th:hover::after {
    background-color: #f3f3f3;
}

.focusable td:focus::after,
.focusable th:focus::after {
    background-color: lightblue;
}
.cardR {
    border-radius: 12px;
    background-color: #ECF7FB;
}
/* Focus stuff for mobile */
.focusable td:focus::before,
.focusable tbody th:focus::before {
    background-color: lightblue;
    content: '';
    height: 100%;
    top: 0;
    left: -5000px;
    position: absolute;
    width: 10000px;
    z-index: -1;
}

table {
    width: 100%;
    border-bottom: 1px solid var(--border-color);
}

    table.table-border {
        border: 1px solid var(--border-color);
    }

        table.table-border td {
            border-right: 1px solid var(--border-color);
        }

    table.table-secondary tr:nth-child(even) {
        background-color: transparent;
    }

    table.table-secondary tbody tr {
        border-bottom: 1px solid var(--border-color);
        transition: all 0.25s;
    }

        table.table-secondary tbody tr:first-child {
            border-top: 1px solid var(--border-color);
        }

        table.table-secondary tbody tr:hover {
            background-color: var(--primary-bg-color);
        }

    table.table-bordered tr:nth-child(even) {
        background-color: transparent;
    }

    table.table-bordered td {
        border: 1px solid var(--border-color);
    }

    table.table-bordered thead tr th {
        color: var(--text-primary);
        border: 1px solid var(--border-color);
    }

    table td, table th {
        padding: 1rem;
    }

    table tr:nth-child(even) {
        background-color: var(--primary-bg-color);
    }

    table thead tr {
        border-bottom: 1px solid var(--border-color);
    }

        table thead tr th {
            font-weight: bold;
            font-size: 1rem;
        }

    table tfoot {
        font-weight: 600;
    }

@media (max-width: 767.98px) {

    .politicas .list-group-item {
        flex-direction: column;
    }

    .logoHinv {
        margin-right: 8px;
        margin-left: 25px;
    }

        .logoHinv img {
            /*height: 80px !important;*/
        }

    .footer-item-heading {
        text-align: left !important;
        border-bottom: 1px solid #fff;
    }

    .footer-item {
    }

    .footer-mnu .hover-link > span {
        font-weight: 400;
    }

    .footer-main .item {
        margin-bottom: 15px; width:50%;
    }

    .labelTit {
        font-weight: 400 !important;
    }

    .data1 {
        margin-right: 0px
    }

    .headEnt {
        flex-direction: column;
    }

    .comparativeTable .panel-heading {
        flex-direction: column;
    }

    h1, .h1 {
        font-size: 1.5rem;
    }

    h2, .h2 {
        font-size: 1.4rem !important;
    }

    h3, .h4 {
        font-size: 1.3rem;
    }

    h4, .h4 {
        font-size: 1.2rem;
    }

    h5, .h5 {
        font-size: 1.1rem;
        font-weight: 600;
    }

    h6, .h6 {
        font-size: 1rem;
        font-weight: 600;
    }

    .tags .badge {
        display: inline-block
    }

    .navs-shortcuts a {
        display: initial;
    }

        .navs-shortcuts a span.text-btn {
            display: none
        }

    .sticky {
        /*height: 42px;*/
        right: 0
    }

    .data-indicadores .col-6 {
        margin-bottom: 15px
    }

    .accordion-trigger {
        display: flex
    }

    .table-responsive {
        position: relative;
        width: 100%;
        overflow-y: auto;
    }

        .table-responsive table {
            /*width: 650px;*/
        }

    .table-responsive-outer {
        position: relative;
    }

        .table-responsive-outer::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 0.625rem;
            height: 100%;
            background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.3), #fff);
        }

    .table-container::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0.875rem;
        height: 0.875rem;
    }

    .table-container::-webkit-scrollbar-thumb {
        border-radius: var(--el-border-radius);
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, 0.3);
    }
}

/* 1.4 Typography */
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    line-height: var(--heading-line-height);
    margin-bottom: 2rem;
    font-weight: bold;
    font-family: var(--heading-font-family), sans-serif;
}

h1, h2 {
    color: #000;/*#5916c3;*/
}

    h3, h4, h5, h6 {
        color: #333333;
    }
    h1, .h1 {
    font-size: 3rem;
}

h2, .h2 {
    font-size: 2.5rem;
}

h3, .h3 {
    font-size: 2rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
    font-weight: 600;
}

h6, .h6 {
    font-size: 1rem;
    font-weight: 600;
}

p {
    margin: 0 0 2rem 0;
    line-height:1.6;

}

mark {
    padding: .2em;
    background-color: var(--main-color);
    color: var(--primary-color);
}

small {
    font-size: 0.85rem;
}

blockquote {
    padding: 0 0 0 1.25em;
    font-style: italic;
    color: var(--text-secondary);
    border-left: 3px solid var(--main-color);
}

    blockquote p {
        margin-bottom: 0 !important;
    }

    blockquote footer {
        color: var(--main-color);
        font-style: normal;
        padding-top: 0.8em;
    }

.content {
    /*text-align: justify;*/
}

    .content > * {
        margin-bottom: 2rem;
    }

        .content > *:last-child {
            margin-bottom: 0;
        }

    .content h2, .content h3, .content h4, .content h5, .content h6 {
        margin-top: 2.5rem;
        text-align: left;
    }

        .content h2:first-child, .content h3:first-child, .content h4:first-child, .content h5:first-child, .content h6:first-child {
            margin-top: 0;
        }

    .content ul, .content ol {
        list-style: none;
        margin: 0 0 2rem 0;
        padding: 0;
    }

        .content ul li, .content ol li {
            position: relative;
            display: flex;
            margin-bottom: 0.625rem;
        }

            .content ul li::before, .content ol li::before {
                margin-right: 0.5rem;
                display: block;
                min-width: 1rem;
                color: var(--main-color);
            }

            .content ul li::before {
                content: "✔";
            }

    .content ol {
        counter-reset: item;
    }

        .content ol li::before {
            content: counter(item) ".";
            counter-increment: item;
        }

    .content img {
        display: block;
        margin-bottom: 2rem;
        max-width: 100%;
        height: auto;
    }

/*1.4.1 Typography Plan Nacional */

.subtitle, .subtitle label {
    color: #fff;
    text-align: center;
}

.subtitlechk {
    color: #121212;
    text-align: left;
    font-weight: normal;
}

/*1.4.2 Typography Objetivos */

.Object-number {
    padding: 0.5rem;
    float: left;
}

/*.Object-subtitle {
    padding: 0.5rem 0 0 4rem;
}

.Object-subtitle h5 {
        font-weight: 300;
        margin-bottom: 0.1rem !important;
}*/

.Ititle h5 {
    color: #000;
}

.ONumber {
    background: #5E7FB1;
    color: #fff;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 3.25rem;
    font-size: 1.5rem;
    font-weight: 600;
    padding-top: 0.2rem;
    text-align: center;
}

.Outlinetag {
    border: 1px solid #707070;
}

.Outlinetagw {
    border: 1px solid #fff;
}

    .Outlinetagw a {
        color: #fff;
    }

        .Outlinetagw a:hover {
            color: #fff;
            text-decoration: none;
        }

.Gpnt {
    width: 0.5rem;
    height: 0.5rem;
    background: #29C2BD;
    border-radius: 2rem;
    display: inline-block;
}

.Ppnt {
    width: 0.5rem;
    height: 0.5rem;
    background: #5C63B4;
    border-radius: 2rem;
    display: inline-block;
}

.Ctags {
    margin: 1rem;
    text-align: right;
    font-size: 0.8rem;
}

.Tgreen {
    color: #29C2BD;
}

.Tpurple {
    color: #5C63B4;
}

.Ibignumber {
    font-size: 2rem;
    font-weight: 800;
}
.h2 .big-number{ font-size:3.8rem; font-weight:700;}
.Ipeople {
    font-size: 1rem;
    font-weight: 600;
}


.Olink {
    padding: 0.5rem;
    color: #000;
    font-size: 0.9rem;
    width: 100%;
    display: inline-block;
    background: url('../img/Oarrow.png');
    background-position: right;
    background-repeat: no-repeat;
}

.Oicon:hover {
}

.Olink:hover {
    display: inline-block;
    background: #F1F1F1 url('../img/OarrowHover.png');
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
    color: #000;
    text-decoration: none;
    -webkit-box-shadow: -1px 5px 10px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: -1px 5px 10px 0px rgba(0,0,0,0.16);
    box-shadow: -1px 5px 10px 0px rgba(0,0,0,0.16);
}

/*Participacion*/
.well {
    padding: 4px;
}

/*1.4.3 Typography Home*/
.wrap-donuts { display:flex; justify-content:center; align-items:center; margin-bottom:1rem;
}
    .wrap-donuts .donut-container span{ text-align:center; font-size:.9rem; line-height:.9rem; display:block;}
.wrap-summary small{ font-size:.9rem}
#graphDonaComprometido svg, #graphDonaGiros svg {
    width: 100% !important
}
.map-link {
    background: #fff url(../img/bg-maplink.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding-top: 5em !important;
    padding-bottom: 5em !important;
    border-radius: 20px;
}
    .map-link .section-heading .section-subheading {
        color:#fff;
    }
    .map-link .section-heading .section-subheading{ font-weight: 500;}
    .map-link:before {
        position: absolute;
        left: 10rem;
        right: 10rem;
        top: 3rem;
        bottom: 3rem;
        content: '';
        z-index: 0;
        background-color: rgba(255,255,255,.85);
        border-radius: 20px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
.map-link .wrap-cta{ text-align:center}
.number-slide {
    color: #0171BB;
}

.presvalor2 {
    color: #0171BB;
    font-size: 2.2rem;
    font-weight: 600;
}

.suggestions .card {
    background-color: #FCFCFC;
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 15px;
    max-width: 210px;
    border-radius: var(--el-border-radius-min);
}
    .suggestions .card a {
        display: inline-flex;
        color: #003876
    }
.suggestions i {
    color: #AB1F2D
}
.wrap-suggestions {
    display: flex;
    flex-direction: row; justify-items:left;
}
.card-entidad {
    border-radius: 12px; 
}
.inversionesPorSector .card-entidad {
    flex-direction: row;
}
.decorative-color {
    border-radius: 8px;
    background-color: #5916C1;
    width: 15px;
    padding: 0 10px;
    display: inline-block;
}
.card-presupuesto {
    border-radius: 12px;
    background: #ECF7FB;
}
card-wrap {
    height: 77px;
    line-height: 1;
}
.cardBlue {
    background: #354999 !important;
    
}
.cardFucsia {
    background: #934795 !important;
}
.cardGreen {
    background: #238556 !important;
}
.card-number-presu {
    color: #fff;
    font-size: 3rem;
    font-weight: 600
}
.card-title-presu {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;

}
.card-wrapper-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 0.5rem;
    grid-column-gap: 0.5rem;
}
.card-wrapper-icn { margin-bottom: 0.5rem}

.wrap-tabs-txt { text-align: center; line-height: 0.5}
.wrap-distri{ padding:0.5rem; justify-items: center; margin-top: 0.5rem; display:flex; justify-content:center; flex-direction:column; align-items:center}
.card-icon-distri{ margin-right:1rem}
.distri-txt {
    font-size: 1.5rem;
    color: #E32138;
    font-weight: 600;
}

.card-info-distri .h5, .card-info-distri .h3 { margin: 8px !important; line-height: 1}
.card-info-distri .h3 {
    color: #0171BB; display:block}

.card-info-txt .h4, .card-info-txt .h3 {
    margin: 0px !important;
    text-align: center;
}
.card-info-txt .h4 {
    color: #0171BB;
}

.card-info-txt .wrap-btn { display: flow;}

.wrap_img_emp img {
    margin-bottom: 0px
}


.cardborder {
    border: 1px solid #ffc3cc !important;
}

/*card-illustration*/

.card-illustration-container {
    
    padding: 2rem;
    position: relative;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-number-badge {
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    width: 120px;
    height: 120px;
    border-radius: 10% 50% 50% 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-weight: bold;
    /*transform: rotate(45deg)*/
}
.card-number-blue {
    background: #4285f4;
}
.card-number-yellow {
    background: #F1B84D;
}
.card-number-green {
    background: #74C5AA;
}
.card-number-red {
    background: #C63D26;
}



.wrap-contract-cards {
    display: flex;
    justify-content: center;
}

    .wrap-contract-cards .card { /*width: 50%;*/
        margin: 0px 15px
    }
    .wrap-contract-cards .card-title {
        display: flex;
        align-items: flex-start; align-items:center;
    }
.modal-content .list-group-item{text-align:left}
.ges-contract .panel-default > .panel-heading .badge {
    background-color: #84d0f3;
    color: #333;
}
.wrap-estados {
    border: 1px solid #8CC3F4;
    display: flex;
    flex-direction: row;
    border-radius: 8px;
    padding: 10px;
    justify-content: center;
    margin: 15px 0px
}

    .wrap-estados .item-estado {
        margin: 0px 10px;
        padding: 0px 8px
    }

.blue-card {
    background-color: #E4EFF8 !important;
    border: 1px solid #8CC3F4;
    border-radius: 8px !important;
    padding: 0px 15px
}

div.soft-blue-card {
    background-color: #F6FBFF !important;
}

.nav-tabs {
    border-bottom: none
}

.contratos-Data .label {
    line-height: 15px
}
.contratos-Data .card {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    border-radius: 3px;
}
.pCancelado {
    border: 1px solid #8CC3F4;
    background-color: #F6F8F9;
    border-radius: 9px !important;
    margin: 15px !important;
    display: flex;
}
.inversionesPorSector .card-entidad .CTASectores .icon-sectores {
    height: 80px;
    background-color: #fff;
    /*width: 20%;*/
    margin-top: -1rem;
    margin-left: -1rem;
    margin-bottom: 1.2rem;
    border-bottom-right-radius: 12px;
}
.card-entidad h3 {
    font-size: 1.2rem;
    /*padding-top: .8em*/ /*Duda sobre este padding y como afecta.*/
}
.card-entidad .h5 {
    font-size: 1rem;
    text-align:left; display:block; padding:.8rem
}
.card-entidad .card-title-container {
    margin: -1em -1em 1em -1em;
    background-color: #f1f1f1;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.wrap-instituciones .wrap-summary {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center
}
.Tagline {
    padding-bottom: 1rem;
    text-align: center;
}

        .Tagline h1 {
            color: #5916c3;
            font-weight: 700;
        }



        .Tagline .h5 {
            color: #5916c3 !important;
            font-weight: 600;
        }
.big-number {
    font-size: 3rem;
    color: var(--big-numbers); line-height:3.05rem; font-weight:bold;
}
.icon-wrapper{ margin-right:1rem}
.fuentes-financiacion{padding-bottom:0px!important /*provisional*/}
.fuentes-financiacion .big-number {
    font-size: 2rem
}
.fuentes-financiacion span {
    display: block; 
}
.fuentes-financiacion .wrap-cta span {
    display: inline-block!important;
}
.crdtitle-proceso {
    font-weight: 600;
    line-height: normal;
}
.card-procesos{ text-align:left;}
    .card-procesos .wrap-cta{ padding:0}
    .wrap-content-fuente {
        display: flex
    }
    .wrap-content-fuente .icon-sectores {
        width:20%; padding:1rem
    }
    .wrap-content-fuente .card-subtitle-container {
        padding: 1rem 1rem 0 1rem
    }
.fuentes-financiacion .desc-data{ padding:1rem}
.fuentes-financiacion .desc-data span {
    display: block
}
.fuentes-financiacion .ic-data {
    width:15%!important
}
.fuentes-financiacion .big-number{font-size:2rem!important}
.fuentes-financiacion .label{font-weight:600}
.wrap-datos-proy { display:flex; flex-direction:column; border-top:1px solid #ccc; padding-top:1rem}
.wrap-datos-proy .desc-data{}
.proyects-highlighted .wrap-icon img {
    width: 120px!important;
    height:120px;
}
.proyects-highlighted .executeV{ font-weight:400; margin-bottom:.7rem}
.proyects-highlighted .wrap-btn .btn { display:flex
}
/*ico*/
.icohonduras {
    text-align: left;
    border-bottom: 2px solid #88CDDE;
    width: 73px;
    margin-bottom: 8px;
}
.highlightedMSG {
    background-color: #F9F5EE;
}
/*1.4.4*/
#miDiv {
    display: none; /* Inicialmente oculto */
    padding: 8px;
    background-color: #fffaf3;
    text-align: center;
    font-size: 11px;
    position: absolute;
    width: 250px;
    border-radius: 6px;
    left: 42%;
    top: 0%;
    z-index: 3;
}
.arrow-clip {
    -webkit-animation: pulsate-bck 0.5s ease-in-out infinite both;
    animation: pulsate-bck 0.5s ease-in-out infinite both;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #FF9E22;
    text-align:center; display:block; margin:0 auto;
}

.fuentes-data{ font-size:.75em}
.control-switch {
    display: flex;
    justify-content: end;
    align-items: center
}
    .control-switch .form-check {
        border: 1px solid #003876;
        padding: .5rem 2rem;
        border-radius: .5rem;
    }
.hint-help {
    background-color: #fffaf3;
    border: 1px solid #ffddb0;
    padding: 1rem;
    margin: 1rem;
    border-radius: 6px;
    align-items: center;
    font-size: .8em
}
.wrap-hint-section {
    display: flex;
    flex-direction: row;
    align-items:center;
}
.wrap-icon-hint {
    width: 60px;
    margin-right: 1rem;
    color: #ff9e22;
    text-align: center;
    margin-right:1rem;
}
.banner-main-desc p, .banner-main-desc .h5 {
    color: #fff;
}

.qGasto {
    padding: 0.5rem 0rem;
    color: #61C3DB;
}

.flickity-page-dots .dot {
    background: #5916c3;
}

    .flickity-page-dots .dot.is-selected {
        background: #dddddd;
    }
.frame-slider{ background-color:#fff; border-radius:1.3rem 1.3rem 0 0; margin-top:-9rem; padding-top:4rem}
.welcome {
    background: #004884 url(../img/default_XL.webp) no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 8rem;
    padding-bottom: 8rem
}
.welcome::before{ content:''; position: absolute; top: 0;left:0; right:0; bottom:0; background-color:rgba(0,0,0,.5)}
.welcome *{
    color: #fff
}
.highlightedMSG {
    /*background: url(../img/bg-buiding.jpg) no-repeat; background-size:cover;*/
}
.welcome .btn-outlined {
    border-color:#fff!important;
    color:#fff!important;
}
.welcome .btn-outlined span {
    border-color: #fff !important;
    color: #fff !important;
}

.disclaimer-link {
    border-top: 1px solid #707070; padding:1rem 1rem 0 1rem; position:relative; text-align:center; color:#fff;
}
    .disclaimer-link a {
        color:#FFB533;
    }
.proyect-data {
    display: flex;
    flex-direction: row; font-size:.7rem; gap:1rem; 
}
    .proyect-data .number-proyecto{ font-weight:700; display:block}
    .proyect-data * {
        color: #000 !important
    }
.wrap-data-proyect {
    border-radius: .9rem;
    padding: .2rem .5rem;
    border: 1px solid #ccc;
}
@media (max-width: 767.98px) {
    .map-link{ padding:2em!important;}
    .map-link:before {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .card-procesos {display:flex; flex-direction:row; align-items:center}
        .card-procesos .wrap-cta {
            width: 20%;
            background-color: #DAE6F6;
            height:100%;
            display:flex; align-items:center;
             border-radius:4px;
        }
        .card-procesos .wrap-cta span {
            display:none
        }
    .suggestions .card {
        flex-direction: column;
        max-width: 100%;
        padding: 1rem;
        align-items: start;
        margin-bottom: 15px
    }
    .flickity-dots-absolute .flickity-page-dots {
        bottom: 6rem
    }
    .location-card .carousel-cell{width:60%!important}
    .location-card .carousel-cell .card-body * {
        /*font-size: .65em*/
    }
    .wrap-desc-comuna{ flex-direction:column}
    .proyect-data {
        display: flex;
        flex-direction: row
    }
    
    .intro-btns {
        margin: 2rem auto;
        text-align: center
    }

    .wrap-btn .btn {
        margin: 0 auto !important
    }

    .section-heading {
        text-align: center !important
    }

    .Tagline {
        line-height: normal
    }

    .Tagline2 {
        font-size: .8em
    }
    .Tagline .h3 {
        font-size:.8rem
    }

    .card-entidad {
        /*margin-bottom: 25px*/
    }

    h1, .h1 {
        font-size: 1.5rem;
    }

    h2, .h2 {
        font-size: 1.4rem;
    }

    h3, .h3 {
        font-size: 1.3rem;
    }

    h4, .h4 {
        font-size: 1.2rem;
    }

    h5, .h5 {
        font-size: 1.1rem;
    }
}

/* === 2. Components === */
/* 2.1 Accordion */
.accordion {
    color: var(--text-secondary);
    margin-bottom: -1.25rem;
}

.accordion-col {
    margin-bottom: 1.25rem;
}

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

.accordion-item {
    display: block;
    border-radius: var(--el-border-radius);
    overflow: hidden;
    margin-bottom: 1rem;
}

    .accordion-item.active .accordion-trigger::before {
        transform: rotate(0);
    }

.accordion-trigger {
    position: relative;
    cursor: pointer;
    padding: 1rem 3.125rem 1rem 1.25rem;
    color: var(--btn-primary-color);
    line-height: 1.2;
    display:flex;
    align-items:center;
}
    .accordion-trigger:hover {
        background-color: #F8F8F8
    }

    .accordion-trigger::after, .accordion-trigger::before {
        content: "";
        position: absolute;
        right: 1.25rem;
        top: 50%;
        width: 0.875rem;
        height: 2px;
        background-color: var(--btn-primary-color);
        margin-top: -1px;
        transition: all 0.3s;
    }

    .accordion-trigger::before {
        transform: rotate(90deg);
    }
.accordion-item:first-of-type, .accordion-item:last-of-type{
    border-radius: var(--el-border-radius);
}

.accordion-content {
    display: none;
    padding: 1.25rem;
    border-top: 1px solid var(--border-color);
}

/* 2.2 Alerts */
.alerts {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    padding-left: 15px;
    z-index: 300000;
}

    .alerts.alerts-static {
        position: relative;
        right: 0;
        bottom: 0;
        padding: 0;
        z-index: 0;
    }

        .alerts.alerts-static .alert {
            margin-left: 0;
        }

.alert {
    position: relative;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: flex-start;
    border-radius: var(--el-border-radius-min);
    color: var(--text-primary);
    font-size: 1rem;
    margin-bottom: 0.625rem;
    overflow: hidden;
    line-height: .8em
}

.alertCont {
    position: relative;
    padding: 0.75rem 1rem;
    align-items: flex-start;
    border-radius: var(--el-border-radius-min);
    color: var(--text-primary);
    font-size: 0.8rem;
    text-align: center;
    margin: 1.5rem 0;
    overflow: hidden;
}

.alert::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--alert-primary);
    opacity: 0.1;
    z-index: -1;
}

.alert a {
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 600;
}

    .alert a a {
        color: var(--text-primary);
    }

    .alert a:hover {
        text-decoration: underline;
    }

.alert .alert-ico {
    color: var(--alert-primary);
}

.alert:last-child {
    margin-bottom: 0;
}

.alert.alert-success::after {
    background-color: var(--alert-success);
}

.alert.alert-success .alert-ico {
    color: var(--alert-success);
}

.alert.alert-danger::after {
    background-color: var(--alert-danger);
}

.alert.alert-danger .alert-ico {
    color: var(--alert-danger);
}

.alert.alert-warning::after {
    background-color: var(--alert-warning);
}

.alert.alert-warning .alert-ico {
    color: var(--alert-warning);
}

.alert-text {
    line-height: 1.375rem;
}

.alert-ico {
    display: flex;
    align-items: center;
    margin-right: 0.625rem;
}

.alert-close {
    position: absolute;
    right: 0.375rem;
    top: 0.375rem;
    padding: 0;
    border: none;
    background-color: transparent;
    line-height: 1;
    cursor: pointer;
    color: var(--text-primary);
    outline: none;
    opacity: 0.6;
    transition: all 0.25s;
}

    .alert-close:focus {
        outline: none;
    }

    .alert-close:hover {
        opacity: 1;
        transform: rotate(90deg);
    }

.alert-title {
    margin-bottom: 0.625rem;
    margin-left: 1rem;
}

/* 2.3 Breadcrumb */
.closeSesion {
    border: 1px solid #ccc;
    padding: .75em;
    margin: 15px 0px;
    border-radius: 6px
}

    .closeSesion a {
        display: block;
    }

    .closeSesion:hover {
        font-weight: 700
    }

    .closeSesion i {
        vertical-align: middle
    }

.bread-crumbs {
    position: relative;
    padding: 1.125rem 0;
    /*background-color: var(--primary-bg-color);*/
    color: var(--primary-bg-color);
}

.black-text .bread-crumbs-list li a, .black-text .bread-crumbs-list li {
    color: #000 !important
}

    .black-text .bread-crumbs-list li a {
        text-decoration: underline;
    }

.bread-crumbs-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-size: .7rem;
    overflow: hidden;
    color: var(--primary-bg-color);
}

    .bread-crumbs-list li {
        position: relative;
        margin-right: 2rem;
        white-space: nowrap;
    }

        .bread-crumbs-list li:last-child {
            margin-right: 0;
        }

            .bread-crumbs-list li:last-child a {
                pointer-events: none;
                cursor: text;
            }

                .bread-crumbs-list li:last-child a:hover {
                    text-decoration: none;
                }

            .bread-crumbs-list li:last-child i {
                display: none;
            }

        .bread-crumbs-list li a {
            text-decoration: none;
            color: #003876;
        }

            .bread-crumbs-list li a:hover {
                text-decoration: underline;
            }

        .bread-crumbs-list li i {
            position: absolute;
            top: 50%;
            right: -1.5625rem;
            margin-top: -0.5625rem;
            color: #003876;
        }

/* 2.4 Buttons */
navbar-brand
.wrap-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0;
}

    .wrap-btn .btn {
        display: block;
        margin: 0;
        font-weight: 700;
    }

.btn-cards {
    border: none;
    /*background: #1997BE !important;*/
    padding: 15px !important;
}

    .btn-cards span {
        font-weight: 600;
    }

.btn-outlined {
    display: inline-block;
    background: none !important;
    border: 2px solid var(--btn-primary-color) !important;
    color: var(--btn-primary-color) !important;

}
    .btn-outlined:hover {
        border-color: #fff !important;
    }
    .btn-outlined i {
        color: #E0223E !important;
        vertical-align: middle !important;
    }
    .btn-outlined a, .btn-outlined a:hover {
        color: #000;
        font-weight: 600;
        
    }

    .btn-outlined span {
        color: #000
    }

.btn {
    /*--ripple-width: 100%;
    --ripple-time: 0.4s;*/
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--font-family), sans-serif;
    color: #fff;
    fill: var(--primary-color);
    background: var(--btn-primary-color);
    text-decoration: none;
    padding: 1.3em;
    border-radius: var(--el-border-radius-min);
    outline: none;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: all var(--ripple-time);
    border-radius: var(--el-border-radius);
    box-shadow: 0 4px 6px rgba(232,35,63,.2);
}

.btnOut {
    --ripple-width: 100%;
    --ripple-time: 0.4s;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    font-weight: var(--font-weight);
    font-family: var(--font-family), sans-serif;
    color: var(--el-gradient2);
    fill: var(--primary-color);
    text-decoration: none;
    padding: 1rem 2rem;
    border-radius: var(--el-border-radius-min);
    outline: none;
    border: 1px solid var(--el-gradient2);
    cursor: pointer;
    overflow: hidden;
    transition: all var(--ripple-time);
}


.btnVideo {
    --ripple-width: 100%;
    --ripple-time: 0.4s;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    font-weight: var(--font-weight);
    font-family: var(--font-family), sans-serif;
    color: var(--primary-color);
    fill: var(--primary-color);
    background: var(--el-gradient2);
    background: linear-gradient(to right, var(--el-gradient1) 0%, var(--el-gradient2) 100%);
    text-decoration: none;
    padding: 0.75em 1.75em;
    border-radius: var(--el-border-radius);
    outline: none;
    border: none;
    cursor: pointer;
    overflow: hidden;
    transition: all var(--ripple-time);
}

.btn > i, .btn > span, .btn > svg {
    position: relative;
    z-index: 1; vertical-align:middle
}


.btn .el-ripple-circle {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    /*background: var(--el-gradient1);*/
    transform: translate(-50%, -50%);
    transition: width var(--ripple-time), padding-top var(--ripple-time);
    z-index: 0;
}

.btn.btn-w240 {
    width: 15rem;
}

.btn.btn-wide {
    display: block;
    width: 100%;
}

.btn.btn-small {
    font-size: 0.875rem;
}

    .btn.btn-small.btn-with-icon > svg {
        width: 0.8125rem;
        height: 0.8125rem;
    }

.btn.btn-large {
    font-size: 1.125rem;
}

    .btn.btn-large.btn-with-icon > svg {
        width: 1rem;
        height: 1rem;
    }

.btn.btn-border {
    background: transparent;
    color: var(--text-primary);
    fill: var(--text-primary);
}

    .btn.btn-border:hover {
        background: none;
    }

    .btn.btn-border::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 1px solid var(--text-primary);
        border-radius: var(--el-border-radius-min);
        overflow: hidden;
    }

    .btn.btn-border .el-ripple-circle {
        background: var(--text-primary);
    }

.btn.btn-with-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .btn.btn-with-icon > svg {
        width: 0.875rem;
        height: 0.875rem;
    }

    .btn.btn-with-icon .btn-icon-right {
        margin-left: 0.5rem;
    }

    .btn.btn-with-icon .btn-icon-left {
        margin-right: 0.5rem;
    }

.btn:focus {
    outline: none;
}

.btn:hover {
    color: var(--primary-color);
    fill: var(--primary-color);
    background: var(--btn-primary-hover);
}

    .btn:hover .el-ripple-circle {
        width: calc(var(--ripple-width) * 2.25);
        padding-top: calc(var(--ripple-width) * 2.25);
        background: #235B74;
    }

.btn-light {
    color: #000;
    border-color: #f8f9fa;
    background: #fff;
    font-weight: 600;
}

    .btn-light:hover {
        color: #000;
    }

.btnback {
    font-size: 0.8rem;
    cursor: pointer;
    border: 1px solid #f3f3f3;
    color: #003876;
    background-color: #fff;
    font-weight:700;
    margin-bottom:.5rem;
    padding: 1rem 1.3rem;
}

    .btnback i {
        float: left;
    }

.ripple {
    position: relative;
    overflow: hidden;
}

.ripple-effect {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    animation: ripple 1s ease forwards;
    z-index: 3;
}

@keyframes ripple {
    0% {
        transform: none;
    }

    100% {
        transform: scale(250);
    }
}

.hl-list li.active > .hover-link {
    pointer-events: none;
}

    .hl-list li.active > .hover-link > span {
        transform: translateY(100%);
    }

    .hl-list li.active > .hover-link::after {
        transform: translateY(0);
    }

.hl-list li.open > .hover-link > span {
    transform: translateY(100%);
}

.hl-list li.open > .hover-link::after {
    transform: translateY(0);
}

.hover-link {
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: var(--text-primary);
}

    .hover-link::after {
        content: attr(data-title);
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        transform: translateY(-100%);
        transition: all 0.4s;
        color: #61C3DB /* var(--main-color);*/
    }

    .hover-link > span {
        display: block;
        transform: translateY(0);
        transition: all 0.4s;
    }

    .hover-link:hover > span, .hover-link.active > span {
        transform: translateY(100%);
    }

    .hover-link:hover::after, .hover-link.active::after {
        transform: translateY(0);
    }

.wrapp-btn-circl-arrow {
    display: flex;
    flex-wrap: wrap;
}

.btn-circl-arrow {
    position: relative;
    display: flex;
    width: 2rem;
    height: 2rem;
    color: var(--primary-color);
    fill: var(--primary-color);
    background-color: var(--main-color);
    border-radius: 50%;
    text-align: center;
    font-size: 1rem;
    overflow: hidden;
    /*&:hover {
		width: 170px;
		padding: 0 15px;
		.btn-circl-arrow-text {
			position: relative;
			transform: translateX(0);
		}
	}*/
}

    .btn-circl-arrow:hover {
        background-color: var(--primary-bg-color);
    }

    .btn-circl-arrow > svg {
        margin: auto;
        transition: all 0.25s;
    }

    .btn-circl-arrow.btn-circl-arrow-white {
        color: var(--main-color);
        fill: var(--main-color);
        background-color: var(--primary-color);
    }

        .btn-circl-arrow.btn-circl-arrow-white:hover {
            background-color: var(--primary-bg-color);
        }

.btn-circl-arrow-text {
    position: absolute;
    transform: translateX(-100%);
    z-index: 1;
    white-space: nowrap;
    margin-right: 0.625rem;
    line-height: 2rem;
    transition: all 0.25s;
}

.wrapp-btn-link {
    display: flex;
}

.btn-link {
    display: flex;
    align-items: center;
    font-size: 1rem;
    text-decoration: none;
    color: var(--linkcolor)!important;
    background-color: transparent; box-shadow:none!important; padding-left: 0px!important; padding-right:0!important
}
    .btn-link span i.material-icons { vertical-align:middle
    }
    .botonera .btn-link a {
        padding-right: 0px !important
    }
.btn-link > svg{fill:var(--linkcolor)!important}
.btn-link .btn-link-ico {
    transition: all 0.25s;
}

.btn-link .btn-link-ico-right {
    margin-left: 0.625rem;
}

.btn-link .btn-link-ico-left {
    margin-right: 0.625rem;
}

.btn-link:hover .btn-link-ico {
    transform: rotateY(180deg);
}
.btn-link:hover{ background-color:transparent!important}

.btn-top {
    position: fixed;
    right: 32px;
    bottom: -5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--el-border-radius-min);
    border: 1px solid var(--border-color);
    background: var(--primary-color);
    z-index: 100;
    fill: var(--main-color);
    transition: all 0.25s;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    padding-top: 5px;
    text-align: center
}

    .btn-top i {
    }


.banner-main-title h1, .banner-main-title h5 {
    /*color: #E0223E !important*/
}
.banner-main-section .banner-main-title h1 {
    color: #fff !important;
}
.actions-links {
    padding: 15px 0px; display:flex; flex-direction:column; gap:1rem
}

    .actions-links .badge{white-space:normal}
    .btn-top.active {
        opacity: 1;
        visibility: visible;
        bottom: 100px;
    }

.btn-top:hover {
    border-color: var(--main-color);
    fill: var(--main-color);
}

.btn-top > svg {
    width: 0.875rem;
    height: 0.625rem;
    margin: auto;
    transform: rotate(-90deg);
}

.btn-sesionHome {
    border: none;
    margin-right: 36px;
    font-weight: 600;
}

    .btn-sesionHome:hover {
        text-decoration: underline;
        color: #54A9D5;
        transition: all 0.25s;
    }

/* 2.5 Carusel */

/*MAIN CARRUSEL*/
.carousel-cell {
    width: 100%;
    height: 450px;
    margin-right: 10px;
    border-radius: 5px;
}
.wrap-content-gen .carousel-cell {
    width: 100%;
    height: 300px;
    margin-right: 10px;
    border-radius: 5px;
}
/* cell number */
.carousel-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
}

.carousel-nav .carousel-cell {
    height: 65px;
    width: 20%;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom:15px;
}

    .carousel-nav .carousel-cell:before {
        font-size: 50px;
        line-height: 80px;
    }

    .carousel-nav .carousel-cell.is-nav-selected {
        background: #32C5D2; font-weight:700;
    }
    .carousel-nav .carousel-cell.is-nav-selected .h4 {
        font-weight:700; color:#fff;
    }
.wrap-cell-container{height:100%}
.wrap-cell-container h2{ color:#000;}
.wrap-thumbnail {
    padding: .5rem 1rem;
    text-align: center;
}
/*.carousel-nav .carousel-cell.is-selected::after {
    position: absolute;
    bottom: -15px;
    background-color: transparent;
    width: 0;
    height: 0;
    border-left: 15px solid aliceblue;
    border-right: 15px solid aliceblue;
    border-top: 15px solid #32C5D2;
    z-index: 2;
    content: "";
    left: 45%;
}*/
.desc-slide{margin-bottom:1rem;}
.wrap-cta{padding: 1rem 0}
.flickity-page-dots {
    position: relative;
    bottom: inherit;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: -0.625rem;
}

    .flickity-page-dots .dot {
        position: relative;
        width: 0.875rem;
        height: 0.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
        background: transparent;
        opacity: 1;
        margin: 0 1.125rem 0.625rem 0;
    }

        .flickity-page-dots .dot:last-child {
            margin-right: 0;
        }

        .flickity-page-dots .dot.is-selected::after {
            background-color: var(--main-color);
            width: 100%;
            height: 100%;
        }

        .flickity-page-dots .dot:hover::after {
            background-color: var(--main-color);
        }

        .flickity-page-dots .dot::after {
            content: "";
            width: 0.625rem;
            height: 0.625rem;
            background-color: var(--text-primary);
            margin: 0;
            border-radius: 50%;
            outline: none;
            transition: all 0.25s;
        }

.flickity-dots-white .flickity-page-dots .dot::after {
    background-color: var(--primary-color);
}

.flickity-dots-white .flickity-page-dots .dot.is-selected::after {
    background-color: var(--main-color);
}

.flickity-prev-next-button {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--el-border-radius);
    background: var(--primary-color);
    border: 1px solid var(--border-color);
    display: flex;
}

    .flickity-prev-next-button .flickity-button-icon {
        position: relative;
        left: 0;
        top: 0;
        width: 0.8125rem;
        height: 0.8125rem;
        margin: auto;
        fill: #fff;
    }

.ios .flickity-prev-next-button .flickity-button-icon {
    width: 1.125rem;
    height: 1.125rem;
}

.carusel-col {
    padding: 0;
    margin-right: 30px;
}

    .carusel-col:last-child {
        margin-right: 0;
    }

.flickity-dots-absolute .flickity-page-dots {
    position: absolute;
    bottom: 8rem;
}

.project-carusel {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

    .project-carusel .flickity-prev-next-button.previous {
        left: -2.25rem;
    }

    .project-carusel .flickity-prev-next-button.next {
        right: -2.25rem;
    }
.wrap-head {
    width: 100%;
    position: relative; height:100px;
}

/*backgrounds*/
.bg-s1, .bg-s2, .bg-s3, .bg-s4{background-position: bottom right; background-repeat:no-repeat; background-size:contain}
.bg-s1{background-image:url(../img/bg-s1.png)}
.bg-s2 {
    background-image: url(../img/bg-s2.png)
}
.bg-s3 {
    background-image: url(../img/bg-s3.png)
}
.bg-s4 {
    background-image: url(../img/bg-s4.png)
}

/*content-sectores*/
.carousel-cell .CTASectores{ display:flex; height:100%!important }

.carousel-cell .CTASectores .icon-sectores {
    width: 20%;
    background-color: #004775; align-items:center; display:flex; justify-content:center; text-align:center;
}
.icon-sectores img {
    max-width: 90%;
    height: auto;
}
#divContentSectores .icon-sectores{
padding:10px 5px 5px 10px ;
}
#divContentSectores .icon-sectores img {
    max-width: 80%!important;
    height: auto; vertical-align:middle;
}
.carousel-cell .CTASectores .card-content-container {
    width: 80%;
    display: block;
    text-align: left;
    padding: .5rem
}
    .carousel-cell .CTASectores .SbtBigNumber {
        font-size:1.2rem; font-weight:700
    }
    .carousel-cell .card-procesos .SbtBigNumber{ font-weight:700; font-size:2em}
.carousel-cell .CTASectores .btn, .carousel-cell .card-procesos .btn {
    padding: 0px;
    display: flex
}

/* 2.6 Forms */
*::-webkit-input-placeholder,
*::placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="url"],
textarea,
select {
    display: block;
    font-size: 1rem;
    font-family: var(--font-family), sans-serif;
    font-weight: var(--font-weight);
    width: 100%;
    padding: calc(0.75em - 1px) 1rem;
    margin-bottom: 1rem;
    border-radius: var(--el-border-radius-min);
    border: 1px solid var(--border-color);
    background-color: transparent;
    outline: none;
    color: var(--text-primary);
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.25s;
}
.whiteSearch input[type="search"] {
    padding: calc(1em - 1px) 1rem;
}
.whiteSearch .form-field-label{ top:10px}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    border-color: var(--main-color);
}

textarea {
    height: auto;
    resize: none;
}

.select {
    position: relative;
}

    .select select {
        padding-right: 2rem;
    }

    .select::after {
        content: "";
        position: absolute;
        right: 0.8rem;
        top: 50%;
        margin-top: -0.125rem;
        border: 0.3125rem solid transparent;
        pointer-events: none;
        border-top: 0.375rem solid var(--text-primary);
    }

.select-pnd {
    font-size: 1rem;
    /*color: var(--main-color);*/
    background: #fff;
    border: 1px #54A9D5 solid;
    font-weight: 600;
    margin-top: 8px;
}

.contentselect-pnd i {
    position: absolute;
    right: 30px;
    top: calc(70% - 14px);
    width: 1rem;
    height: 1rem;
    display: block;
    border-left: 2px solid var(--main-color);
    border-bottom: 2px solid var(--main-color);
    transform: rotate(-45deg); /* Giramos el cuadrado */
    transition: all 0.25s ease;
}

.form-field {
    position: relative;
    margin-bottom: 1.25rem;
}

    .form-field input[type="text"],
    .form-field input[type="email"],
    .form-field input[type="tel"],
    .form-field input[type="password"],
    .form-field input[type="number"],
    .form-field input[type="search"],
    .form-field input[type="url"],
    .form-field textarea,
    .form-field select,
    .form-field .form-field-label {
        margin: 0;
    }

    .form-field.form-field-m0 {
        margin: 0;
    }

    .form-field.focus .form-field-label {
        opacity: 0;
        visibility: hidden;
        transform: translateX(1rem);
    }

    .form-field label.error {
        position: absolute;
        right: 0.3125rem;
        top: 0.3125rem;
        color: var(--error-color);
        font-size: 0.75rem;
        line-height: 1;
    }

    .form-field input.error,
    .form-field textarea.error,
    .form-field select.error {
        border-color: var(--error-color);
    }

    .form-field.form-field-large input[type="text"],
    .form-field.form-field-large input[type="email"],
    .form-field.form-field-large input[type="tel"],
    .form-field.form-field-large input[type="password"],
    .form-field.form-field-large input[type="number"],
    .form-field.form-field-large input[type="search"],
    .form-field.form-field-large input[type="url"],
    .form-field.form-field-large textarea,
    .form-field.form-field-large select,
    .form-field.form-field-large .form-field-label {
        font-size: 1.125rem;
    }

    .form-field.form-field-small input[type="text"],
    .form-field.form-field-small input[type="email"],
    .form-field.form-field-small input[type="tel"],
    .form-field.form-field-small input[type="password"],
    .form-field.form-field-small input[type="number"],
    .form-field.form-field-small input[type="search"],
    .form-field.form-field-small input[type="url"],
    .form-field.form-field-small textarea,
    .form-field.form-field-small select,
    .form-field.form-field-small .form-field-label {
        font-size: 0.875rem;
    }

    .form-field.form-field-small .select::after {
        border-width: 0.25rem;
        border-top-width: 0.3125rem;
        margin-top: -0.125rem;
    }

    .form-field small {
        color: var(--text-secondary);
    }

.input-states-labelled {
    display: block;
    line-height: 1;
}

.form-field-group {
    position: relative;
}

    .form-field-group.focus .form-field-label {
        opacity: 0;
        visibility: hidden;
        transform: translateX(1rem);
    }

.required {
    color: #000;
}
.required::after{content:"*";}

.form-field-label {
    font-size: 0.8rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    color: var(--placeholder-color);
    padding: calc(1.1em - 1px) 1rem;
    transition: all 0.2s;
    border: 1px solid transparent;
    opacity: 1;
    visibility: visible;
    transform: none;
    padding-left: 15px;
    /*background: url(../img/svg-icons/icon-search.svg) no-repeat 10px;*/
}
.search-page-form label.form-field-label { font-weight:400
}
.form-btn {
    display: flex;
}

    .form-btn.form-btn-wide .btn {
        width: 100%;
    }

    .form-btn .btn {
        display: block;
    }

.custom-controls {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5rem;
    margin-bottom: -1rem;
}

.custom-control {
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}

/* Begin checkbox */
.checkbox {
    position: relative;
}

.checkbox-input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

    .checkbox-input:hover + .checkbox-label .checkbox-ico {
        border-color: var(--main-color);
    }

    .checkbox-input:checked + .checkbox-label::after {
        opacity: 1;
    }

.checkbox-label {
    position: relative;
    line-height: 1.25rem;
    font-weight: var(--font-weight);
    margin: 0;
    font-size: 1rem;
    cursor: pointer;
    padding-left: 1.875rem;
}

    .checkbox-label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        width: 1.25rem;
        height: 1.25rem;
        min-width: 1.25rem;
        border: 1px solid var(--border-color);
        fill: var(--main-color);
        color: var(--main-color);
        border-radius: 0.25rem;
        transition: all 0.25s;
    }

    .checkbox-label::after {
        content: "✔";
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        font-size: 0.875rem;
        width: 1.25rem;
        height: 1.25rem;
        line-height: 1.375rem;
        color: var(--main-color);
        opacity: 0;
        transition: all 0.25s;
    }

/* End checkbox */
/* Begin radio */
.radio {
    position: relative;
}

.radio-input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

    .radio-input:hover + .radio-label::before {
        border-color: var(--main-color);
    }

    .radio-input:checked + .radio-label::after {
        opacity: 1;
    }

    .radio-input:checked + .radio-label::before {
        border-color: var(--main-color);
    }

.radio-label {
    position: relative;
    line-height: 1.25rem;
    font-weight: var(--font-weight);
    margin: 0;
    font-size: 1rem;
    display: flex;
    padding-left: 1.875rem;
    cursor: pointer;
}

    .radio-label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        width: 1.25rem;
        height: 1.25rem;
        min-width: 1.25rem;
        border: 1px solid var(--border-color);
        border-radius: 50%;
        fill: var(--main-color);
        color: var(--main-color);
        transition: all 0.25s;
    }

    .radio-label::after {
        content: "";
        position: absolute;
        left: 0.3125rem;
        top: 0.3125rem;
        width: 0.625rem;
        height: 0.625rem;
        background-color: var(--main-color);
        border-radius: 50%;
        opacity: 0;
        transition: all 0.25s;
    }

/* End radio */
.form-center {
    max-width: 31.25rem;
    margin-left: auto;
    margin-right: auto;
}

.form-or-text {
    text-transform: uppercase;
    text-align: center;
    margin: 1.5rem 0;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
    color: var(--text-secondary);
}

    .form-or-text span {
        position: relative;
        z-index: 1;
        padding: 0 0.625rem;
        background-color: var(--primary-color);
    }

        .form-or-text span::after {
            content: "";
            position: absolute;
            right: 100%;
            top: 50%;
            width: 62.5rem;
            height: 1px;
            margin-top: -1px;
            background-color: var(--border-color);
        }

        .form-or-text span::before {
            content: "";
            position: absolute;
            left: 100%;
            top: 50%;
            width: 62.5rem;
            height: 1px;
            margin-top: -1px;
            background-color: var(--border-color);
        }

.social-login {
    list-style: none;
    margin: 0 0 -1rem -1rem;
    padding: 0;
    display: flex;
    font-size: 1rem;
    width: 100%;
}

    .social-login.social-login-wide {
        display: block;
    }

    .social-login li {
        margin: 0 0 1rem 1rem;
        width: 100%;
        border-radius: var(--el-border-radius-min);
        overflow: hidden;
    }

        .social-login li a {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-color);
            fill: var(--primary-color);
            font-size: 1rem;
            padding: calc(0.95em - 1px) 1rem;
            text-decoration: none;
        }

            .social-login li a svg {
                width: 1rem;
                height: 1rem;
                margin-right: 0.625rem;
            }

            .social-login li a.link-google-plus svg {
                width: 1.375rem;
                height: 1.375rem;
            }

.link-facebook {
    background-color: #29487d;
}

    .link-facebook:hover {
        background-color: rgba(41, 72, 125, 0.8);
    }

.link-twitter {
    background-color: #1da1f2;
}

    .link-twitter:hover {
        background-color: rgba(29, 161, 242, 0.8);
    }

.link-google-plus {
    background-color: #e85858;
}

    .link-google-plus:hover {
        background-color: rgba(232, 88, 88, 0.8);
    }

.section-subscribe-bg {
    min-height: 21.875rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.section-subscribe-bg-header {
    text-align: center;
    max-width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
}

/* 2.7 Icons */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
}

    .material-icons.material-icons-outlined {
        font-family: 'Material Icons Outlined';
    }

    .material-icons.md-18 {
        font-size: 1.125rem;
        width: 1.125rem;
        height: 1.125rem;
    }

    .material-icons.md-20 {
        font-size: 1.25rem;
        width: 1.25rem;
        height: 1.25rem;
    }

    .material-icons.md-22 {
        font-size: 1.375rem;
        width: 1.375rem;
        height: 1.375rem;
    }

    .material-icons.md-24 {
        font-size: 1.5rem;
        width: 1.5rem;
        height: 1.5rem;
    }

    .material-icons.md-26 {
        font-size: 1.625rem;
        width: 1.625rem;
        height: 1.625rem;
    }

    .material-icons.md-28 {
        font-size: 1.75rem;
        width: 1.75rem;
        height: 1.75rem;
    }

    .material-icons.md-32 {
        font-size: 1.5rem;
        width: 1.5rem;
        height: 1.5rem;
    }

    .material-icons.md-36 {
        font-size: 2.25rem;
        width: 2.25rem;
        height: 2.25rem;
    }

    .material-icons.md-40 {
        font-size: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }

    .material-icons.md-48 {
        font-size: 3rem;
        width: 3rem;
        height: 3rem;
        color: #E0223E;
    }

    .material-icons.md-60 {
        font-size: 3.75rem;
        width: 3.875rem;
        height: 3.75rem;
    }

    .material-icons.md-72 {
        font-size: 4.5rem;
        width: 4.5rem;
        height: 4.5rem;
    }

/* 2.8 Pagination */
.pagination {
    display: flex;
    justify-content: center;
    padding-top: 0.625rem;
}

.pagination-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    margin-left: -0.625rem;
}

    .pagination-list li {
        margin-left: 0.625rem;
    }

        .pagination-list li:hover a, .pagination-list li.active a {
            color: var(--main-color);
            border-color: var(--main-color);
        }

        .pagination-list li.active a {
            cursor: default;
            pointer-events: none;
        }

        .pagination-list li.pagination-item-arrow a {
            color: var(--main-color);
            border-color: transparent;
            width: 1.5rem;
            height: 1.5rem;
        }

        .pagination-list li.pagination-item-arrow:hover a {
            color: var(--text-primary);
        }

        .pagination-list li.pagination-item-disabled a {
            color: var(--text-secondary);
            pointer-events: none;
        }

        .pagination-list li.pagination-item-disabled:hover a {
            color: var(--text-secondary);
        }

        .pagination-list li a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.1875rem;
            height: 2.1875rem;
            color: var(--text-secondary);
            text-decoration: none;
            border: 1px solid var(--border-color);
            border-radius: var(--el-border-radius-min);
        }

@media only screen and (max-width: 480px) {
    .pagination-full .pagination-list {
        padding-bottom: 2.2rem;
    }

    .pagination-full .pagination-item-arrow {
        position: absolute;
        bottom: 0;
    }

    .pagination-full .pagination-item-arrow-prev {
        right: 50%;
        margin-right: 0.625rem;
    }

    .pagination-full .pagination-item-arrow-first {
        right: 50%;
        margin-right: 2.1rem;
    }

    .pagination-full .pagination-item-arrow-next {
        left: 50%;
    }

    .pagination-full .pagination-item-arrow-last {
        left: 50%;
        margin-left: 2.1rem !important;
    }
}

/* 2.9 Popup */
.activities .col-lg-4 {
    text-align: center
}

.m1, .m2, .m3, .m4 {
    background-position: 130% 110% !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important
}

.m1 {
    background-image: url('../img/bg_linea1.svg') !important;
}

.m2 {
    background-image: url('../img/bg_linea2.svg') !important;
}

.m3 {
    background-image: url('../img/bg_linea3.svg') !important;
}

.m4 {
    background-image: url('../img/bg_linea4.svg') !important;
}

.modal {
    min-height: 50%; /*max-height: 65%*/
}

    .modal a.close-modal {
        top: 0px !important;
        right: 0px !important
    }

.close-window {
    text-align: center;
    display: block;
}

.wrap-cabecero {
    padding: 1.5rem
}

.popup_style {
    display: none;
    width: 100%;
    max-width: 28.125rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    padding: 0 1rem;
    overflow: hidden;
}

    .popup_style.popup_style_wide {
        max-width: 43.75rem;
    }

.popup {
    position: relative;
    width: 100%;
    background-color: var(--primary-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 2.5rem 2.85rem;
    margin: 0 auto;
    border-radius: var(--el-border-radius);
    overflow: hidden;
}

.open_popup {
    display: block;
}

.popup_close {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: all 0.25s;
}

    .popup_close:hover {
        transform: rotate(90deg);
        color: var(--main-color);
    }

.popup_title {
    margin-bottom: 2rem;
    text-align: center;
    font-weight: bold;
}

.сallback_popup_form .btn {
    width: 100%;
}

.popup_style_sally {
    transform: scale3d(0.5, 0.5, 1);
}

.popup_style_sandra {
    transform: scale3d(1.1, 1.1, 1);
}

.popup_style_slide_right {
    transform: translateX(300px);
}

.popup_style_slide_Left {
    transform: translateX(-300px);
}

.popup_style_slide_top {
    transform: translateY(-200px);
}

.popup_style_slide_bottom {
    transform: translateY(200px);
}

.popup_style_slide_fall {
    transform: translate(30%) translateZ(600px) rotate(10deg);
}

.popup_style_slide_3dflip_horizontal {
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
}

.popup_style_slide_3dflip_vertical {
    transform: translateZ(-250px) rotateX(89deg);
    opacity: 1;
}

.popup_visible .popup_style_sally {
    transform: scale3d(1, 1, 1);
}

.popup_visible .popup_style_sandra {
    transform: scale3d(1, 1, 1);
}

.popup_visible .popup_style_slide_right,
.popup_visible .popup_style_slide_Left {
    transform: translateX(0);
}

.popup_visible .popup_style_slide_top,
.popup_visible .popup_style_slide_bottom {
    transform: translateY(0);
}

.popup_visible .popup_style_slide_fall {
    transform: translate(0) translateZ(0) rotate(0);
}

.popup_visible .popup_style_slide_3dflip_horizontal {
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
}

.popup_visible .popup_style_slide_3dflip_vertical {
    transform: translateZ(0) rotateX(0deg);
    opacity: 1;
}

/* 2.10 Tabs */
.tabs {
    position: relative;
}

.tabs-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #0171BB;
    color: var(--text-primary);
}

.tabs-nav li {
    padding: 0.625rem 0;
    margin-right: 2.5rem;
    cursor: pointer;
    position: relative;
    transition: all 0.25s;
}

        .tabs-nav li:last-child {
            margin-right: 0;
        }

        .tabs-nav li::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -1px;
            width: 0;
            height: 2px;
            background-color: #5916c3;
            transform: translateX(-50%);
            transition: all 0.25s;
        }

        .tabs-nav li.active, .tabs-nav li:hover {
            color: var(--main-color);
        }

            .tabs-nav li.active::after, .tabs-nav li:hover::after {
                width: 100%;
            }

.tabs-item {
    display: none;
    padding-top: 2rem;
}

    .tabs-item.active {
        display: block;
    }

.tabs-vertical {
    display: flex;
    align-items: flex-start;
}

    .tabs-vertical .tabs-nav {
        display: block;
        border: none;
        width: 16rem;
        min-width: 16rem;
        border-radius: var(--el-border-radius);
        overflow: hidden;
    }

        .tabs-vertical .tabs-nav li {
            width: 100%;
            margin: 0;
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-color);
        }

            .tabs-vertical .tabs-nav li:last-child {
                border: none;
            }

            .tabs-vertical .tabs-nav li::after {
                content: none;
            }

            .tabs-vertical .tabs-nav li:hover {
                color: var(--main-color);
            }

            .tabs-vertical .tabs-nav li.active {
                background-color: var(--main-color);
                color: var(--primary-color);
            }

    .tabs-vertical .tabs-item {
        padding-top: 0;
    }

    .tabs-vertical .tabs-container {
        padding-left: 2rem;
    }

.tabs-container {
    width: 100%;
}

/* 2.11 Range slider */
.ui-slider-outer {
    position: relative;
    margin-top: 0.75rem;
    height: 0.3125rem;
    margin-bottom: 1.125rem;
    background-color: var(--primary-bg-color);
    border-radius: var(--el-border-radius);
}

    .ui-slider-outer.ui-slider-outer-min {
        margin: 0.5rem 0;
    }

        .ui-slider-outer.ui-slider-outer-min .ui-slider-handle {
            top: -0.375rem;
            margin-left: -0.5rem;
            width: 1rem;
            height: 1rem;
        }

        .ui-slider-outer.ui-slider-outer-min .ui-slider {
            left: 0.375rem;
            width: calc(100% - 1rem);
        }

.ui-slider {
    position: absolute;
    left: 0.75rem;
    height: 100%;
    width: calc(100% - 1.5rem);
    background-color: var(--primary-bg-color);
}

.ui-slider-range {
    position: absolute;
    display: block;
    height: 100%;
    background-color: var(--main-color);
    background: linear-gradient(to right, var(--el-gradient2) 0%, var(--el-gradient1) 100%);
    z-index: 1;
}

.ui-slider-handle {
    position: absolute;
    z-index: 2;
    top: -0.625rem;
    margin-left: -0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: var(--el-gradient2);
    cursor: ew-resize;
    outline: none;
}

    .ui-slider-handle:last-child {
        background-color: var(--el-gradient1);
    }

.slider-range-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*2.12 Header*/
.main-navigation-bar {
    background: rgba(41,81,166,.9);
    border-top: 1px solid #F2F2F2;
    box-shadow: rgba(33, 35, 38, 0.1) 0px -6px 17px -4px;
}
/*2.13 Graphs*/
.Pgraph {
    padding: 10px 0px;
}

/*2.14 Bar Bottoms*/

.w40 {
    width: 40%
}

.w48 {
    width: 48%
}

.pBotonera {
    /*background: var(--bkBarButtoms);*/
    border-radius: 1.5rem;
    height: 35px;
    margin-bottom: 1rem;
    padding-left: 0px !important;
    max-width: 364px;
}

#Avance .pBotonera, #GrupoGasto .pBotonera, #Presupuesto .pBotonera {
    max-width: 420px;
}

#Etapas .pBotonera, #GrupoGasto .pBotonera, #Presupuesto .pBotonera {
    max-width: 420px;
}

.pBotonera span {
    font-size: 0.8rem;
    margin-right: 1rem;
    font-weight: 600;
    padding: 8px 42px;
}


.pChart {
    /*min-height: 800px;*/
}

.group-expenditure .box {
    width:100%;
    height: auto;
    border-radius: 3px;
    margin-bottom: 1rem;
    background: linear-gradient(to right, #38b8cd 8px, #f2f2f2 0);
    box-shadow: 0 5px 5px #e4dcdc;
    padding: 1rem;
    padding-left: 35px;
}
.desc-item-expenditure{font-weight:800; font-size: .8em}

.bg-active {
    background: #d42137 !important;
}

.bg-noactive {
    background: var(--bkBarButtoms) !important;
    color: #848484;
}

    .bg-noactive:hover {
        color: #848484 !important;
    }

@media (max-width: 767.98px) {
    .pBotonera span {
        padding: 8px 15px;
    }

}

/*2.15 Overlay*/

.bgBlueOverlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(24,24,24,.7);
}
.op-80 {
    background-color: rgba(24,24,24,.8)!important
}
/*ODS*/
.odsIcons > img {
    width: 80%
}

.ContOds {
    display: flex;
}

.ODS {
    float: left;
    padding: .5rem;
}

    .ODS > img {
        width: 90%;
    }

.ODSPND > img {
    width: 71px;
}

.ODSValue > .Bignumber {
    font-size: 3rem;
}

.OdsColor1 .Bignumber {
    color: #E5243B;
}

.OdsColor2 .Bignumber {
    color: #DDA83A;
}

.OdsColor3 .Bignumber {
    color: #4C9F38;
}

.OdsColor4 .Bignumber {
    color: #C5192D;
}

.OdsColor5 .Bignumber {
    color: #FF3A21;
}

.OdsColor6 .Bignumber {
    color: #26BDE2;
}

.OdsColor7 .Bignumber {
    color: #FCC30B;
}

.OdsColor8 .Bignumber {
    color: #A21942;
}

.OdsColor9 .Bignumber {
    color: #FD6925;
}

.OdsColor10 .Bignumber {
    color: #DD1367;
}

.OdsColor11 .Bignumber {
    color: #FD9D24;
}

.OdsColor12 .Bignumber {
    color: #BF8B2E;
}

.OdsColor13 .Bignumber {
    color: #3F7E44;
}

.OdsColor15 .Bignumber {
    color: #56C02B;
}

.OdsColor16 .Bignumber {
    color: #00689D;
}

.OdsColor17 .Bignumber {
    color: #1A486A;
}

.wrap-convencion {
    padding: 25px 0px
}

    .wrap-convencion .c1, .wrap-convencion .c2 {
        width: 25px;
        padding: 0 15px;
        margin-right: 8px
    }

    .wrap-convencion .c1 {
        background-color: #4281a4
    }

    .wrap-convencion .c2 {
        background-color: #99C0D6
    }

/*2.17 contracts*/

.contratos-Data {
    text-align: center;
    background-color: #F7F9FE;
}

.card-deck-wrapper {
}

.contratos-Data .card {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    border-radius: 3px;
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center
}

.data-contrato {
    margin-bottom: 15px;
    border-bottom: 1px solid #f3f3f3;
}

    .data-contrato .h4 {
        font-weight: 600 !important;
    }


.minhCont {
    color: #DB473C;
}

.contratos-Data .card-header {
    background-color: #F9F9F9;
    border-bottom: none !important;
}

.contratos-Data .card span {
    text-transform: none !important;
    display: block;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.contratos-Data .card span {
    text-transform: none !important;
    display: block;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.data-contrato .h3 {
    font-weight: 600;
    margin-top: 0px;
}

.contratos-Data .card-header {
    font-size: 22px;
    font-weight: 600;
    padding: 15px;
}

.contratos-Data .card span {
    text-transform: none !important;
    display: block;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.totalpages {
    text-align: center;
    width: 50%;
    display: inline-block;
}

.pull-right {
    float: right !important;
    margin-left: 8px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*options*/
.triggerForm {
    padding: 15px 0px;
    text-align: center;
}

    .triggerForm .btn {
        border-radius: 5px;
        display: inline-block;
        background-color: #E0223E;
    }

    .triggerForm .btn {
        width: 100%;
    }

.contractList {
    padding: 25px;
}

.bgSoftGray {
    background-color: #EDF3F6;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

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

.form-control {
    display: block;
    width: 100%;
    /*height: 34px;*/
    padding: 6px 12px;
    font-size: 11px !important;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

input[type="search"] {
    background: #fff;
}

.triggerForm .btn-link {
    margin-top: 15px;
    color: #000;
    font-size: 11px;
    background: none;
}

/*CArds Contract*/

.whiteBg {
    background-color: #fff;
    color: #333;
}

.contractBox {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #eaeaea;
    background-color: #fff;
}

.wrap-proceso .cotractName {
    background-color: #f7b325;
    padding: 15px 0px 15px 15px;
    border-left: 3px solid #f58220;
    margin-bottom: 0px;
    /*color: #fff;*/
}
.wrap-proceso .cotractName h2 { font-size:1.6rem;
}
.related-contracts h3{/*font-size:1.4rem;*/ margin-bottom:1.5rem}
.processName, .contractNumberRP {
    padding: 1rem;
    background-color: #f1f1f1;
    word-break: break-word;
}
.wrap-proceso .card{border:1px solid #ccc!important; border-radius:var(--el-border-radius)}
#srcContratos a.btn-outlined { margin-bottom:1.5rem}
#srcContratos .card{margin-bottom:2rem}
#lblValorAsignacionPrograma {
    margin: 15px;
}

#lblEncabezadoListadoGrupos {
    text-align: center;
}

.cotractName {
    width: 100%;
}

    .cotractName .h4 {
        color: #000 !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1rem;
        margin-top: 5px;
    }

    .cotractName.contractSEFIN {
        background-color: #F5F5F5;
    }

    .cotractName.contractONCAE {
        background-color: #F5F5F5;
    }


    .cotractName .small {
        color: #000 !important
    }

.processName .h4 {
    font-size: 22px;
    font-weight: 600;
}

.wrap-head-process {
    padding: 0px;
    /*background-color: #f3f3f3;*/
    margin-bottom: 10px;
}

.contractData {
    padding: 15px 15px 0px;
}

.wrap-head-process .border-b {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 7px;
    padding-top: 7px;
}

.contractData .amount_adj {
    font-size: 14px;
    font-weight: 700;
}

/*Panel */

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-body {
    padding: 15px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-group .panel {
    /*margin-bottom: 0;*/
    border-radius: 4px;
}

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

.panel-default {
    border-color: #DED0F3;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #ECF7FB;
    border-color: #4B90B6;
}

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ddd;
        padding: 13px;
    }

.panel-group .panel-footer {
    border-top: 0;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.border-b {
    border-bottom: 1px solid #f3f3f3; padding:.7rem 0;
}

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.amount_adj {
    font-weight: 600;
    font-size: 18px;
    display: block;
    /* word-break: break-all; */
}

[role=button] {
    cursor: pointer;
}

/*Related Contracts*/
.related-contracts span.h3 {
    font-size:1.2rem;
}

    .related-contracts {
    margin-bottom: 15px;
    padding:1rem;
}

    .related-contracts span.h4 {
        display: block;
        padding-left: 15px;
        text-align: left;
        padding-top: 15px;
        font-weight: 700;
        font-size: 16px;
    }

    .related-contracts .h4 {
        padding-bottom: 15px;
    }

    .related-contracts .panel-heading {
        background-color: #f6f0ff;
        border-radius: 3px;
    }

        .related-contracts .panel-heading h4 {
            font-weight: 400;
        }

    .related-contracts .panel-title a {
        display: block;
        color: #000;
        text-decoration: underline;
    }

    .related-contracts #accordion {
        width: 100%;
        max-width: 100%;
        font-size: 12px;
    }

    .related-contracts .panel-title a:hover {
        color: #1997BE;
    }


.paginacionContratos {
    padding: 25px 0px;
    text-align: center;
}

.mainTit_t1 {
    text-shadow: 0 2px 2px 0 rgba(0,0,0,1);
    font-weight: 400;
    color: #fff;
}

.Submaintit {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
}

.details {
    margin-top: 50px;
}

.details .h6 {
    text-align: center !important;
    display: block !important;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.details li {
    margin: auto 45px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.details li h2 {
    color: #fff;
}


.details li h3 {
    color: #fff;
}

.details li h4 {
    color: #fff;
}

.details li h5 {
    color: #fff;
}

.details li h6 {
    color: #fff;
}


.details li span {
    display: block;
    text-align: center;
    font-weight: 400;
    color: #fff;
}
.banner-main .details li span {
    color: #003876;
}
.details li h6 span {
    display: inline-block; font-weight:600
}

/*2.18 Presupuesto y entidad */
/*.ico_press {
    float: left;
    margin-right: 0.5rem;
    min-height: 150px;
}*/
.Section-infograph{ display:flex; flex-direction:row; gap:1rem; align-items:center}
.white-card {
    box-shadow: var(--el-box-shadow);
    border-radius: var(--el-border-radius);
    background-color: #fff;
    margin-bottom:1rem;
}
.Section-infograph .main-icon-value{}
.b1, .b2, .b3, .b4, .b5 {
    border-left-width: 14px !important;
    border-left-style: solid !important;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.b1 {
    border-color: #B7DEA4 !important;
}

.b2 {
    border-color: #F9D596 !important;
}

.b3 {
    border-color: #CE9FC8 !important;
}


.text-dark, .text-dark .accordion, .text-dark .bread-crumbs-list, .text-dark .bread-crumbs-list li, .text-dark .bread-crumbs-list li a {
    color: #212529 !important
}

.prescontainer {
}

.presaprob {
    max-width: 476px;
    min-width: 150px;
}

.prescontainer .h2, .prescontainer .h4 {
    font-weight: 600;
}

.prescontainer-noborder {
    padding: 10px 0px;
    display: flex;
}

    .prescontainer .h1, .prescontainer-noborder .h1 {
        font-weight: 600
    }

    .prescontainer-noborder .h1 {
        font-weight: 400
    }

.prescontainer .h5 {
    font-weight: 400;
    font-size: 1rem;
}

.progesscontainer {
    border: 1px solid;
    padding: 5px;
}

.grapbar {
    margin: 34px 0px;
}

.grapbarBorder {
    margin: 32px 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid #949699;
}

.grapbarBorderL {
    border-left: 1px solid #949699;
}

.pgreen {
    color: #33c6a9 !important;
    border-color: #33c6a9;
}

.pgray {
    color: #949699;
    border-color: #949699;
    padding-bottom: 12px;
}


.bg-proexec {
    background-color: #33c6a9 !important;
    flex-direction: column;
    justify-content: center;
    color: #0E302A;
    text-align: center;
    white-space: nowrap;
    transition: width .6s ease;
    font-size: 1.5rem;
    font-weight: 700;
    padding-top: 17px;
    position: relative;
}

.bg-provig {
    background-color: #949699 !important;
}

.oldpres .h2 {
    font-size: 20px;
    font-weight: 600;
    /*color: #2E90A8 !important;*/
    margin-bottom: 2px;
}


.oldpres .h6, .oldpres .h5 {
    /*color: #2E90A8;*/
}

/*entidad*/

.presini, .presvig, .presexc {
    text-align: center;
}

    .presini .h1, .presvig .h1, .presexc .h1, .presini .h2, .presvig .h2, .presexc .h2 {
        font-weight: 600;
    }

    .presvig .h1, .presvig .h2, .presvig .h3, .presvig .h5,{
        color: #33C0D4 !important;
    }

    .presexc .h1, .presexc .h2, .presexc .h3, .presexc .h5, {
        color: #000 !important;
    }

.card-bodycntos {
    padding: 12px;
}

.card-body .h4 {
    font-weight: 600;
}


.car-header {
    background-color: #F9F9F9;
    text-align: center;
    padding: 1rem 1rem;
}

    .car-header img {
        padding-bottom: 20px;
    }

.car-content {
    text-align: center;
    padding: 1rem 1rem;
}

.ico_contra {
    float: left;
    min-height: 120px;
    margin-right: 20px;
    margin-bottom: 20px;
}

    .ico_contra img {
        margin-bottom: 20px;
    }

.info_contra {
    text-align: center;
}

    .info_contra .h2 {
        font-weight: 600
    }

.cntosusd .h6, .cntosusd .h4 {
    color: /*#6694C0;*/ #4679AC;
}


/*.cntosusd .h4{ font-weight: 600;}*/

.btn-part {
    background: #33C0D4 !important;
    padding: 8px 20px !important;
}


#divPagContratos, #divPagFichas {
    margin: 25px;
    text-align: center;
}

.pag_actual {
    padding: 10px;
    font-weight: 700;
    color: #000;
    font-size: 14px;
}

.paginaHome a {
    cursor: pointer;
    display: inline-block;
    color: #fff;
}

#page_right {
    float: right;
}

.paginacion {
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 20px;
}
#divPagDist{ display: flex; justify-content:center; align-items:center; padding:1rem}
    #divPagDist .page_left {
        color: var(--btn-primary-color);
    }
.pull-left {
    float: left !important;
}


/*Contratos entidades*/
.ProgramCards {
}

    .ProgramCards .card {
        margin-bottom: 1.2rem;
        border: 1px solid #dfdfdf !important;
        border-radius: 8px;
        background-color: #F9F9F9;
        width: 100%;
        padding: 15px;
    }

    .ProgramCards p {
        /*color: #FFF;*/
        text-align: left;
    }

.content-select {
    /*max-width: 250px;*/
    position: relative;
}

    .content-select select {
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 7px 10px;
        height: 44px;
        background: #fff;
        font-size: 1rem;
        font-weight: 800;
        color: #121212;
        border-radius: 8px;
    }

        .content-select select:hover {
            /*background: #B1E8CD;*/
        }

    .content-select i {
        position: absolute;
        right: 20px;
        top: calc(50% - 13px);
        width: 16px;
        height: 16px;
        display: block;
        border-left: 2px solid #343A40;
        border-bottom: 2px solid #343A40;
        transform: rotate(-45deg); /* Giramos el cuadrado */
        transition: all 0.25s ease;
    }

    .content-select:hover i {
        margin-top: 3px;
    }

.content-selectProceso {
    position: relative;
}

    .content-selectProceso i {
        position: absolute;
        right: 48px;
        top: calc(50% - 13px);
        width: 16px;
        height: 16px;
        display: block;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-45deg); /* Giramos el cuadrado */
        transition: all 0.25s ease;
    }

/*2.19 Contratos presupuesto*/
.asigFin {
    padding: 16px 0px;
    text-align: center;
}

.actiGas {
    padding: 16px 0px 0px 0px;
}

.switchTable {
    text-align: center;
    margin-bottom: 12px;
}

.Options {
    margin-top: 15px;
}

.vis-none {
    display: none;
}

.switchTable a.activo {
    background-color: #88CFE0 !important;
    color: #48789E;
    opacity: 1;
    border-bottom: 3px solid #48789E;
}

.switchTable a.btn {
    padding: 10px;
    margin: 0px 10px;
    text-align: center;
    color: #000;
    /*/border-bottom: 3px solid var(--secgray);*/
    opacity: .8;
    background-color: var(--secgray);
}

.txt-bold {
    font-weight: 700;
}

.comparativeTable .panel-body {
    padding: 0px;
}

.comparativeTable .panel-heading {
    /*background-color: #fff !important;*/
    color: #fff !important;
}

.text-small{ font-size: .8rem}
.wrap-list{ border-bottom: 1px solid #ccc; margin-bottom: 1rem; }
.wrap-list .badge-outlined {
    border: 1px solid #707070;
    font-size: .8rem;
    color: #000;
    clear: both;
    margin: .5rem 0;
}
.comparativeTable .labelTit, .comparativeTable .td1p {
    color: #121212;
}

.comparativeTable #tabs, .comparativeTable #tabs-2, .comparativeTable #accordion {
    width: 100% !important;
    max-width: 100%;
}

.comparativeTable .mainData {
    font-weight: bold;
    word-break: break-word;
}

.comparativeTable .nivel22 .panel-default {
    border: none;
    margin: 15px;
}

.comparativeTable .nivel22 .panel-heading {
    /*background-color: #88cfe06b !important;*/
    color: #4C88B7;
    border-bottom: 5px solid #97c1e2;
    display: flex;
}


.btnPerfil {
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    margin-top: 0px;
    text-align: center;
}
.btn-action{ width: 80px; border-left: 1px solid #636363; padding-left: 8px; text-align:left}
.btn-action a span{ line-height:11px; display: block}
.btnPerfil i {
    font-weight: 600;
    vertical-align: middle;
    color: #E0223E !important;
}
.btnPerfil *:hover {
    cursor: pointer
}
.btnPerfil a {
    display: block
}
    .btnPerfil a:hover{ cursor: pointer}
    .card-entidades-group {
    }
        .card-entidades-group .card {
            padding: 8px 10px;
            /*border: 1px solid #0171BB !important;*/
            flex-direction: row;
            margin-bottom: 15px;
            align-items: center;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .card-entidades-group .alert-warning, #divProyectosPot .alert-warning {
            padding: 2rem;
            text-align: center;
            color: #664d03;
        }

.comparativeTable .nivel22 .panel-title a, .comparativeTable .nivel22 .panel-title .labelTit, .comparativeTable .nivel22 .panel-title .td1p {
    color: #000;
}

.comparativeTable .nivel33 .panel-default {
    margin: 15px 0px 0px;
    border: 1px solid #DFE3E6;
}

.comparativeTable .nivel33 span.h6 {
    color: #000;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 15px;
    background-color: #f3f3f3;
}

.comparativeTable .list-group-item {
    background-color: transparent;
    border-width: 0 0 1px 0px;
}

.comparativeTable .nivel33 .labelTit, .comparativeTable .nivel33 .td1p {
    color: #000;
}


/*table2*/

.comparativeTableContratos .panel-body {
    padding: 0px;
}

.comparativeTableContratos .panel-heading {
    background-color: #656D78 !important;
    color: #fff !important;
}

.comparativeTableContratos .labelTit, .comparativeTableContratos .td1p, .comparativeTableContratos .td1 {
    color: #fff;
    font-weight: bold;
}

.comparativeTableContratos #tabs, .comparativeTableContratos #tabs-2, .comparativeTableContratos #accordion {
    width: 100% !important;
    max-width: 100%;
}

.comparativeTableContratos .mainData {
    font-weight: bold;
    font-size: 14px;
    padding-right: 25px;
    min-width: 50% !important;
    max-width: 30% !important;
}

.comparativeTableContratos .nivel22 .panel-default {
    border: none;
    margin: 15px;
}

.comparativeTableContratos .nivel22 .panel-heading {
    background-color: #F2F2F2 !important;
    color: #4C88B7;
    border-bottom: 4px solid #949699;
}

.comparativeTableContratos .nivel22 .panel-title a, .comparativeTableContratos .nivel22 .panel-title .labelTit, .comparativeTableContratos .nivel22 .panel-title .td1p {
    color: #000;
}

.comparativeTableContratos .nivel22 .panel-title .labelTit {
    font-size: 14px;
    color: #61C3DB;
    padding-bottom: 12px;
}

.comparativeTableContratos .nivel22 .panel-title span {
    font-weight: 600;
    padding-bottom: 8px;
}


.comparativeTableContratos .nivel33 .panel-default {
    /*margin: 15px 0px 0px;*/
    border: 1px solid #DFE3E6;
}

.comparativeTableContratos .nivel33 .panel-title a {
    font-weight: 600;
}

.comparativeTableContratos .nivel33 span.h6 {
    color: #000;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 15px;
    background-color: #f3f3f3;
}

.comparativeTableContratos .nivel33 .panel-heading {
    background-color: #fff !important;
    color: #4C88B7;
    border-bottom: none;
}

.comparativeTableContratos.list-group-item {
    background-color: transparent;
    border-width: 0 0 1px 0px;
}

.comparativeTableContratos .nivel33 .labelTit, .comparativeTableContratos .nivel33 .td1p {
    color: #000;
}

/*Tremap presupuesto*/

.panel-title a:hover {
    color: #5916c3;
    text-decoration: none;
}

.head {
    display: flex;
    flex-wrap: inherit;
    align-content: space-between;
    width: 100%;
}

.headEnt {
    display: flex;
    /*flex-wrap: wrap;*/
    align-content: space-between;
    width: 100%;
}

.headND {
    /*display: flex;*/
    flex-wrap: inherit;
    align-content: space-between;
    width: 100%;
}

.mainData {
    font-size: 14px;
    padding-right: 25px;
    min-width: 30% !important;
    max-width: 30% !important;
}

.mainDatalvl2 {
    font-size: 14px;
    padding-right: 25px;
    min-width: 60% !important;
    width: 600px;
    max-width: 60% !important;
}

.mainDataEntidad {
    font-size: 14px;
    padding-right: 25px;
    min-width: 20% !important;
    max-width: 20% !important;
}

.mainDataEntidad2 {
    /*font-size: 14px; 1.18rem;*/;
    padding-right: 36px;
    min-width: 50% !important;
    max-width: 50% !important;
    text-align: left;
}

.mainDataEntidad3 {
    /*font-size: 14px; 1.18rem;*/;
    padding-right: 36px;
    min-width: 32% !important;
    max-width: 32% !important;
    text-align: left;

}

.mainDataEntidad4 {
    /*font-size: 14px; 1.18rem;*/;
    padding-right: 36px;
    min-width: 28% !important;
    max-width: 28% !important;
    text-align: left;
}

.row-cards, .row-cards-stacked-alert {
    display: flex;
    flex-direction: row;
    justify-content: center;
}


.data0 {
    margin-right: 120px;
    min-width: 40%;
    max-width: 40%;
}

.row-cards-stacked-alert .label {
    margin-bottom: 10px;
    display: block;
}

.data2 {
    margin-right: 18px;
    min-width: 20%;
    max-width: 20%;
    text-align: left;
}


.row-cards-stacked-alert .bigNumber {
    font-size: 1.8rem;
    font-weight: 700;
}


.data1 {
    margin-right: 25px;
    min-width: 20%;
    max-width: 20%;
}

.wrap-data-contract {
    margin: 0px 15px;
}


.data1a {
    margin-right: 10px;
    min-width: 10%;
    max-width: 10%;
}

.data1b {
    margin-right: 14px;
    min-width: 14%;
    max-width: 14%;
}

.data1c {
    margin-right: 13px;
    min-width: 13%;
    max-width: 13%;
}

.summUp {
    background: #e5e5e5;
    padding: 16px;
}

    .summUp .panel-title .head .data1 .labelTit, .summUp .panel-title .head .data1 .td1 {
        color: #121212;
    }

    .summUp .panel-title .head .data1a .labelTit, .summUp .panel-title .head .data1a .td1 {
        color: #121212;
    }

.labelTit {
    font-size: 12px;
    /*font-weight: 600*/
}

.labelTit, .td1p {
    display: block;
    color: #fff;
}

.td1 {
    color: #121212;
    font-weight: 600;
    font-size: /*1.18rem;*/14px
}
.ic-wrap {
    margin-right: 15px; width:17%; text-align:center;
}
.ic-wrap2{ }
.ic-wrap2 img {
    width: 40px;
}

/*mediaquery*/



/*2.20 Partipacion*/

.cardR {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F9F9F9;
    background-clip: border-box;
    border: none !important;
    border-radius: 0.25rem;
    margin: 1rem;
}

.tParticipe {
}

.tit-section {
    text-align: center;
}

.tParticipe, .text-section {
    padding: 25px 0px;
    text-align: center;
}

.mh240 {
    min-height: 240px
}

/*2.21 proceso presupuesto*/
.row-etapa {
    padding: 15px 0px;
    border-bottom: 1px dashed #ccc;
    display: flex;
    flex-direction: row;
    clear: both
}

.wrap-stage {
    max-width: 270px;
    width: 270px;
    padding-right: 15px
}
.vis-hidden{ visibility: hidden}
.wrap-task {
    position: relative;
    max-width: 220px;
    width: 220px;
    margin-right: 15px;
    background-color: #ECF7FB;
    padding: 15px;
    border-radius: 12px;
    height: 180px;
    padding-left: 50px
}
.mainDataProyecto {
    font-size: 14px;
    padding-right: 25px;
    min-width: 60% !important;
    max-width: 60% !important;
}
    .wrap-task p, .wrap-task li {
        font-size: .8rem
    }

.entidad-related {
    font-size: .8rem;
    padding: 5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transform: rotate(-90deg) translate(-34%,-420%);
    width: 180px;
}


.BoxComFases {
    border: 1px solid #fff;
    margin-top: 10px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 6px;
}

.list-item {
    padding: 15px;
    /* background-color: #ccc; */
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}


.badgeF {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.tit-compo {
    display: block;
}

.wraptable-fase {
    padding: 10px 15px;
}

.wraptable-product {
    display: inline-block;
    width: 100%;
    background: #fff;
}

.wproductleft {
    float: left;
    padding: 10px 10px 10px 0px;
    width: 340px;
}

.wproduct {
    float: left;
    padding: 10px;
}

#divFasesComponentes .tproduct {
    font-weight: 400;
}

.tname {
    font-weight: 700;
    font-size: 12px;
}

.tpercent {
    height: 10px;
    background: #6DD900;
    margin-top: 5px;
    font-weight: 700;
}


.wraptable-fase {
    padding: 10px 15px;
}



.blue-phase {
}

    .blue-phase h3 {
        color: #0171BB
    }

    .blue-phase .entidad-related {
        background-color: #0171BB;
        color: #fff
    }

.orange-phase {
}

    .orange-phase h3 {
        color: #BF9140
    }

    .orange-phase .entidad-related {
        background-color: #BF9140;
        color: #fff
    }

.green-phase {
}

    .green-phase h3 {
        color: #6FB44E
    }

    .green-phase .entidad-related {
        background-color: #6FB44E;
        color: #fff
    }

.linked-docs .blue-card {
    padding: 25px 15px;
}

.linked-docs .h6 {
    margin-bottom: 15px
}

.linked-docs .btn-outlined {
    border: 3px solid #E0223E;
    display: block;
    margin-right: 0px
}

.linked-docs .btn * {
    color: #E0223E;
}

.linked-docs .btn:hover {
    cursor: pointer;
    background-color: #fff
}

.bg-docs {
    background-color: #f3f3f3!important;
}
.location-card{ margin-bottom: 2rem}
.location-card .carousel-cell {
    width: 25%;
    height: 330px;
}
.comuna {
    padding: 4rem 1rem;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    background-color: #3D314D;
}
    .comuna:hover {
        background-color: rgba(68,68,68,.9)
        /*background-size: 120%;
        transition: all 1s ease-out;*/
    }
    .comuna * {
        display: block;
        position: relative; color:#fff;
    }
    .comuna:before{content:""; top:0; left:0; bottom:0; right:0; background-color:rgba(68,68,68,.7); border-radius:12px; position:absolute; z-index:0; border-radius:12px}
        .comuna:before:hover {
            background-color: rgba(68,68,68,.9)
        }
    @media (max-width: 768px) {
        .mainData, .data1, .data1b, .data1c {
            max-width: 100% !important;
        }
        body{font-size:.8em}
        .Section-infograph .main-icon-value {
            width:30%;; margin-bottom: 2rem;
        }
        .wrap-head {
            height: auto!important
        }
        .flickity-page-dots {
            width: 80%!important;
            margin: 0 auto
        }
            .flickity-page-dots .dot{ margin-bottom:1rem!important}
    }




    .wrap-slide-content {
        border: 1px solid #32C5D2; border-radius:3px; margin-bottom:1rem; padding:1rem; text-align:left
    }
    .main-slider .carousel-cell {
        height: 950px;
    }
    .main-slider .carousel-nav .carousel-cell {
        height: 55px;
        margin-right: 10px;
        border-radius: 5px;
    }
    .carousel-nav .carousel-cell {
        width: 50%
    }

    .wrap-thumbnail {
        padding: .3rem .7rem; display:flex; justify-content:center
    }

        .wrap-thumbnail .h5 {
            font-size: .9rem;
            line-height: .9rem
        }
    .row-etapa {
        padding: 15px 0px;
        border-bottom: 1px dashed #ccc;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .wrap-task {
        max-width: 80%;
        width: 80%
    }

    .wrap-stage {
        max-width: 80%;
        width: 80%;
        padding: 15px 0px
    }
}


/* === 3. Bloks === */
/* 3.1 banner main */
.intro {
    /*position: relative;*/
    min-height: 31.25rem;
    z-index: 1;
}

.negative-margin {
    margin-top: -150px
}

.intro-slider,
.intro-item {
    display: block;
    min-height: 40rem;
    overflow: hidden;
}

.intro-item {
    position: relative;
    display: flex;
    padding: 3.5rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

    .intro-item .container {
        position: relative;
        z-index: 3;
    }

    .intro-item::after {
        content: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: var(--primary-color);
        opacity: 0.7;
    }

    .intro-item .section-desc {
        margin: 1.75rem 0 1.75rem 0
    }

.intro-content {
    width: 100%;
    max-width: 40.25rem;
    padding: 3.25rem;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 5px;
}

    .intro-content.intro-content-center {
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

        .intro-content.intro-content-center .intro-btns {
            justify-content: center;
        }

.intro-btns {
    /*margin-top: 2rem;*/
}

.intro-box {
    width: 100%;
    max-width: 31.25rem;
    padding: 3rem 3rem 3rem 4.375rem;
    background-color: var(--primary-color);
    border-radius: var(--el-border-radius);
    box-shadow: var(--el-box-shadow);
}

.intro-item-img-right {
    position: absolute;
    right: 0;
    width: 70%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .intro-item-img-right::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: var(--main-color);
        opacity: 0.07;
    }


@media (max-width: 1199.98px) {
    .intro-slider,
    .intro-item {
        min-height: auto;
    }

    .intro-item {
        min-height: 35rem;
    }

        .intro-item::after {
            content: "";
        }

    .intro-content {
        padding-left: 3rem;
        max-width: 28.125rem;
    }

    .intro-box {
        margin-bottom: 2rem;
    }
}

@media (max-width: 991.98px) {
    .intro-content {
        /*padding-left: 0;*/
        max-width: 25rem;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .logo.logo-ico-widht-text { /*display: none*/
    }

    .intro-content {
        padding-bottom: 0;
    }

        .intro-content .section-desc {
            color: var(--text-primary);
        }

    .intro-item::after {
        /*background-color: var(--primary-color);*/
        opacity: 0;
    }

    .intro-box {
        padding: 0;
        background: transparent;
        box-shadow: none;
        color: var(--primary-color);
    }

        .intro-box .section-desc {
            color: var(--primary-color);
        }

        .intro-box .btn.btn-border {
            color: var(--primary-color);
            fill: var(--primary-color);
        }

            .intro-box .btn.btn-border:hover {
                color: var(--primary-color);
                fill: var(--primary-color);
            }

            .intro-box .btn.btn-border::before {
                border-color: var(--primary-color);
            }

            .intro-box .btn.btn-border::after {
                background: var(--primary-color);
            }

    .intro-item-mob-dark::after {
        background-color: var(--secondary-color);
        opacity: 0.7;
    }

    .intro-item-img-right {
        width: 100%;
    }

        .intro-item-img-right::after {
            background-color: var(--secondary-color);
            opacity: 0.7;
            z-index: 2;
        }
}

@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .intro-slider,
    .intro-item {
        height: auto;
        min-height: 25rem;
    }

    .intro-content {
        margin-bottom: 2.5rem;
    }

    .intro {
        min-height: 25rem;
    }
}

/* 3.1.2 Services */

.banner-main {
    /*padding-top: 0px;
        padding-bottom: 3rem;*/
    background: #F3F3F3;
    /*background: url(../img/HeaderPage.jpg) no-repeat center;
    background-size: cover;*/
    padding: 1rem; position:relative;
}
    .banner-main * {
        color: #000 !important
    }
.sticky a.btn-section{ font-weight:600;}
.sticky a.btn-section * {
    color: var(--btn-primary-color) !important
}
.banner-main-stp {
    padding-top: 0px;
    padding-bottom: 3rem;
    /*background: linear-gradient(45deg, rgba(232,251,245,1) 0%, rgba(214,236,248,1) 100%);*/
    background: url(../img/headerBK.jpg) no-repeat center;
    background-size: cover;
}

.banner-main-asc {
    padding-top: 0px;
    padding-bottom: 3rem;
    background: #F3F3F3;
    text-align:center;
    /*background: url(../img/headerBK.jpg) no-repeat center;
    background-size: cover;*/
}

    .banner-main-asc .banner-main-info {
        text-align: center;
    }

.banner-main-info {
    padding: 2rem 0px;
    text-align: center;
}

    .banner-main-info a {
        /*color: #fff*/
    }

.banner-main-info {
    /*color: #fff*/
}

.goals-main-info {
    padding: 2rem 0px;
    text-align: left
}

.banner-main-title, .banner-main-title-blue {
    margin-bottom: 2rem
}

    .banner-main-title h2 {
        color: var( --primary-color);
    }

    .banner-main-title-blue h2 {
        color: var(--heading-font-color);
    }

.banner-main-desc h6 {
    color: var( --primary-color);
    font-weight: 600;
}

.banner-main-desc h5 {
    color: var( --primary-color);
    font-weight: 600;
}

.banner-main-desc-blue {
    color: var(--heading-font-color);
}
.banner-main-info .sub_t2_red, .banner-main-section .sub_t1_red, .banner-main-info .h6 {
    color: #fff;
}
    .banner-main-info .sub_t2_red a{color:#fff!important}
    .banner-main-info .bread-crumbs-list li a, .banner-main-section .bread-crumbs-list li a, .banner-main-section .bread-crumbs-list *, .banner-main-info .bread-crumbs-list * {
        color: #fff
    }
.banner-main-info .h6 { display:flex;}
.ic-ttip {
    color: var(--btn-primary-color);
}
.banner-main-info .h6 yearSelected {
    margin-left: 15px
}
    .navs-shortcuts {
        margin: 2rem 0;
        text-align: center;
        position: relative;
    }

    .navs-shortcuts a {
        margin: 0px 15px;
        display: inline-block;
        color: #fff;
        padding: 15px;
    }

        .navs-shortcuts a:hover {
            color: #fff;
            font-weight:800;
            border-radius: 3px;
        }
.main-home{ display:flex; justify-content:center;}
.main-home a{text-align:center; display:flex; flex-direction:column; align-items:center}
    .main-home .icon-link{height:80px; width:80px; text-align:center; border-radius:40px; background-color:#fff; margin-bottom:.7rem; display:flex; align-items:center}
.main-home .icon-link img{margin:0 auto}
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        right: 0px;
        left: 0px
    }

    .sticky + .main-Content {
        padding-top: 102px;
        background-color: #003366;
    }

.bg-white {
    background-color: #fff !important; /*#fff;*/
    margin: 0px;
    box-shadow: 0px 5px 5px rgba(64,64,64,.4);
}
.ic-shortcut .md-22 {
    width: 2.5rem;

}
.soft-bg-4{ background-color: var(--soft-bg)}



/**Pill Proyectos **/

.project-pill {
    color: #ACD2D5;
    border: 2px solid #ACD2D5;
    border-radius: 22px;
    padding: 8px 18px;
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
/***/
    .proyectos-tipo {
    }
.proyectos-tipo .card{border-radius: var(--el-border-radius) ;box-shadow: 0px 10px 0px -3px rgba(0,0,0,0.1); margin:1.2rem}
    .proyectos-tipo .py-inv {
        box-shadow: 0px 10px 0px -3px #ACD2D5;
    }
    .proyectos-tipo .py-pdl {
        box-shadow: 0px 10px 0px -3px #DCC6DB!important;
    }
    .proyectos-tipo .py-pot {
        box-shadow: 0px 10px 0px -3px #F6DB93!important;
    }
.proyectos-tipo .card-img{ text-align:center; text-align:center; margin:0 auto }
.proyectos-tipo .icon-wrap {
    padding-top: 2rem
}
.proyectos-tipo .card-body{padding-left:2rem; padding-right:2rem;}
.proyectos-tipo .card-title{ text-align:center}
.py-inv .card-img{width:150px; height:150px; border-radius:75px; background-color: var(--proy-inversion)}
 .py-pdl .card-img{width:150px; height:150px; border-radius:75px; background-color: var(--proy-pdl)}
 .py-pot .card-img{width:150px; height:150px; border-radius:75px; background-color: var(--proy-pot)}
.inv-estrategicos .wrap-icon img { height:70px;
}
.inv-estrategicos h3{ border-bottom:1px solid #ccc; padding-bottom:1rem; font-size:1.7rem;}
.inv-estrategicos .card{ box-shadow: var(--el-box-shadow); border-radius: var(--el-border-radius)}
.inv-estrategicos .py-inv .icon-wrap {
    width: 100px;
    height: 100px;
    border-radius: 75px;
    background-color: var(--proy-inversion);
    margin: 0 auto; padding:1.5rem;
}
.wrap-inv-data .proy-counters {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.why-is .key-benefit { display:flex; justify-content:center; flex-direction:row; gap:1rem
}
/* 3.2 Services */
.services {
    overflow: hidden;
}

.services-item {
    display: block;
    text-align: center;
    padding: 1.5rem;
    text-decoration: none;
}

    .services-item:hover {
        background-color: #fafafa;
        /*color: #fff;*/
        border-color: transparent;
        text-decoration: none !important;
    }


        .services-item:hover .services-item-ico {
            background: var(--primary-color);
            color: #fff;
            fill: var(--main-color);
        }

.services-item-heading:hover { /*color:#fff*/
}

.actions-links span.badge {
    color: #5916C1;
    border: 1px solid #5916C1;
    padding: 8px 10px
}

.section-bg2 {
    background-color: #f6fbff
}

.section-bg3 {
    background-color: #FBFBFB
}

.services-item:hover .services-item-ico-bg {
    opacity: 0.14;
}

.services-item:hover .services-item-desc {
    /*color: var(--primary-color);*/
}

.services-item.services-item-modern {
    padding-top: 6.25rem;
    padding-bottom: 3rem;
}

    .services-item.services-item-modern .services-item-ico {
        position: absolute;
        left: -1.5rem;
        top: -1.5rem;
        padding-top: 1rem;
        padding-left: 1rem;
        margin: 0;
        z-index: 11;
    }

    .services-item.services-item-modern::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0.625rem;
        height: 0.625rem;
        background-color: transparent;
        z-index: 1;
        transition: all 0.25s 0.1s;
    }

    .services-item.services-item-modern:hover::before {
        background-color: var(--primary-color);
    }

.services-item.services-item-row {
    display: flex;
    align-items: flex-start;
    text-align: left;
}

    .services-item.services-item-row .services-item-ico {
        width: 5.5rem;
        height: 5.5rem;
        min-width: 5.5rem;
        margin: 0;
        margin-right: 1.25rem;
    }

    .services-item.services-item-row .services-item-desc {
        font-size: 1rem;
    }

    .services-item.services-item-row .services-item-heading {
        font-size: 1.375rem;
    }

    .services-item.services-item-row .services-item-ico-bg {
        top: -3rem;
    }

.item-style {
    border: 1px solid #f3f3f3
}

.services-item-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    min-width: 6rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--main-color);
    background: linear-gradient(to right, var(--el-gradient1) 0%, var(--el-gradient2) 100%);
    margin: 0 auto 1.25rem;
    color: var(--primary-color);
    fill: var(--primary-color);
    transition: all 0.25s;
}

.services-item h4 {
    text-align: left;
}

.linebottom {
    background: var(--Bordertitle);
    height: 2px;
    width: 75px;
    margin-bottom: 8px;
}

.services-item-ico > img {
    display: block;
    width: 3rem;
    height: 3rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.services-item-ico-bg {
    position: absolute;
    left: -2rem;
    top: 2rem;
    z-index: 1;
    opacity: 0;
    color: var(--primary-color);
    fill: var(--primary-color);
    transition: all 0.25s 0.1s;
}

    .services-item-ico-bg i {
        font-size: 31.25rem;
        width: 31.25rem;
        height: 31.25rem;
    }

.services-item-heading {
    margin-bottom: 1rem;
    font-weight: bold;
}

.services-item-desc {
    color: var(--text-secondary);
    transition: all 0.25s;
}

    .services-item-desc p {
        text-align: left;
        min-height: 150px;
    }

.services-item-ico,
.services-item-heading,
.services-item-desc {
    position: relative;
    z-index: 2;
}

.services-image-item {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.services-item.services-item-modern .services-item-ico {
    position: absolute;
    left: -1.5rem;
    top: -1.5rem;
    padding-top: 1rem;
    padding-left: 1rem;
    margin: 0;
    z-index: 11;
}
    .services-image-item::after {
        content: "";
        float: left;
        margin-top: 100%;
    }

    .services-image-item:hover .services-image-item-card-front {
        transform: rotateY(180deg);
    }

    .services-image-item:hover .services-image-item-card-back {
        transform: rotateY(0deg);
        z-index: 3;
    }

.services-image-item-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--el-border-radius);
    background-color: var(--primary-color);
    overflow: hidden;
    transition: 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.services-image-item-card-front {
    z-index: 2;
}

    .services-image-item-card-front img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.services-image-item-card-back {
    z-index: 1;
    background-color: var(--main-color);
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    text-align: center;
    padding: 1.25rem;
}

.services-image-item-heading {
    margin-bottom: 1.25rem;
}

.services-image-item-desc {
    margin-bottom: 1.25rem;
}

@media (max-width: 1199.98px) {
    .services-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .navs-shortcuts a {
        margin: 0px 15px;
        padding: 0px;
    }
    .main-home .icon-link{width:45px; height:45px}
        .main-home .icon-link img{width:30px; height:30px}
        .services-image-item {
            /*max-width: 320px;*/
            margin: 0 auto;
        }
}

/* 3.3 Advantages */
.advantages-item {
    position: relative;
    display: flex;
    align-items: flex-start;
}

    .advantages-item.advantages-item-bg {
        max-width: 16.875rem;
        margin-left: auto;
        margin-right: auto;
    }

        .advantages-item.advantages-item-bg .advantages-item-info {
            padding-left: 0;
        }

    .advantages-item.advantages-item-min {
        display: block;
        max-width: 16.875rem;
    }

        .advantages-item.advantages-item-min .advantages-item-info {
            padding-left: 0;
        }

        .advantages-item.advantages-item-min .advantages-item-heading {
            font-size: 1.375rem;
        }

.advantages-item-min-header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.25rem;
}

    .advantages-item-min-header .advantages-item-heading {
        margin-bottom: 0;
    }

.advantages-item-count-min {
    font-size: 1.375rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    color: var(--main-color);
    margin-right: 0.625rem;
    line-height: 1.2;
}

.advantages-item-count {
    font-size: 1.0625rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    color: var(--main-color);
    margin-top: 0.125rem;
    position: relative;
    z-index: 1;
    padding-right: 0.3125rem;
}

    .advantages-item-count::after {
        content: "";
        position: absolute;
        left: 100%;
        top: 50%;
        width: 3.25rem;
        height: 1px;
        background-color: var(--text-primary);
        margin-top: -1px;
    }

.advantages-item-info {
    position: relative;
    z-index: 1;
    padding-left: 3.75rem;
}

.advantages-item-heading {
    font-weight: bold;
    margin-bottom: 1.25rem;
    min-height: 2.33333333333em;
}

.advantages-item-desc {
    color: var(--text-secondary);
}

    .advantages-item-desc p {
        margin: 0;
    }

.advantages-item-count-large {
    font-size: 9.5rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    color: var(--main-color);
    opacity: 0.14;
    position: absolute;
    left: 0;
    bottom: -1rem;
    line-height: 1;
}

.advantages-item-min {
    display: flex;
    align-items: center;
}

.aim-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 4.75rem;
    width: 4.75rem;
    height: 4.75rem;
    margin-right: 1.25rem;
    border-radius: 50%;
    color: var(--primary-color);
    background-color: var(--main-color);
    background: linear-gradient(to right, var(--el-gradient1) 0%, var(--el-gradient2) 100%);
    overflow: hidden;
}

    .aim-icon > img {
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        -o-object-fit: contain;
        object-fit: contain;
    }

.aim-heading {
    margin-bottom: 0;
}

.aim-desc {
    font-size: 0.875rem;
    margin-top: 0.5rem;
    color: var(--text-secondary);
}

    .aim-desc p {
        margin: 0;
    }

@media (max-width: 1199.98px) {
    .advantages-item-info {
        padding-left: 2.5rem;
    }

    .advantages-item-count::after {
        width: 2rem;
    }
}

@media (max-width: 991.98px) {
    .advantages-item-info {
        padding-left: 2.75rem;
    }

    .advantages-item-count::after {
        width: 2.25rem;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .advantages-item-heading {
        min-height: auto;
    }

        .advantages-item-heading br {
            display: none;
        }

    .advantages-item-count {
        margin-top: 0;
    }

    .advantages-item-count-large {
        font-size: 8rem;
        bottom: -0.625rem;
    }
}

@media (max-width: 575.98px) {

    .advantages-item.advantages-item-min {
        max-width: 100%;
    }

    .advantages-item-info {
        padding-left: 3rem;
    }

    .advantages-item-count::after {
        width: 42px;
    }
}

/* 3.4 Counters */
section {
    padding: 1.25rem 0px;
    display: block
}
.wrap-counter{ display:flex; flex-direction:row; gap:8em; justify-content:center; margin-bottom:2rem; border:1px solid #fff; padding:1rem; border-radius:1rem; align-items:center}
.wrap-counter .counters {
    text-align:center; 
}
    .wrap-counter .desc-data{display:flex; flex-direction:row; gap:1rem; align-items:center }
}

.wrap-counter .icon-desc {
    
}
.main-counter {
    padding-right: 4.375rem;
    padding-left: 4.375rem;
    padding-top: 1.25rem;
}

    .main-counter::after, .main-counter::before {
        content: "";
        position: absolute;
        right: 0;
        background-color: var(--main-color);
        border-radius: 50%;
        background: linear-gradient(to right, var(--el-gradient1) 0%, var(--el-gradient2) 100%);
    }

    .main-counter::after {
        top: 0;
        width: 3rem;
        height: 3rem;
    }

    .main-counter::before {
        top: 5.625rem;
        width: 2.25rem;
        height: 2.25rem;
    }

.main-counter-item {
    position: relative;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    padding-bottom: 0.625rem;
}

.main-counter-item-circ {
    position: absolute;
    left: -4.375rem;
    top: -1.25rem;
    width: 100%;
    height: 100%;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    background-color: var(--main-color);
    border-radius: 50%;
    overflow: hidden;
}

    .main-counter-item-circ::after, .main-counter-item-circ::before {
        content: "";
        position: absolute;
        border-radius: 50%;
        background-color: var(--primary-color);
        transition: all 0.25s;
    }

    .main-counter-item-circ::after {
        left: 2rem;
        bottom: -4rem;
        width: 13.75rem;
        height: 13.75rem;
        opacity: 0.15;
    }

    .main-counter-item-circ::before {
        left: -1.75rem;
        bottom: -4rem;
        width: 13.75rem;
        height: 13.75rem;
        opacity: 0.1;
    }

.main-counter-item-center {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    box-shadow: var(--el-box-shadow);
    border-radius: 50%;
    z-index: 1;
}

.main-counter-heading {
    font-size: 1.5rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    line-height: 1.2;
}

.main-counter-numb {
    font-size: 9rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    color: var(--main-color);
    margin-bottom: 0;
    line-height: 1;
}

.counter-item-heading {
    font-weight: bold;
    margin-bottom: 0;
}

.counter-item-numb {
    font-size: 2.5rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    line-height: 1.2;
    color: var(--main-color);
    margin-bottom: 0.625rem;
}

.counter-col {
    padding: 0 1.25rem 2rem;
    text-align: center;
}

.counter-col-numb {
    font-size: 2.5rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    line-height: 1.2;
    color: var(--main-color);
    margin-bottom: 0.625rem;
}

.counter-col-heading {
    margin-bottom: 0;
    font-size: 1.25rem;
}

.counter-col-ico {
    width: 5.625rem;
    height: 5.625rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25rem;
    padding-bottom: 0.5rem;
    margin-top: -2.5rem;
    background-color: var(--primary-bg-color);
    color: var(--main-color);
}

.counter-min {
    position: relative;
    height: 6.875rem;
    padding-left: 1.875rem;
}

.counter-min-block {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 4.625rem;
    width: 7.5rem;
    border-radius: var(--el-border-radius-min);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    background: var(--main-color);
    background: linear-gradient(to right, var(--el-gradient1) 0%, var(--el-gradient2) 100%);
}

.counter-min-ico {
    line-height: 1;
}

.counter-min-info {
    padding-left: 6.625rem;
    height: 100%;
    display: flex;
    border-radius: var(--el-border-radius-min);
    background-color: var(--primary-bg-color);
    align-items: center;
    padding-right: 0.625rem;
}

    .counter-min-info .counter-min-heading {
        margin-bottom: 0;
        font-size: 1.125rem;
    }

.counter-min-numb {
    font-size: 2.1875rem;
    font-family: var(--heading-font-family), sans-serif;
    font-weight: bold;
    margin-left: 0.625rem;
}
.icon-desc {
    border-radius: 30px;
    height: 60px;
    width: 60px;
    text-align: center;
    border: 1px solid var(--proy-pot);
    padding-top:1rem
}
.icon-desc img {
}
@media (max-width: 991.98px) {
    .main-counter-item {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.5rem;
    }

    .counter-items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .counter-item {
        text-align: center;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .wrap-counter{ gap:1rem; flex-direction:column; justify-content:center}
    .counter-item-numb {
        font-size: 2rem;
    }

    .main-counter-heading {
        font-size: 1.25rem;
    }

    .main-counter-numb {
        font-size: 6.25rem;
    }

    .main-counter-item {
        width: 250px;
        height: 250px;
    }

    .main-counter-item-circ {
        left: -50px;
        top: -10px;
    }

    .main-counter {
        padding-left: 3rem;
        padding-right: 3rem;
    }

        .main-counter::after, .main-counter::before {
            content: none;
        }
}

@media (max-width: 575.98px) {
    .counter-items {
        display: block;
    }
    .negative-margin {
        margin-top: 0px
    }
}

@media only screen and (max-width: 370px) {
    .main-counter-item {
        width: 230px;
        height: 230px;
    }

    .main-counter {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .main-counter-item-circ {
        left: -30px;
        top: -5px;
    }
}

/* 3.5 Projects */
.project-item {
    position: relative;
    display: block;
    height: 25rem;
    width: 100%;
    overflow: hidden;
}

    .project-item:hover .project-item-card-front {
        transform: rotateY(180deg);
    }

    .project-item:hover .project-item-card-back {
        transform: rotateY(0deg);
        z-index: 3;
    }

.project-item-card {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--el-border-radius);
    background-color: var(--primary-color);
    overflow: hidden;
    transition: 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.project-item-card-front {
    z-index: 2;
}

    .project-item-card-front img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.project-item-card-back {
    z-index: 1;
    background-color: var(--main-color);
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    text-align: center;
    padding: 2rem 2.5rem;
}

.project-item-heading {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.375rem;
}

.project-item-desc {
    margin-bottom: 1.5rem;
}

    .project-item-desc p {
        margin-bottom: 0;
    }

.project-col-carusel {
    width: 28%;
    max-width: 21.875rem;
    margin-left: 15px;
}

.gallery-col-carusel {
    width: 28%;
    max-width: 21.875rem;
    margin-left: 15px;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.gallery-card .thumbnail {
    position: relative;
    display: block;
    height: 24rem;
    width: 100%;
    overflow: hidden;
}

.gallery-card .enlace_img {
    height: 24rem;
    background-position: center center;
    background-size: cover
}

.gallery-card .enlace_img_ciudadanos {
    height: 24rem;
    background-position: center center;
    background-size: cover
}

.gallery-card .labelCategory {
    height: 50px !important
}

.ic-gal {
    margin-right: 8px
}

.desc-gal {
    text-overflow: ellipsis
}

.text-elipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-zoom {
    position: absolute;
    right: 10px;
    bottom: 60px;
    width: 50px;
    height: 50px;
    background-color: rgba(255,255,255,.8);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 8px;
    text-align: center;
}

    .btn-zoom:hover {
        cursor: pointer
    }

.ic-gal .material-icons.md-48 {
    color: #9d1717 !important
}

.w4col .gallery-col-carusel {
    width: 28%;
    max-width: 21.875rem;
}

.w2col .gallery-col-carusel {
    width: 80%;
    max-width: 35rem;
}

.w4col .gallery-card {
    width: 100%;
    max-width: 21.875rem;
}

    .w4col .gallery-card .thumbnail {
        height: 20rem
    }

.w4col .labelCategory {
    top: 85% !important
}

.w4col .labelCategory, .w2col .labelCategory {
    padding-left: 8px;
    padding-right: 8px
}

.project-author {
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

.project-info {
    position: relative;
    padding-top: 0.625rem;
}

.project-info-row {
    display: flex;
    margin-bottom: 1rem;
}

    .project-info-row:last-child {
        margin-bottom: 0;
    }

.project-info-label {
    font-weight: bold;
    font-family: var(--heading-font-family), sans-serif;
    margin-right: 1rem;
    min-width: 9.375rem;
}

.project-carusel-item {
    height: 31.25rem;
    width: 100%;
    margin-right: 1rem;
}

    .project-carusel-item img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.project-carusel-thumb-item {
    position: relative;
    width: 13.75rem;
    height: 8.75rem;
    margin-right: 1rem;
}

    .project-carusel-thumb-item img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .project-carusel-thumb-item::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        height: 0;
        width: 100%;
        background-color: var(--secondary-color);
        opacity: 0.5;
        transform: translateY(-50%);
        transition: all .3s;
    }

    .project-carusel-thumb-item.is-nav-selected::after, .project-carusel-thumb-item:hover::after {
        height: 100%;
    }

.project-carusel-thumb {
    margin-top: 1.5rem;
}

@media (max-width: 1199.98px) {
    .project-item-card-back {
        padding: 1.5rem;
    }

    .project-col-carusel {
        width: 33.3%;
    }
}

@media (max-width: 991.98px) {
    .project-item-card-back {
        padding: 1.5rem 2.5rem;
    }

    .project-col-carusel {
        width: 40%;
    }

    .project-carusel-item {
        height: 25rem;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .section-projects .container {
        max-width: 100%;
    }

    .project-item-card-back {
        padding: 1.25rem;
    }

    .project-col-carusel {
        width: 50%;
    }

    .project-carusel-item {
        height: 18.75rem;
    }

    .project-carusel-thumb-item {
        width: 9.375rem;
        height: 6.25rem;
    }
}

@media (max-width: 575.98px) {
    .project-item {
        max-width: 21.875rem;
        margin-left: auto;
        margin-right: auto;
    }

    .project-col-carusel {
        width: 100%;
    }
}

@media only screen and (max-width: 370px) {
    .project-carusel-item {
        height: 15rem;
    }

    .project-carusel-thumb-item {
        width: 7.5rem;
        height: 5rem;
    }
}

@media only screen and (min-width: 1600px) {
    .project-col-carusel {
        width: 24%;
    }
}

/* 3.6 Team */
.team-item {
    position: relative;
    display: block;
    text-decoration: none;
}

    .team-item:hover {
        color: var(--text-primary);
    }

        .team-item:hover .team-item-social {
            transform: translate(-50%, -0.875rem);
            opacity: 1;
            visibility: visible;
        }

            .team-item:hover .team-item-social.team-item-social-relative {
                transform: none;
            }

.mobile .team-item-social, .tablet .team-item-social {
    transform: translate(-50%, -0.875rem);
    opacity: 1;
    visibility: visible;
}

.team-item-img {
    height: 16.875rem;
    background-color: var(--primary-bg-color);
}

    .team-item-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.team-item-heading {
    line-height: 1.4;
    margin-bottom: 0.125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.team-item-info {
    position: relative;
    text-align: center;
    padding: 1.5rem 1rem 1rem;
}

.team-item-position {
    color: var(--text-secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
}

.team-item-social {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -1.75rem);
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
}

    .team-item-social.team-item-social-relative {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        opacity: 1;
        visibility: visible;
        margin-top: 1rem;
        justify-content: center;
    }

    .team-item-social li {
        margin-right: 0.375rem;
    }

        .team-item-social li:last-child {
            margin-right: 0;
        }

        .team-item-social li a {
            display: flex;
            width: 1.75rem;
            height: 1.75rem;
            border-radius: var(--el-border-radius-min);
            background-color: var(--main-color);
            fill: var(--primary-color);
            border: 1px solid var(--main-color);
        }

            .team-item-social li a > svg {
                display: block;
                width: 0.875rem;
                height: 0.875rem;
                margin: auto;
            }

            .team-item-social li a:hover {
                background-color: transparent;
                fill: var(--main-color);
            }

.team-item2 .team-item-info {
    padding: 1rem 1rem 0 1rem;
}

@media (max-width: 1199.98px) {
    .team-item-img {
        height: 13.75rem;
    }
}

@media (max-width: 991.98px) {
    .team-item-img {
        height: 22.5rem;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .team-item-img {
        height: 17.5rem;
    }
}

@media (max-width: 575.98px) {
    .team-item {
        max-width: 16.875rem;
        margin: 0 auto;
    }
}

/* 3.7 Reviews */
.reviews-item {
    position: relative;
    padding: 2rem 1.25rem;
}

.reviews-item-info {
    padding-top: 0.625rem;
}

.reviews-item-text {
    color: var(--text-secondary);
}

    .reviews-item-text p {
        margin-bottom: 0;
    }

.reviews-item-name {
    margin-bottom: 0.125rem;
    font-size: 1.125rem;
}

.reviews-item-header {
    display: flex;
    margin-bottom: 1.5rem;
}

.reviews-item-vertical {
    text-align: center;
}

    .reviews-item-vertical .reviews-item-header {
        flex-wrap: wrap;
        justify-content: center;
    }

    .reviews-item-vertical .reviews-item-info {
        width: 100%;
        text-align: center;
    }

    .reviews-item-vertical .reviews-item-img {
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .reviews-item-vertical .reviews-item-info {
        padding-top: 0;
    }

.reviews-item-position {
    color: var(--text-secondary);
    font-size: 1rem;
}

.reviews-item-img {
    width: 4.6875rem;
    height: 4.6875rem;
    min-width: 4.6875rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1.25rem;
    background-color: var(--primary-bg-color);
}

    .reviews-item-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.reviews-col {
    width: 29%;
    margin-right: 30px;
}

    .reviews-col:last-child {
        margin-right: 0;
    }

.reviews-carusel-wide .reviews-col {
    width: 100%;
}

.reviews-carusel-wide .reviews-item-text {
    max-width: 46.875rem;
    margin-left: auto;
    margin-right: auto;
}

.reviews-carusel-wide .flickity-viewport {
    transition: height 0.2s;
}

.reviews-container {
    margin-bottom: 2.5rem;
}

.reviews-thumb {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-right: 1rem;
    margin-top: -2.34375rem;
}

    .reviews-thumb:last-child {
        margin-right: 0;
    }

.reviews-carusel-th .reviews-item-text {
    margin-bottom: 1.25rem;
}

.reviews-carusel-th .reviews-item-header {
    margin-bottom: 2rem;
}

.reviews-thumb-item {
    cursor: pointer;
}

    .reviews-thumb-item:last-child .reviews-item-img {
        margin-right: 0;
    }

    .reviews-thumb-item img {
        opacity: 0.6;
        transition: all 0.25s;
    }

    .reviews-thumb-item:hover img {
        opacity: 0.8;
    }

    .reviews-thumb-item.active img {
        opacity: 1;
    }

@media (max-width: 1199.98px) {
    .reviews-col {
        width: 40%;
    }
}

@media (max-width: 991.98px) {
    .reviews-col {
        width: 43%;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .reviews-col {
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .reviews-thumb-item .reviews-item-img {
        width: 3.5rem;
        height: 3.5rem;
        min-width: 3.5rem;
        margin-right: 1rem;
    }

    .reviews-thumb {
        margin-top: -1.75rem;
    }
}

/* 3.8 Blog */


.news-main {
    padding-top: 0px;
    padding-bottom: 1rem;
    background: linear-gradient(45deg, rgba(232,251,245,1) 0%, rgba(214,236,248,1) 100%);
}

.news-main-title {
    margin-bottom: 3rem;
}

.news-item {
    position: relative;
}

.news-item-img {
    display: block;
    height: 20rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--primary-bg-color);
}

    .news-item-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.news-item-info {
    position: relative;
    padding: 2.1875rem 1.25rem 1.25rem;
}

.news-item-date {
    position: absolute;
    left: 13%;
    top: -3rem;
    height: 5rem;
    padding: 0 1rem;
    background-color: var(--main-color);
    color: var(--primary-color);
    font-size: 0.8125rem;
    border-radius: var(--el-border-radius-min);
    transform: translateX(-50%);
}

.news-item-adv {
    position: initial;
    height: 4rem;
    padding: 0 1rem;
    background-color: var(--main-color);
    color: var(--primary-color);
    font-size: 0.8125rem;
    border-radius: var(--el-border-radius-min);
    transform: translateX(-80%);
    text-align: right;
    margin-bottom: 1rem;
}

.btn-cards i {
    vertical-align: middle
}

.wrap-ventajas .services-item-ico {
    background-color: #1997be
}

a.focused-btn {
    background-color: #DCDCDC !important;
}

div.focused-cat {
    background-color: aliceblue; /*visibility: hidden;*/
}

div.focused-glo {
    border: 2px solid #003366;
    background-color: aliceblue;
    border-radius: 5px;
    font-weight: 700
}

.wrap-letters {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-top:1px solid #f3f3f3;
border-bottom:1px solid #f3f3f3;
padding:1.2rem
}


.indice {
    text-align: center;
    padding: 5px 8px
}

.wrap-ventajas .material-icons.md-48 {
    color: #fff
}

.wrap-ventajas .services-item:hover {
    background-color: aliceblue
}

    .wrap-ventajas .services-item:hover .services-item-ico {
        background-color: #003366
    }

.wrap-ventajas .services-item {
    text-align: left
}

.wrap-benefits {
    background: #f0f8ff url(/img/bg_benefits.svg) no-repeat bottom right;
}

.news-item-heading {
    margin-bottom: 0.625rem;
    overflow: hidden;
    font-size: 1.125rem;
}

.news-item-desc {
    color: #000;
}

    .news-item-desc p {
        margin-bottom: 0;
    }

.news-item-min .news-item-info {
    padding: 1.25rem;
}

.news-item-min .news-item-heading {
    margin-bottom: 0;
}

.news-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    line-height: 1.2;
}

.news-item-auth {
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .news-item-auth:hover {
        color: var(--text-primary);
    }

.news-item-auth-img {
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

    .news-item-auth-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.news-item-date2 {
    color: var(--text-secondary);
    margin-left: 1rem;
    white-space: nowrap;
}

/* Begin item wide */
.news-wide-item {
    position: relative;
    display: flex;
}

.news-wide-item-img {
    display: block;
    height: 12.5rem;
    min-width: 15.625rem;
    width: 15.625rem;
}

    .news-wide-item-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.news-wide-item-info {
    padding-left: 1.5625rem;
    width: 100%;
}

.news-wide-item-heading {
    margin-bottom: 0.625rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-wide-item-row {
    display: flex;
    font-size: 1rem;
    color: var(--text-secondary);
}

.news-wide-item-date {
    padding-right: 0.625rem;
}

.news-wide-item-author a {
    text-decoration: none;
}

    .news-wide-item-author a:hover {
        text-decoration: underline;
    }

.news-wide-item-desc {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: var(--text-secondary);
}

    .news-wide-item-desc p {
        margin: 0;
    }

.news-nav {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.625rem;
}

/* End item wide */
.p1 {
    background-color: var(--Bordertitle)
}

.p2 {
    background-color: var(--SoftBlue)
}

.p3 {
    background-color: var(--heading-font-color)
}

.news-post-header {
    margin-bottom: 2rem;
}

.news-post-title {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.news-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: -1rem;
    margin-left: -1.25rem;
}

.news-post-meta-item {
    display: flex;
    align-items: center;
    margin-left: 1.25rem;
    margin-bottom: 1rem;
}

    .news-post-meta-item i {
        margin-right: 0.625rem;
        color: var(--main-color);
    }

    .news-post-meta-item a {
        text-decoration: none;
    }

        .news-post-meta-item a:hover {
            text-decoration: underline;
        }

.news-post-img {
    margin-top: 1.25rem;
    height: 31.25rem;
}

    .news-post-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.news-post-footer {
    margin-top: 2rem;
    padding-top: 0.625rem;
    border-top: 1px solid var(--border-color);
}

.news-post-cat {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -0.625rem;
    margin-left: -1rem;
    font-size: 1rem;
}

    .news-post-cat li {
        margin-bottom: 0.625rem;
        margin-left: 1rem;
    }

        .news-post-cat li a {
            display: block;
            text-decoration: none;
        }

            .news-post-cat li a:hover {
                text-decoration: underline;
            }

.news-post-share {
    display: flex;
    align-items: center;
}

.news-post-share-title {
    margin-right: 1.25rem;
    color: var(--text-secondary);
    margin-bottom: 0;
}

.page-social-links {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all 0.25s;
}

    .page-social-links li {
        margin-right: 0.625rem;
    }

        .page-social-links li:last-child {
            margin-right: 0;
        }

        .page-social-links li a {
            display: flex;
            width: 2.25rem;
            height: 2.25rem;
            border-radius: var(--el-border-radius-min);
            fill: var(--text-primary);
            border: 1px solid var(--border-color);
        }

            .page-social-links li a > svg {
                display: block;
                width: 1rem;
                height: 1rem;
                margin: auto;
            }

            .page-social-links li a:hover {
                border-color: var(--text-secondary);
            }

.news-timeline {
    position: relative;
}
.info-inversion .item-style { background-color:transparent!important; border:none!important; padding:2rem;
}
.info-inversion .news-item-img{ background-color:transparent!important; height:auto!important}
.highlight-text {
    background-color: #f7d16b;
}
.news-timeline::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    margin-left: -1px;
    height: 100%;
    border: 1px dashed var(--btn-primary-color);
}

.news-timeline-item-left .news-item,
.news-timeline-item-right .news-item {
    height: auto; margin-top:3rem;
}




.a-right {
}

.a-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.news-timeline-item-right::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 20.5rem;
    width: 7rem;
    margin-right: -1rem;
    height: 2px;
    background-color: var(--btn-primary-color);
    transition: all 0.25s;
}

.news-timeline-item-right::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 20rem;
    width: 1rem;
    height: 1rem;
    /*background-color: #00a8ff;
    border-radius: 50%;*/
    margin-right: 5rem;
    z-index: 2;
    transition: all 0.25s;
    border: solid  var(--btn-primary-color);
    border-width: 0 5px 5px 0;
    padding: 3px;
    transform: rotate(133deg);
    -webkit-transform: rotate(133deg);
}

.news-timeline-item-right .news-item {
    margin-top: 10rem;
}

.news-timeline-item-left::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 10.5rem;
    width: 7rem;
    margin-left: -1rem;
    height: 2px;
    background-color: var(--btn-primary-color);
    transition: all 0.25s;
}

.news-timeline-item-left::before {
    content: "";
    position: absolute;
    left: 104.5%;
    top: 10rem;
    width: 40px;
    height: 40px;
    background:#f3f3f3 url(../img/marker-pin.svg) no-repeat center center;
    margin-left: 5rem;
    z-index:2
    /*background-color: #00a8ff;
    border-radius: 50%;

    z-index: 2;
    transition: all 0.25s;
    border: solid var(--btn-primary-color);
    border-width: 0 5px 5px 0;
    padding: 3px;
    transform: rotate(312deg);
    -webkit-transform: rotate(312deg);
    */
}
.big-text {
    font-size: 8rem;
    color: #00A8FF;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left; display: none
}
.news-timeline-title {
    position: relative;
    background-color: var(--btn-primary-color);
    text-align: center;
    z-index: 2;
    padding: 0.625rem 0;
}


.news-timeline-title-mt {
    margin-top: 3.1875rem;
}

.author {
    display: flex;
    align-items: center;
    text-align: left;
}

.author-info .author-name {
    margin-bottom: 0.25rem;
}

.author-info .author-date {
    color: var(--text-secondary);
}

.author-img {
    position: relative;
    width: 4.6875rem;
    height: 4.6875rem;
    margin-right: 1.25rem;
}

    .author-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media (max-width: 1199.98px) {
    .news-item-img {
        height: 15.625rem;
    }

    .news-item-info {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .news-timeline-item-left::after,
    .news-timeline-item-right::after {
        width: 6rem;
    }

    .news-timeline-item-left::before {
        margin-left: 4.5rem;
    }

    .news-timeline-item-right::before {
        margin-right: 4.5rem;
    }
}

@media (max-width: 991.98px) {
    .news-timeline {
        max-width: 31.25rem;
        margin-left: auto;
        margin-right: auto;
    }

        .news-timeline::after {
            left: 1rem;
            margin-left: 0;
        }

    .news-timeline-title {
        text-align: left;
    }

    .news-timeline-item-left,
    .news-timeline-item-right {
        margin-top: 0;
    }

        .news-timeline-item-left .news-item,
        .news-timeline-item-right .news-item {
            margin-left: 3rem;
            margin-top: 0;
            margin-bottom: 45px;
        }

        .news-timeline-item-left:last-child .news-item,
        .news-timeline-item-right:last-child .news-item {
            margin-bottom: 0;
        }

        .news-timeline-item-left::after,
        .news-timeline-item-right::after {
            margin-right: -4rem;
            width: 3rem;
            margin-left: inherit;
            left: inherit;
            right: 100%;
        }

        .news-timeline-item-left::before,
        .news-timeline-item-right::before {
            margin-right: -1.5rem;
            margin-left: inherit;
            left: inherit;
            right: 100%;
        }

    .news-timeline-title-mt {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .wrap-benefits {
        background-size: 30%
    }

    .news-item {
        max-width: 21.875rem;
        margin: 0 auto;
    }

    .news-wide-item {
        flex-wrap: wrap;
        max-width: 20rem;
        margin: 0 auto;
    }

    .news-wide-item-img {
        margin-bottom: 1.25rem;
        width: 100%;
    }

    .news-wide-item-info {
        padding-left: 0;
    }

    .news-wide-item-desc {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .news-nav {
        padding-top: 0;
    }

    .news-wide-item-desc {
        height: auto;
    }

    .news-item-desc {
        height: auto;
    }

    .news-post-title {
        font-size: 1.75rem;
    }

    .news-post-img {
        height: 18.75rem;
    }

    .news-post-footer {
        padding-top: 1.25rem;
    }

    .news-timeline {
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .news-timeline {
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .inv-estrategicos .card {
        margin-bottom:1rem;
    }
    .wrap-counter .counters { width:100%
    }
    .provincias .executeV{ width:50%}
    .big-text {
        display: block
    }
    .news-timeline::after {
        content: "";
        position: absolute;
        left: 2%;
        top: 0;
        width: 3px;
        margin-left: 0px;
        height: 100%;
        background-image: none;
        background-color: var(--btn-primary-color);
    }
    .news-timeline-item-left::before {
        content: "";
        position: absolute;
        left: -6%;
        top: 10.1rem;
        width: 1rem;
        height: 1rem;
        background-color: var(--btn-primary-color);
        border-radius: 50%;
        margin-left: 5rem;
        z-index: 2;
        transition: all 0.25s;
        border: 1px solid var(--btn-primary-color);
        border-width: 0;
        padding: 3px;
        transform: rotate(312deg);
        -webkit-transform: rotate(312deg);
    }
    .news-timeline-item-right::before {
        content: "";
        position: absolute;
        right: 70%;
        top: 20.1rem;
        width: 1rem;
        height: 1rem;
        background-color: var(--btn-primary-color);
        border-radius: 50%;
        margin-right: 5rem;
        z-index: 2;
        transition: all 0.25s;
        border: 1px solid var(--btn-primary-color);
    }
}
/* 3.9 Comments */
.comment-item {
    position: relative;
    margin-bottom: 2rem;
    padding: 1.5rem 1.25rem;
}

    .comment-item:last-child {
        margin-bottom: 0;
    }

.comment-item-row:hover .comment-item-reply {
    opacity: 1;
}

.comment-item-header {
    margin-bottom: 1rem;
}

.mobile .comment-item-reply, .tablet .comment-item-reply {
    opacity: 1;
}

.comment-item-reply {
    display: block;
    font-size: 1rem;
    text-decoration: none;
    opacity: 0;
    margin-top: 1rem;
}

    .comment-item-reply:hover {
        text-decoration: underline;
    }

.comment-item-author {
    display: flex;
    align-items: center;
}

.comment-item-author-img {
    width: 4.625rem;
    height: 4.625rem;
    min-width: 4.625rem;
    margin-right: 1.25rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--primary-bg-color);
}

    .comment-item-author-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.comment-item-author-name {
    margin-bottom: 0.25rem;
}

.comment-item-author-date {
    font-size: 1rem;
    color: var(--text-secondary);
    margin: 0;
}

.comment-item-desc {
    color: var(--text-secondary);
    margin: 0;
}

    .comment-item-desc p {
        margin: 0;
    }

.comment-item-list {
    margin-top: 2rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-color);
    padding-left: 2.5rem;
}

    .comment-item-list > .comment-item-row {
        margin-bottom: 1.25rem;
        padding-bottom: 1.25rem;
        border-bottom: 1px solid var(--border-color);
    }

        .comment-item-list > .comment-item-row:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border: none;
        }

    .comment-item-list .comment-item-author-img {
        width: 3.75rem;
        height: 3.75rem;
        min-width: 3.75rem;
    }

    .comment-item-list .item-heading {
        font-size: 1rem;
    }

    .comment-item-list .comment-item-reply {
        margin-top: 0.5rem;
    }

.comment-item-stars {
    margin-top: 0.5rem;
}

@media (max-width: 575.98px) {
    .comment-item-list {
        padding-left: 0.625rem;
    }

    .comment-item-header .comment-item-stars {
        justify-content: flex-start;
        padding-left: 5.875rem;
        margin: 0;
    }
}


/* 3.13 Gallery */
.gallery-item {
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    height: 240px;
    text-decoration: none;
    color: var(--primary-color);
    background-color: var(--primary-bg-color);
    overflow: hidden;
}

    .gallery-item:hover {
        color: var(--primary-color);
    }

        .gallery-item:hover .gallery-item-caption {
            opacity: 1;
            visibility: visible;
        }

            .gallery-item:hover .gallery-item-caption::after {
                height: 100%;
            }

    .gallery-item img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.gallery-item-caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0.625rem 1rem;
    text-align: center;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    font-size: 1.125rem;
    font-weight: bold;
    transition: all 0.3s;
}

    .gallery-item-caption::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        height: 3.125rem;
        width: 100%;
        background-color: var(--secondary-color);
        opacity: 0.5;
        transform: translateY(-50%);
        transition: all 0.3s;
    }

    .gallery-item-caption span {
        position: relative;
        display: block;
        z-index: 2;
    }

.pswp__img {
    -o-object-fit: cover;
    object-fit: cover;
}

.lg-outer .lg-thumb {
    margin: 0 auto -0.625rem;
}

.gallery-grid-item-height2 .gallery-item {
    height: 525px;
}

@media only screen and (max-width: 767.98px), only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .gallery-grid-item-height2 .gallery-item {
        height: 240px;
    }
}

/* 3.14 Contact */
.contact-info {
    position: relative;
    padding: 2rem 1.25rem;
    background-color: var(--primary-bg-color);
    border-radius: var(--el-border-radius);
    height: 100%;
}

.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    color: var(--text-secondary);
}

    .contact-list li {
        display: flex;
        margin-bottom: 1.5rem;
    }

        .contact-list li:last-child {
            margin-bottom: 0;
        }

        .contact-list li i {
            margin-right: 0.625rem;
            color: var(--main-color);
        }

        .contact-list li a {
            text-decoration: none;
            display: block;
            color: var(--text-secondary);
        }

    .contact-list i {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .contact-list i.footer-contact-tel {
            font-size: 1.25rem;
        }

        .contact-list i.footer-contact-email {
            font-size: 1.125rem;
        }

    .contact-list .footer-contact-info {
        opacity: 1;
    }

.contact-form-padding {
    padding-left: 2rem;
}

.map {
    height: 31.25rem;
}

    .map #map_canvas {
        height: 100%;
    }

.map-auto {
    height: 100%;
}

.contacts-info-item {
    padding: 3rem 1.25rem;
}

.contacts-info-item-ico {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
    color: var(--main-color);
}

.contacts-info-item-content {
    text-align: center;
}

    .contacts-info-item-content a {
        text-decoration: none;
        color: var(--text-primary);
    }

        .contacts-info-item-content a:hover {
            color: var(--main-color);
        }

@media (max-width: 1199.98px) {
    .contact-form-padding {
        padding-left: 0;
    }
}

@media (max-width: 991.98px) {
    .map-auto {
        height: 25rem;
    }
}

@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .map,
    #map_canvas {
        height: 18.75rem;
    }
}

/* 3.15 404 */
.page-404 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-self: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
}

    .page-404 > svg {
        width: 100%;
        height: 85%;
    }

    .page-404 .wrap-btn {
        position: absolute;
        left: 50%;
        bottom: 2rem;
        transform: translateX(-50%);
        width: 100%;
    }

@media only screen and (max-width: 480px) {
    .page-404 > svg {
        height: 100%;
    }
}

@media only screen and (min-width: 567px) and (max-width: 900px) and (orientation: landscape) {
    .page-404 > svg {
        height: 78%;
    }
}

/* 3.16 Main Questions */

.section-questions {
    position: relative;
    padding: 5rem 5rem 5rem 5rem;
}

    .section-questions h4 {
        font-size: 1.2rem
    }

.questions a:hover {
    color: #fff
}
.card-bg1, .card-bg2, .card-bg3{position: relative; background-size:cover; background-repeat:no-repeat; color:#fff; }
.card-bg1 .card, .card-bg2 .card, .card-bg3 .card {
    background-color:transparent!important
}
    .card-bg1::before {
        content: "";
        position: absolute;
        background-color: rgba(11,62,104,.9);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }
    .card-bg2::before {
        content: "";
        position: absolute;
        background-color: rgba(11,62,104,.9);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
    }
    .card-bg3::before {
        content: "";
        position: absolute;
        background-color: rgba(11,62,104,.75);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;

    }
    .card-bg1 .item-link, .card-bg2 .item-link, .card-bg3 .item-link {
        position: relative;
        display: block; z-index:1;
    }

.card-bg1{
    background:url(../img/Bkhomeslider.jpg);
    padding-left: var(--bs-gutter-x,.75rem)
}
.card-bg2 {
    background: url(../img/slider1.jpg);
    padding-left: var(--bs-gutter-x,.75rem)
}
.card-bg3 {
    background: url(../img/slider1.jpg);
    padding-left: var(--bs-gutter-x,.75rem);
    background-position: center;
}
.item-link {
    padding: 25px; height:100%; color: #fff; background-color:transparent;
}
    .item-link .h4{color: #fff; font-weight:600;}
    /* 3.17 Search */
    .justify-content-right {
    }


.search-section .form-field {
    margin-bottom: 0px;
}

.form-field-input {
    background-color: #fff !important;
}
.main-slider {

    padding: 6rem 1.25rem;
    color: #101010;
    position: relative;

}
.search-section {
    background-size: cover;
    padding: 3rem 1.25rem;
    color: #fff;
    position: relative;
    background: url(../img/slider1.jpg) center no-repeat;
    background-size: cover;
    background-color: #0B3E68;
}
.search-section .container { position:relative
}
    .search-section:before {
        content: "";
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        background: rgba(11,62,104,.9);
    }

.search-section h2 {
    color:#fff;
}
    .search-results .item-style {
        height: auto;
        padding: 15px;
        margin-bottom: 15px
    }

.search-results .card {
    border: none
}

.search-results .banner-main-info {
    padding: 1rem 0
}

.sidebar-filters {
    /*background-color: var(--primary-bg-color)*/
}

.sticky + .sidebar-filters {
    padding-top: 102px;
    background-color: #fff;
}

.sidebar-cat-link {
    font-weight: 700; /*border: 1px solid #ccc;border-left:none; border-right:none*/
    padding: 5px 0px;
}

.form-recommendations {
    padding: 1rem 0px 0px
}

.searchtxt {
    color: #fff;
    font-size: 0.8rem;
}

filter-options .form-field {
    float: right
}


.card-group > .card {
    margin-left: 1rem;
    margin-right: 1rem;
    border-radius: 8px !important;
}
.card-links-group > .card{width:50%}


.card-category {
    color: #333;
    font-size: 16px;
    font-weight: 300;
}

.justify-content-right {
    justify-content: right !important
}

.option-pill {
    border: 1px solid #f3f3f3;
    display: inline-block;
    padding: 5px 8px;
    border-radius: 15px;
    min-height: 30px;
}

    .option-pill a {
        font-size: 12px;
        display: block
    }

        .option-pill a:link {
            color: #000
        }

/* 3.18 INFOGRAFIA SLIDESHOW-HOME */

.infogram {
    background: url(/img/Bkhomeslider.jpg);
    background-size: cover;
    position: relative;
}

    .infogram:before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 50%;
        background-color: rgba(0,112,187,.9);
        z-index: 0;
        width: 50%;
    }

.content-infogram .infogram-slider .flickity-viewport {
    position: absolute;
    width: 100%;
}

.content-infogram .infogram-slider {
    padding-bottom: 28rem
}

.content-infogram .intro-content {
    padding: 25px;
    color: #fff;
    background-color: transparent;
}

.content-infogram .section-heading h2, .content-infogram .section-desc {
    color: #fff
}

.content-infogram .flickity-page-dots {
    transform: rotate(90deg);
    /*background-color: #fff;*/
    width: auto;
    left: -75px;
    padding: 25px;
    bottom: 20rem;
}

/* 3.19 aside box*/
.neutral-bg-box {
    background: var(--neutral-bg-color);
    border: var(--el-border-radius)
}

aside .card {
    margin-bottom: 15px
}

    aside .card .card-title {
        text-align: center;
        padding: 15px
    }

.cardimg {
    padding-right: .5rem;
}

aside .card .list-group-item {
    background-color: transparent
}

.section-heading { /*border-bottom:1px solid #f3f3f3;*/
    position: relative;
    text-align: left;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.section-subheading{margin-top: 20px}

.section-heading hr {
    float: left;
    position: relative;
    margin-top: 0px;
    height: 7px;
    background-color: #F3B344;
    width: 100px
}
.section-heading h2::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #e23520;
}
.heading-left h2::after {
    bottom: -10px;
    left: 0;
}

.heading-right h2::after {
    bottom: -10px;
    right: 0;
}
.heading-center h2::after {
    bottom: -10px;
    left: 45%;
}

/* 3.20 twitter*/

.sectionews {
    padding: 0 !important
}

.section-graysoft {
    position: relative;
    padding: 5rem 0;
    background-color: #F8F8F8;
}

/*.twitter{ width: 55%;}*/
.section-twitter {
    /*background: var(--Stwitter);
    padding: 1rem;*/
    /*max-height: 655px;*/
}

.content-twitter {
}

/*3.21 User Login*/

.welcome-box {
    padding-top: 5rem;
}

    .welcome-box p, .welcome-box h1 {
        margin: 0.8rem;
    }

.relatedInfo {
    background-color: #f8f9fa;
    /*background-color: #F1F1F1;*/
}

.bg-gray2 {
    background-color: #f8f8f8
}

.list-group-item {
    background-color: transparent
}


.relatedInfo .list-group i {
    float: right
}

.relatedInfo .list-group a {
    display: block
}
.relatedInfo a img{max-height: 50px}
/*  3.22    */
.wrap-bigData {
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

/*3.23 Video*/
.PreVideo {
    text-align: center;
    padding: 1rem 0rem;
}

/*3.24 Card Variables*/
.blue-card {
    background-color: #ECF7FB;
    border: 1px solid #ECF7FB;
    border-radius: 12px;
    padding: 15px 20px;
}

.card .img-container {
    padding: 15px;
    display: block
}

.rHlg {
    color: var(--Bordertitle);
    font-weight: 700;
}

.disBody {
    padding: 1.25rem;
}

.disInf {
    padding: 1rem;
}

.planInf {
    padding: 0rem;
}

.viewMore a.btn {
    border: 1px solid #fff
}

.viewMore .material-icons.md-24 {
    float: left !important;
    margin-right: 8px;
}

.disIcoMain {
    padding: 1.25rem;
}

    .disIcoMain img {
        width: 25%;
    }

.disIco {
    float: left;
    width: 90px
}

    .disIco img {
        width: 80%;
    }

.disTxt {
    margin-left: 7rem;
}

.distitle {
    color: var(--heading-font-color);
    font-weight: 700;
    font-size: 1.5rem;
}

.disList {
    padding: 1.25rem;
    font-size: 1.25rem;
}

    .disList li {
        list-style: none;
        padding-bottom: 1.25rem;
    }

.disInfo {
}

.disBody ul, .disInf ul, .planInf ul, .disList ul {
    padding-left: 0rem !important;
}

.disBody li, .disInfo li, .planInf li, .disList li {
    list-style: none;
    padding-bottom: 1.25rem;
    display: flex;
    text-align: left
}

    .disBody li i, .planInf li i, .disList li i {
        color: var(--SoftBlue);
    }

.wrap-front-card {
    padding: 25px 25px;
}

    .wrap-front-card p {
        font-size: .9em
    }
/* SUBMENU - INTERNALS*/
.subMenu {
    background-color: #F3F3F3
}

.subMenuGlosario {
    background-color: #E9E9E9;
    padding: 0;
}

    .subMenuGlosario a {
        color: #131313;
        font-weight: 600;
        padding:1.5rem;
    }

        .subMenuGlosario a:hover {
            color: #000 !important;
            font-weight: 600;
        }
        .subMenuGlosario a span{ padding-left:15px;}
        .wrap-cta i {
        }

.card-headerdata {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgb(186 227 248 / 22%);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.glosario-banner-link {
    display: block;
    margin-top: 5rem;
    background: #0D2C41 url(../img/bg-glosario.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    color: #fff!important;
}
    .glosario-banner-link .section-subheading, .glosario-banner-link h2 {
        color: #fff !important;
    }
    .glosario-banner-link:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        right: 0;
        bottom: 0;
        background-color: rgba(42,64,143,.7);
        z-index: 0;
    }
/**3.24 News**/
.Cnews {
}

/* === 4. Layouts === */
/* 4.1 Header */
.header-top {
    
    position: relative;
    background-color: var(--bkheadertop);
    color: #fff;
    padding: 0.82rem 0;
    font-size: 0.8rem;
    z-index: 1;
    padding-left:2rem;
}

    .header-top i {
        color: var(--primary-color);
    }

    .header-top a {
        color: #fff;
        text-decoration: none;
        font-family: var(--font-family), sans-serif;
        padding-right: 36px;
        font-size: 13px;
    }

        .header-top a:hover {
            color: #00a8ff;
            opacity: 1;
        }

.header-top-links {
    display: flex;
    align-items: center;
    margin-left: -2rem;
}

    .header-top-links li:last-child {
        margin-right: 0px
    }

    .header-top-links > * {
        margin-left: 2rem;
    }

    .header-top-links .header-call-back-link {
        display: flex;
        align-items: center;
        color: var(--primary-color);
        opacity: 0.8;
    }

        .header-top-links .header-call-back-link i {
            margin-right: 5px;
        }

        .header-top-links .header-call-back-link span {
            border-bottom: 1px dashed var(--primary-color);
            transition: all 0.25s;
            line-height: 1.1;
        }

        .header-top-links .header-call-back-link:hover {
            opacity: 1;
        }

            .header-top-links .header-call-back-link:hover span {
                border-bottom-style: solid;
            }

    .header-top-links ul li {
        border-right: 1px solid #DADFE4;
        margin-right: 36px;
    }



.header-top-info {
    display: flex;
    align-items: center;
    margin-left: -1rem;
}

    .header-top-info b, .header-top-info strong {
        font-weight: 600;
        color: var(--primary-color);
    }

    .header-top-info li {
        display: flex;
        align-items: center;
        margin-left: 1rem;
    }

        .header-top-info li a {
            opacity: 1;
            display: flex;
            align-items: center;
        }

            .header-top-info li a i {
                margin-right: 0.625rem;
            }

            .header-top-info li a:hover span {
                opacity: 1;
            }

        .header-top-info li b, .header-top-info li strong {
            margin-right: 5px;
        }

        .header-top-info li span {
            opacity: 0.8;
        }
.header-top img{height:21px!important}
.gab-wrapper{ align-items:center}
.social-links {
    display: flex;
    align-items: center;
}

    .social-links li {
        margin-right: 1rem;
    }

        .social-links li:last-child {
            margin-right: 0;
        }

        .social-links li a {
            display: block;
            width: 1rem;
            height: 1rem;
            fill: var(--primary-color);
            overflow: hidden;
            opacity: 0.8;
        }

            .social-links li a svg {
                display: block;
                width: 100%;
                height: 100%;
            }

        .social-links li:hover a {
            opacity: 1;
        }

.header-center {
    box-shadow: var(--header-box-shadow);
}

    .header-center .header-lang-list {
        right: inherit;
        left: 0;
    }

    .header-center .header-fixed {
        box-shadow: none;
    }

        .header-center .header-fixed.fixed {
            box-shadow: var(--header-box-shadow);
        }

.header-logo-center {
    padding: 0.625rem 0;
}

.header-fixed {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    /*padding: 1rem 0;*/
    background-color: #2951A6;
    font-size: 1rem;
    /*display: flex;*/
    align-items: center;
    z-index: 101;
    /*border-bottom: 4px solid var(--Borderblue);*/
    /*box-shadow: var(--header-box-shadow);
    height: 226px;*/
}
.main-head-section{ padding:20px 0px}
.header-fixed .logo {
    max-height: 2.25rem;
    height: 2.25rem;
}

    .header-fixed .col-static {
        position: static;
    }

    .header-fixed .container {
        position: relative;
    }

.logo {
    display: /*block;*/ inline-block;
    text-decoration: none;
    color: var(--text-primary);
    opacity: 1;
    font-size: 1.125rem;
    font-family: var(--heading-font-family), sans-serif;
    height: 3.5rem;
    font-weight: bold;
}

    .logo:hover {
        color: var(--text-primary);
    }

    .logo.logo-ico-widht-text {
        /*display: flex;*/
        /*align-items: center;*/
    }

    .logo .logo-ico {
        margin-right: 0.625rem;
    }

    .logo img {
        /*max-height: 3.5rem;
            max-width: 12rem;*/
        height: 104px;
        width: auto;
    }

    .logo svg {
        display: block;
    }

.Sub-header-top {
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.logoRC {
    text-align: left;
}



.botonera {
    float: right;
}

    .botonera .btn {
        background: none !important;
    }

    .botonera .btn-link {
        border: 1px solid #001A66;
        margin-top: 35px;
    }

        .botonera .btn-link a {
            color: #48789E;
            font-size: 12px;
            font-weight: bold;
        }

.Sub-header-top img {
}


body.mob-main-mnu-open {
    overflow: hidden;
}

    body.mob-main-mnu-open .header-fixed {
        box-shadow: var(--header-box-shadow);
    }

    body.mob-main-mnu-open .mob-main-mnu {
        transform: none;
    }

.mob-main-mnu {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-width: 20rem;
    background-color: var(--primary-color);
    z-index: 100;
    box-shadow: var(--header-box-shadow);
    transform: translateX(-150%);
    overflow: hidden;
    overflow-y: auto;
    transition: transform 0.6s;
    padding-top:0px!important;
}

.mf-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 99;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
    transition: opacity 0.4s;
}

    .mf-bg::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: var(--secondary-color);
        opacity: 0.8;
    }

    .mf-bg.visible {
        opacity: 1;
        visibility: visible;
        width: 100%;
        height: 100%;
    }

    .mf-bg.side-visible {
        z-index: 1110;
    }

.mob-main-mnu-footer {
    padding: 1.25rem;
    font-size: 1rem;
    border-bottom: 1px solid var(--primary-color);
}

.mob-main-mnu-lang {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

    .mob-main-mnu-lang li {
        margin-right: 1.25rem;
    }

        .mob-main-mnu-lang li:last-child {
            margin-right: 0;
        }

        .mob-main-mnu-lang li a {
            color: var(--text-primary);
            text-decoration: none;
        }

        .mob-main-mnu-lang li.active a {
            color: var(--main-color);
        }

.mob-main-mnu-content {
    background-color: var(--primary-bg-color);
}

.mob-main-mnu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: var(--font-size);
}

    .mob-main-mnu-list > li {
        position: relative;
        border-bottom: 1px solid var(--primary-color);
    }

        .mob-main-mnu-list > li > a {
            display: block;
            color: var(--text-primary);
            text-decoration: none;
            width: 100%;
            padding: 0 3.75rem 0 1.25rem;
            height: 3.125rem;
            line-height: 3.125rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .mob-main-mnu-list > li.active > a, .mob-main-mnu-list > li.open > a {
            background-color: var(--main-color);
            color: var(--primary-color);
        }

        .mob-main-mnu-list > li.active .mmm-btn, .mob-main-mnu-list > li.open .mmm-btn {
            color: var(--primary-color);
        }

        .mob-main-mnu-list > li.open .mmm-btn {
            transform: rotateX(180deg);
        }

        .mob-main-mnu-list > li .mmm-btn {
            position: absolute;
            right: 0;
            top: 0;
            width: 3.125rem;
            height: 3.125rem;
            border-left: 1px solid var(--primary-color);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.25s;
            cursor: pointer;
        }

.mob-main-submnu {
    display: none;
    padding: 1.5625rem 0 1.5625rem;
    border-top: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.mob-main-submnu-item {
    margin-bottom: 1.5625rem;
}

    .mob-main-submnu-item:last-child {
        margin-bottom: 0;
    }

    .mob-main-submnu-item ul {
        font-size: 1rem;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mob-main-submnu-item ul li {
            border-bottom: 1px solid var(--border-color);
        }

            .mob-main-submnu-item ul li:first-child {
                border-top: 1px solid var(--border-color);
            }

            .mob-main-submnu-item ul li a {
                display: block;
                padding: 0.625rem 1.25rem 0.625rem 2.5rem;
                text-decoration: none;
                color: var(--text-primary);
            }

.mob-main-submnu-item-title {
    font-size: 0.8125rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 0 1.25rem;
    text-transform: uppercase;
}

.tablet .main-mnu-list > li.main-mnu-item-has-child > a, .tablet .main-mnu-list > li.main-mnu-item-has-child-activeTab > a, .mobile .main-mnu-list > li.main-mnu-item-has-child > a, .mobile .main-mnu-list > li.main-mnu-item-has-child-activeTab > a {
    pointer-events: none;
}

.main-mnu-list {
    display: flex;
    margin-left: -1.25rem;
}

    .main-mnu-list.main-mnu-list-min > li {
        margin-left: 0.5rem;
    }

    .main-mnu-list > li {
        position: relative;
        /*margin-left: 1rem;*/
        padding: 1rem 0;
    }

        .main-mnu-list > li > .mnu-label {
            right: initial;
            left: 0.625rem;
            top: 0.125rem;
        }

        .main-mnu-list > li:hover > a > span, .main-mnu-list > li.active > a > span {
            /*transform: translateY(100%);*/
        }

        .main-mnu-list > li:hover > a::after, .main-mnu-list > li.active > a::after {
            transform: none;
        }

        .main-mnu-list > li:hover > ul,
        .main-mnu-list > li:hover .main-sub-mnu {
            transform: none;
            opacity: 1;
            visibility: visible;
            z-index: 11;
        }

        .main-mnu-list > li:hover > a i {
            transform: rotateX(180deg);
            color: #fff !important;
        }

        .main-mnu-list > li.main-mnu-item-mega-mnu {
            position: static;
        }

        .main-mnu-list > li > a {
            font-size: 1.1rem;
            padding: 0 1rem;
            overflow: hidden;
        }

            .main-mnu-list > li > a::after {
                /*content: attr(data-title);*/
                position: absolute;
                left: 0;
                top: 0;
                transform: translateY(-100%);
                padding: 0 1rem;
                width: 100%;
                transition: all 0.01s;
                color: #dc3545; /*var(--main-color);*/
                font-weight: 500;
                font-size: 1rem;
            }

            .main-mnu-list > li > a > span {
                display: block;
                transform: translateY(0);
                transition: all 0.01s;
                font-family: var(--font-family), sans-serif;
                font-weight: 500;
                letter-spacing: .2px;
                font-size: 1rem;
            }


        .main-mnu-list > li a {
            color: #fff;
            position: relative;
            display: block;
            text-decoration: none;
            /*font-size: 1.1rem;*/
            font-family: var(--font-family), sans-serif;
        }
.main-mnu-list > li a:hover{color:#fff!important; font-weight:600!important}
.main-mnu-list > li.main-mnu-item-has-child-activeTab {
    background-color: #0a1e38; /*#6a91b0;*/
}

        .main-mnu-list > li.main-mnu-item-has-child-activeTab {
            color: #fff
        }
        .main-mnu-item-has-child ul li a{ color: #000!important}

        .main-mnu-list > li.main-mnu-item-has-child, .main-mnu-list > li.main-mnu-item-has-child-activeTab {
            padding-right: 0;
        }

            .main-mnu-list > li.main-mnu-item-has-child:hover, .main-mnu-list > li.main-mnu-item-has-child-activeTab:hover {
                padding-right: 0;
                border-bottom: 3px solid #dc3545;
            }

            .main-mnu-list > li.main-mnu-item-has-child > a, .main-mnu-list > li.main-mnu-item-has-child-activeTab > a {
                display: flex;
                align-items: center;
            }
            .main-mnu-list > li.main-mnu-item-has-child > a {
                color: #fff;/*#5916c3*/
            }

                .main-mnu-list > li.main-mnu-item-has-child > a i {
                    color: #fff;
                }

                .main-mnu-list > li.main-mnu-item-has-child-activeTab > a i {
                    margin-left: 0.25rem;
                    font-size: 1.125rem;
                    width: 1.125rem;
                    height: 1.125rem;
                    color: #fff;
                    transition: all 0.4s;
                }
li.main-mnu-item-has-child-activeTab ul li a {
    color: #000
}

.main-mnu-list > li > ul {
    position: absolute;
    top: 100%;
    background-color: var(--primary-color);
    box-shadow: var(--el-box-shadow);
    min-width: 12.5rem;
    z-index: 10;
    transform: translateY(15px);
    font-weight: normal;
    opacity: 0;
    visibility: hidden;
    padding: 0.75rem 0;
    transition: all 0.2s 0.2s;
    cursor: default;
}

            .main-mnu-list > li > ul > li {
                padding: 0.5rem 1.5625rem;
                font-size: 0.8rem;
            }

                .main-mnu-list > li > ul > li > a {
                    display: block;
                }

            .main-mnu-list > li > ul li a {
                transition: all 0.25s 0s;
                overflow: hidden;
            }

                .main-mnu-list > li > ul li a::after {
                    content: attr(data-title);
                    position: absolute;
                    left: 0;
                    top: 0;
                    transform: translateY(-100%);
                    width: 100%;
                    transition: all 0.4s;
                    color: var(--main-color);
                }

                .main-mnu-list > li > ul li a > span {
                    display: block;
                    transform: translateY(0);
                    transition: all 0.4s;
                }

                .main-mnu-list > li > ul li a:hover > span {
                    transform: translateY(100%);
                }

                .main-mnu-list > li > ul li a:hover::after {
                    transform: translateY(0);
                }
.mmm ul li a{ display:flex!important; align-items:center!important}
.mmm ul li a i{margin-right:.5rem!important}
.mnu-label {
    font-size: 0.5rem;
    text-transform: uppercase;
    color: var(--primary-color);
    padding: 1px 3px 0;
    background-color: var(--error-color);
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    z-index: 1;
}

.main-mnu-btn {
    position: relative;
    display: block;
    width: 24px;
    height: 18px;
    overflow: hidden;
}

    .main-mnu-btn .bar {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background-color: var(--text-primary);
        transition: all 0.4s ease-in-out;
    }

    .main-mnu-btn .bar-1 {
        top: 0;
    }

    .main-mnu-btn .bar-2,
    .main-mnu-btn .bar-3 {
        top: 8px;
    }

    .main-mnu-btn .bar-3 {
        right: 0;
    }

    .main-mnu-btn .bar-4 {
        bottom: 0;
    }

    .main-mnu-btn.active .bar-1 {
        transform: translateX(40px);
        background-color: transparent;
    }

    .main-mnu-btn.active .bar-2 {
        transform: rotate(45deg);
    }

    .main-mnu-btn.active .bar-3 {
        transform: rotate(-45deg);
    }

    .main-mnu-btn.active .bar-4 {
        transform: translateX(-40px);
        background-color: transparent;
    }

.main-sub-mnu {
    position: absolute;
    left: 1rem;
    top: 100%;
    background-color: var(--primary-color);
    box-shadow: var(--el-box-shadow);
    width: 100%;
    width: calc(100% - 2rem);
    z-index: 10;
    transform: translateY(1rem);
    font-weight: normal;
    opacity: 0;
    visibility: hidden;
    min-height: 18.75rem;
    transition: all 0.2s 0.2s;
    z-index: -1;
    cursor: default;
}

    .main-sub-mnu .mega-mnu-title {
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: 1.5rem;
    }

    .main-sub-mnu .container, .main-sub-mnu .row {
        min-height: 18.75rem;
    }

.main-sub-mnu-banner {
    padding: 0;
}

.mega-mnu-item {
    padding: 2.5rem 1.25rem 2.5rem 3.125rem;
}

    .mega-mnu-item::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: var(--border-color);
        opacity: 0.5;
    }

    .mega-mnu-item:last-child::after {
        content: none;
    }

.main-sub-mnu-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1.25rem;
}

    .main-sub-mnu-list.main-sub-mnu-listh {
        display: block;
    }

        .main-sub-mnu-list.main-sub-mnu-listh > li {
            width: 100%;
        }

    .main-sub-mnu-list > li {
        width: 50%;
        position: relative;
        padding-right: 1rem;
        margin-bottom: 0.5rem;
    }

        .main-sub-mnu-list > li:hover > a > span {
            transform: translateY(100%);
        }

        .main-sub-mnu-list > li:hover > a::after {
            transform: translateY(0);
        }

        .main-sub-mnu-list > li > a {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .main-sub-mnu-list > li > a::after {
                content: attr(data-title);
                position: absolute;
                left: 0;
                top: 0;
                transform: translateY(-100%);
                transition: all 0.4s;
                color: var(--main-color);
                width: 100%;
                padding: 0.125rem 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .main-sub-mnu-list > li > a > span {
                display: block;
                transform: translateY(0);
                transition: all 0.4s;
                padding: 0.125rem 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.main-sub-mnu-banner {
    position: relative;
    background-color: var(--primary-bg-color);
    color: var(--primary-color);
}

.main-sub-mnu-slider {
    height: 100%;
}

    .main-sub-mnu-slider .owl-stage-outer,
    .main-sub-mnu-slider .owl-stage,
    .main-sub-mnu-slider .owl-item {
        height: 100%;
    }

.main-mnu-list > li a.mnu-slider-item {
    display: flex;
    color: var(--primary-color);
}

.mnu-slider-item {
    padding: 2.5rem 3.75rem 2.5rem 1.875rem;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    color: var(--primary-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.mnu-slider-item-subtitle {
    font-size: 0.75rem;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0.625rem;
}

.mnu-slider-item-title {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
}

.main-sub-mnu-slider .flickity-prev-next-button {
    position: absolute;
    padding: 0.3125rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    fill: var(--primary-color);
    padding: 0;
    border: none;
    line-height: 1;
}

.main-sub-mnu-slider .flickity-button-icon {
    fill: var(--primary-color);
}

.header-search.open .header-search-ico-close {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    /*display:none;*/
}

.header-search.open .header-search-ico-search {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.3);
}

.header-search.open .header-search-form {
    visibility: visible;
    opacity: 1;
}

.header-search-ico {
    cursor: pointer;
    position: relative;
    z-index: 13;
    transition: all 0.25s;
}

    .header-search-ico:hover {
        color: var(--main-color);
    }

.header-search-ico-search,
.header-search-ico-close {
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s;
}

.header-search-ico-close {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.3);
    left:100px; color:#fff;
}

.header-search-ico-search {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    color:#fff;
}

.header-search-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: var(--primary-color);*/
    display: flex;
    align-items: center;
    padding-right: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

    .header-search-form .form-field {
        margin: 0;
    }

        .header-search-form .form-field .form-field-input {
            padding-right: 2.5rem;
        }
.header-search .btn{ padding:1rem}
.whiteSearch {
    height: 70px;
    background: white;
    padding: 4px;
    border-radius: 10px;
    text-align: left;
    border: none;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

    .whiteSearch input {
        border: none !important
    }

        .whiteSearch input[type="search"] {
            width: 84% !important
        }

.buttonsearBTN {
    position: absolute;
    border-radius: 8px;
    background-color: var(--btn-primary-color);
    border: none;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
    padding: 18px;
    font-size: 1rem;
    font-weight: 600;
    width: 130px;
    text-align: center;
    display: flex;
    cursor: pointer;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    justify-content: center;
    border-radius: 10px;
}

    .buttonsearBTN span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
        color:#fff!important;
    }

        .buttonsearBTN span:after {
            content: '»';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -15px;
            transition: 0.5s;
        }

    .buttonsearBTN:hover span {
        padding-right: 15px;
    }

        .buttonsearBTN:hover span:after {
            opacity: 1;
            right: 0;
        }


/*.header-search{display:none}*/

.header-search-btn, .search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.25s;
    color:var(--btn-primary-color); font-weight:700;
}

    .header-search-btn:hover,
    .search-btn:hover {
        color: var(--main-color);
    }

    .header-search-btn:focus,
    .search-btn:focus {
        outline: none;
    }

    .header-search-btn:active i,
    .search-btn:active i {
        transform: scale(0.8);
    }

    .header-search-btn i,
    .search-btn i {
        transition: all 0.25s;
    }

.mobile .header-lang.open .header-lang-current > span, .tablet .header-lang.open .header-lang-current > span {
    transform: none;
}

.header-lang {
    position: relative;
}

    .header-lang.open .header-lang-list {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .header-lang.open .header-lang-current > span {
        transform: translateY(100%);
    }

    .header-lang.open .header-lang-current::after {
        transform: none;
    }

.header-lang-current {
    cursor: pointer;
    min-width: 1.5rem;
    text-align: center;
}

.header-lang-list {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10;
    background-color: var(--primary-color);
    box-shadow: var(--el-box-shadow);
    padding: 0.75rem 0;
    transition: all 0.2s;
    transform: translateY(1rem);
    opacity: 0;
    visibility: hidden;
}

    .header-lang-list li {
        padding: 0.4rem 1.5625rem;
    }

        .header-lang-list li a span {
            padding: 0.125rem 0;
        }

        .header-lang-list li a::after {
            padding: 0.125rem 0;
        }

.header-navbar {
    position: relative;
    z-index: 3;
}

    .header-navbar.open .header-navbar-content {
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .header-navbar .social-links li a {
        opacity: 1;
    }

.header-navbar-btn {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s;
}

    .header-navbar-btn:hover {
        color: var(--main-color);
    }

    .header-navbar-btn:active {
        transform: scale(0.8);
    }

.header-navbar-content {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 1.5rem;
    background-color: var(--primary-color);
    font-size: 1rem;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    white-space: nowrap;
    z-index: 15;
    box-shadow: var(--el-box-shadow);
}

    .header-navbar-content .header-actions {
        padding: 0;
    }

    .header-navbar-content > li {
        display: flex;
        margin-bottom: 1rem;
    }

        .header-navbar-content > li:last-child {
            margin-bottom: 0;
        }

    .header-navbar-content i {
        color: var(--text-primary);
    }

    .header-navbar-content b {
        margin-right: 0.3125rem;
    }

    .header-navbar-content a {
        color: var(--text-primary);
        text-decoration: none;
        display: flex;
        align-items: center;
    }

        .header-navbar-content a:hover {
            color: var(--text-primary);
        }

        .header-navbar-content a i {
            margin-right: 0.625rem;
        }

    .header-navbar-content .header-call-back-link span {
        border-bottom: 1px dashed var(--text-primary);
        transition: all 0.25s;
        line-height: 1.3;
    }

    .header-navbar-content .header-call-back-link:hover span {
        border-bottom-style: solid;
    }

    .header-navbar-content .social-links {
        margin-top: 0.3125rem;
    }

        .header-navbar-content .social-links li a {
            fill: var(--text-primary);
        }

.header-actions {
    display: flex;
    align-items: center;
    margin-left: -1.25rem;
    padding: 1rem 0;
    /*display: none;*/
}

    .header-actions > li {
        margin-left: 1.25rem;
    }

.header-action-icon {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 1.5rem;*/
    height: 1.5rem;
    transition: all 0.25s;
}

    .header-action-icon:hover {
        color: var(--main-color);
    }

.side {
    position: fixed;
    top: 0;
    width: 20rem;
    height: 100%;
    background: var(--primary-color);
    z-index: 1111;
    transition: all 0.4s;
}

    .side.side-right {
        right: 0;
        transform: translateX(20rem);
    }

    .side.open {
        transform: none;
    }

.side-scroll {
    padding: 1rem 1.5rem 1.25rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.side-close {
    position: absolute;
    right: 1rem;
    top: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    transition: all 0.25s;
    z-index: 2;
}

    .side-close:hover {
        transform: rotate(90deg);
        color: var(--main-color);
    }

.side-login {
    margin-top: 2rem;
    margin-bottom: 1.25rem;
}

.side-form-title {
    text-align: center;
    margin-bottom: 1.5rem;
}

.side-form-nav {
    margin-top: 1.25rem;
    text-align: center;
}

.sfn-row {
    margin-bottom: 1rem;
}

    .sfn-row:last-child {
        margin-bottom: 0;
    }

@media (max-height: 750px) {
    .side-form .input-states-labelled {
        display: none;
    }
    
}
@media (min-width: 768px) and (max-width: 991px) {
    .buttonsearBTN{ width: auto}
        .buttonsearBTN {display:none!important
        }
}
@media (min-width: 991px){
    /*.header-search{ display:none}*/
}
/* 4.2 Sidebar */
.sidebar-item-margin {
    margin-bottom: 2rem;
}

    .sidebar-item-margin:last-child {
        margin-bottom: 0;
    }

.sidebar-item-style {
    padding: 1.5rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--el-border-radius);
}

.sidebar-item-row {
    margin-bottom: 1.5rem;
}

    .sidebar-item-row:last-child {
        margin-bottom: 0;
    }

.sibebar-item-bg {
    position: relative;
    padding: 1.5rem 1rem;
}

.sidebar-item-heading {
    line-height: 1.2;
    font-family: var(--heading-font-family), sans-serif;
    margin-bottom: 1.5rem;
}

.sidebar-item-desc {
    font-size: 1rem;
    margin-bottom: 1.25rem;
    color: var(--text-secondary);
}

.sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -0.625rem;
    margin-left: -1rem;
    font-size: 1rem;
}

    .sidebar-tags li {
        margin-bottom: 0.625rem;
        margin-left: 1rem;
    }

        .sidebar-tags li a {
            text-decoration: none;
        }

            .sidebar-tags li a:hover {
                text-decoration: underline;
            }

.sidebar-recent-posts li {
    margin-bottom: 1.25rem;
}

    .sidebar-recent-posts li:last-child {
        margin-bottom: 0;
    }

.sidebar-recent-post {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 1rem;
    color: var(--text-primary);
    font-weight: bold;
}

    .sidebar-recent-post:hover {
        color: var(--main-color);
    }

.sidebar-recent-post-img {
    height: 4.6875rem;
    min-width: 5.3125rem;
    width: 5.3125rem;
}

    .sidebar-recent-post-img img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.sidebar-recent-post-title {
    text-decoration: none;
    padding-left: 0.625rem;
    line-height: var(--line-height);
}

.sidebar-cat-tree .sidebar-cat-item {
    display: block;
}

.sidebar-cat-tree > li.open > a::after {
    color: var(--text-primary);
}

.sidebar-cat-tree > li.open .sidebar-cat-icon {
    transform: translateY(-50%) rotate(90deg);
}

.sidebar-cat-item {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    display: flex;
    color: var(--text-secondary);
}

    .sidebar-cat-item:last-child {
        margin-bottom: 0;
    }

    .sidebar-cat-item a {
        position: relative;
        color: var(--text-secondary);
        display: block;
        width: 100%;
        text-decoration: none;
    }

        .sidebar-cat-item a:hover, .sidebar-cat-item a.active {
            color: #61C3DB; /* var(--main-color);*/
        }

    .sidebar-cat-item ul {
        padding-left: 0.625rem;
        margin-top: 0.5rem;
    }

        .sidebar-cat-item ul > li {
            margin-bottom: 0.5rem;
        }

            .sidebar-cat-item ul > li:last-child {
                margin-bottom: 0;
            }

    .sidebar-cat-item .sidebar-cat-icon {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: var(--main-color);
        transition: all 0.25s;
    }

.sidebar-cat-count {
    margin-left: 0.625rem;
    min-width: 1.125rem;
    text-align: right;
}

/* 4.3 Section */
.section {
    position: relative;
    padding: 5rem 0;
}

.section-question {
    position: relative;
    padding: 4rem 0;
}



.section-login {
    background: var(--Slogin);
}

.page-sections {
    padding-top: 3.5rem;
}

    .page-sections .section {
        padding: 0;
        margin-bottom: 3.5rem;
    }

        .page-sections .section:last-child {
            margin-bottom: 0;
        }

.section-overflow-hidden {
    overflow: hidden;
}

.section-bg {
    background: linear-gradient(45deg, rgba(232,251,245,1) 0%, rgba(214,236,248,1) 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-cream {
    position: relative;
    padding: 5rem 0;
    background-color: var(--cream-section);
}

.section-white {
    position: relative;
    padding: 5rem 0;
}

.section-gray {
    position: relative;
    padding: 5rem 0;
    background-color: var(--secgray);
}

.section-gray05 {
    position: relative;
    padding: 0.5rem 0;
    background-color: var(--gray-section);
}

.section-objects {
    position: relative;
    padding: 1rem 0;
    border-bottom: 4px solid var(--gray-section);
}

.section-dark {
    background-color: #000;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .section-dark a {
        color: #fff;
    }

.section-heading {
    margin-bottom: 1rem;
}

    .section-heading a:hover {
        text-decoration: none;
    }

    .section-heading h1, .section-heading h2 {
        position: relative;
        margin: 0;
        /*font-size: 2rem;padding-bottom: 15px;*/
    }

    .section-heading.shm-none {
        margin-bottom: 0;
    }

.section-heading-banner

.section-heading .wrap-btn {
    margin-top: 2rem;
}

.heading-center {
    text-align: center;
}

.section-subheading {
    font-size: 1.22rem;
    margin-bottom: 1.5rem;
    color: #4A4A45;
}

.section-desc {
    margin: 1.25rem auto 0 auto;
    max-width: 35rem;
    color: var(--text-secondary);
    /*font-size: 1.25rem;*/
}

.section-btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-bottom: -1rem;
    margin-top: 0.3125rem;
}

    .section-btns .btn {
        margin-bottom: 1rem;
        margin-left: 1rem;
        font-weight: 600;
    }

.section-nav {
    position: relative;
    margin-bottom: 3rem;
    margin-top: -0.3125rem;
}

.section-nav-list {
    list-style: none;
    margin: 0;
    padding: 0.3125rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    text-transform: uppercase;
    width: 100%;
    overflow-x: auto;
}

    .section-nav-list li {
        cursor: pointer;
        padding: 0.125rem 0.3125rem;
        margin-right: 1.5rem;
        white-space: nowrap;
        transition: all 0.25s;
    }

        .section-nav-list li:last-child {
            margin-right: 0;
        }

        .section-nav-list li:hover, .section-nav-list li.active {
            color: var(--main-color);
        }

.section-row {
    display: flex;
    flex-wrap: wrap;
}

.section-item {
    width: 50%;
    max-height: 100%;
}

.section-path {
    width: calc(1140px / 2);
    padding: 0 15px;
}

.section-path-left {
    margin-left: auto;
}

.disclaimer {
    background-color: #f8f9fa;
    padding: .8rem;
    display:flex; gap:1rem; align-items:center;
}
p.disclaimer i {
    vertical-align: middle;
}
.section-path-right {
    margin-right: auto;
}

.section-right-picture {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 2rem;
}

    .section-right-picture img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.section-body {
    padding-right: 1rem;
}

.section-form {
    padding-bottom: 1rem;
}

    .section-form label {
        font-weight: 600;
    }

.distribucion {
    padding: 2rem 0rem;
}

.avance {
    padding: 2rem 0rem;
}
#typeProjectTitle {
    color: #000
}
#typeProjectTitle span {
    color: var(--big-numbers);
}

/* 4.4 Page */
.socialmedia-links {
    display: flex;
    justify-content: left;
    flex-direction: row;
    gap: .5rem;
}
.socialmedia-links img{height:45px;}
.logos-entidades {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    border-top: 1px solid #DBDBDB;
    gap:1rem; justify-content:center;
}
.logos-entidades a {
    margin:1rem 1.5rem
    
}
.grid-item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.p-title {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 0.625rem;
}

.page-404-title {
    font-size: 5rem;
}

.search-page-container {
    max-width: 55rem;
    padding: 1rem 0rem;
    margin:0 auto; text-align:center
}

.search-page-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 3.5rem;
    counter-reset: item;
}

    .search-page-list li {
        margin-bottom: 1.5rem;
        display: flex;
        align-items: flex-start;
    }

        .search-page-list li:last-child {
            margin-bottom: 0;
        }

        .search-page-list li a {
            font-weight: bold;
            font-family: var(--heading-font-family), sans-serif;
            text-decoration: none;
        }

            .search-page-list li a:hover {
                text-decoration: underline;
            }

        .search-page-list li::before {
            content: counter(item) ".";
            counter-increment: item;
            display: block;
            min-width: 2rem;
            top: 0;
        }

        .search-page-list li p {
            margin-top: 0.3125rem;
            margin-bottom: 0;
            color: var(--text-secondary);
            font-size: 1rem;
        }

.search-page-results-text {
    margin-bottom: 2rem;
    margin-top: 0rem;
    color: #fff;
    font-size: 20px;
}

    .search-page-results-text b, .search-page-results-text strong {
        font-weight: 600;
        font-family: var(--heading-font-family), sans-serif;
    }

/* 4.5 Footer */

.fuentes-datos {
    text-align: center;
}

    .fuentes-datos .contenedor-columnas {
        display: flex;
        justify-content: center;
        flex-direction:row;
        gap: 20px;
    }

    .fuentes-datos .columna {
        width: 350px; 
        padding: 15px;
        background-color: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

        .fuentes-datos .columna h3 {
            font-size: 1.2em;
            color: #4a4a4a;
            margin-bottom: 10px;
        }

        .fuentes-datos .columna p {
            font-size: 0.9em;
            color: #666;
            margin: 5px 0;
        }
.fuente_act, .fuente_corte{ border-bottom:1px solid #f3f3f3}

.border-t-1 {
    border-top: 1px solid #ccc
}
.footer-company-top img {
}

.footer {
    position: relative;
    background-color: #F5F5F5;
    width: 100%;
    color: var(--primary-color);
    font-size: 1rem;
}

    .footer p, .footer i {
        opacity: 1;
    }

    .footer a {
        opacity: 1;
        color: var(--Menufootercolor);
        text-decoration: none;
    }

        .footer a:hover {
            color: #3F3F3E;
        }

        .footer a::after {
            color: #3F3F3E;
            font-weight: 600;
        }

.mobile .footer, .tablet .footer {
    z-index: 1 !important;
    position: relative !important;
}

.mobile .main-inner, .tablet .main-inner {
    margin-bottom: 0 !important;
}

.footer-minimal .footer-company-info .logo {
    margin-bottom: 0;
}

.footer-minimal .footer-main {
    padding: 4rem 0;
}

.footer-center {
    text-align: center;
}

    .footer-center .footer-social-links {
        justify-content: center;
    }

    .footer-center .footer-company-top {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

.footer-company-top .logo {
    opacity: 1;
}

.footer-main {
    padding: 3rem 0 1rem 0;
    /*background: var(--secgray);
    border-top: 3px solid var(--bderfooterm);*/
    border-bottom: 1px solid #011c31;
    /*background-image: url('../img/subfooter.jpg');*/
}

.footer-company-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

    .footer-company-info .logo {
        margin-bottom: 1.25rem;
        height: auto;
    }
    .footer-company-info .footer-company-top{ text-align:left}
.footer-company-desc {
    margin-bottom: 1rem;
    text-align: left;
    font-size: 0.8rem;
}

.footer-company-links {
    font-size: 0.8rem;
    color: #fff;
}

    .footer-company-links a {
        padding-right: 10px;
        margin: 8px 15px
    }

.footer-company-desc p {
    margin-bottom: 0;
}

.footer-social-links {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: all 0.25s;
}

    .footer-social-links li {
        margin-right: 0.625rem;
    }

        .footer-social-links li:last-child {
            margin-right: 0;
        }

        .footer-social-links li a {
            display: flex;
            width: 2.25rem;
            height: 2.25rem;
            border-radius: var(--el-border-radius-min);
            fill: var(--primary-color);
            border: 1px solid var(--primary-color);
        }

            .footer-social-links li a > svg {
                display: block;
                width: 1rem;
                height: 1rem;
                margin: auto;
            }

            .footer-social-links li a:hover {
                background-color: var(--primary-color);
                fill: var(--secondary-bg-color);
                opacity: 1;
            }

.footer-item {
    margin-bottom: 2rem;
}

    .footer-item:last-child {
        margin-bottom: 0;
    }

.footer-item-heading {
    font-size: 0.8rem;
    margin-bottom: 1.5rem;
    opacity: 0.9;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.footer-mnu li {
    margin-bottom: 1rem;
}

    .footer-mnu li:last-child {
        margin-bottom: 0;
    }

.footer-mnu-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: -2rem;
    margin-bottom: -1rem;
}

    .footer-mnu-line li {
        margin-left: 2rem;
        margin-bottom: 1rem;
    }

.footer-mnu .hover-link {
    font-size: 0.65rem;
}

    .footer-mnu .hover-link > span {
        font-weight: 600;
    }

.footer-contacts li {
    display: flex;
    margin-bottom: 1rem;
}

    .footer-contacts li:last-child {
        margin-bottom: 0;
    }

    .footer-contacts li i {
        margin-right: 0.3125rem;
    }

.footer-contacts i {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .footer-contacts i.footer-contact-tel {
        font-size: 1.25rem;
    }

    .footer-contacts i.footer-contact-email {
        font-size: 1.125rem;
    }

.footer-contact-info {
    opacity: 0.8;
}

    .footer-contact-info a {
        opacity: 1;
    }

        .footer-contact-info a:hover {
            text-decoration: underline;
        }

.footer-subscribe {
    display: flex;
}

    .footer-subscribe .form-field {
        margin-right: 1rem;
        margin-bottom: 0;
        width: 100%;
    }

        .footer-subscribe .form-field input {
            background-color: transparent;
            color: var(--primary-color);
        }

.footer-bottom {
    position: relative;
    padding: 3rem 1rem;
    background: #d82200;
    color: #000;
}

.footerlogos {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.footerlogos .govco { width: 8rem;}
    .footerlogos .coco {
        width: 3rem;
        margin-top: 1rem;
    }
.footerdir {

    color: #fff;
}
.footer-bottom h2{color:#fff!important;}
.footerborder {
    border-left: 1px solid #fff;
    padding: 0 2rem;
}
.footerdir a{ margin: 0rem !important; cursor: pointer !important; }

.footerdir h6 { color: #fff; font-weight:800;}
.stores img { width: 5rem; }


    .footer-bottom::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: var(--primary-color);
        opacity: 0.2;
    }

    .footer-bottom .copyright {
        opacity: 0.8;
    }

    .footer-bottom .items {
        margin-bottom: -2.5rem;
    }

    .footer-bottom .item {
        margin-bottom: 2.5rem;
    }

    .footer-bottom a {
        margin: 0.9rem 1.5rem; display: inline-block
    }

    .footer-bottom img {
        /*max-width: 150px;
        width: 120px;*/

    }
    .footerMIV{ max-height:40px}

.footer-links ul {
    display: flex;
    margin-bottom: -1rem;
    margin-left: -1.25rem;
}

    .footer-links ul li {
        margin-bottom: 1rem;
        margin-left: 1.25rem;
    }

        .footer-links ul li a {
            display: block;
            text-decoration: none;
            border-bottom: 1px dashed var(--primary-color);
        }

            .footer-links ul li a:hover {
                border-bottom-style: solid;
            }

.footer-company-top a {
    text-align: center;
}
.progress{ height:1.5rem}
.progress-bar {
    background-color: #33c6a9!important; 
    color:#0E302A;
}

.footer-company-top a img {
    height: 70px;
    margin: 0px 0px 15px 0px;
}

#contenidoActividades .card {
    border: 1px solid #ccc
}

.colorbox-demo {
    width: 10px;
    height: 10px
}

.head-control, .botonera-action {
    display: none
}

.wrap-side-links {
    border-radius: 6px;
}

    .wrap-side-links .list-group-item a {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

        .wrap-side-links .list-group-item a i {
        }
.social-link{ display:flex; flex-direction:column; color:#fff!important}

.social-link img{width:16px;}
@media (max-width: 767.98px) {
    .buttonsearBTN span {
        display: none !important
    }
    .gab-wrapper{justify-content:center}
    .header-search-ico-search {
        margin-left: -8px;
    }
    .section-heading h2::after {
        left: 43%;
    }

    .footer-company-info .footer-company-top {
        text-align: center;
    }
    .infogram:before{ width: 100%; left: 0}
    .footer-bottom a{ margin: 0px}
    .intro-slider .flickity-viewport { height:480px!important
    }
    .intro-slider .intro-item { min-height:28rem!important
    }
    .intro-slider .flickity-page-dots{ bottom: 3rem!important}
    .intro-slider .intro-content{ margin-top: 3rem; padding-bottom: 1rem}
    .intro-slider .wrap-btn{ margin-bottom: 1rem}
    .content-infogram .infogram-slider {
        padding-bottom: 25rem;
    }
    .botonera-action {
        display: flex;
        padding: 5rem 1rem;
        text-align: center;
        justify-content: center
    }

        .botonera-action .btn-outlined {
            border: 2px solid #DB473C;
        }

            .botonera-action .btn-outlined * {
                color: #DB473C
            }

    .head-control {
        display: flex;
        justify-content: space-between;
        padding: 0 1em;
    }

        .head-control button {
            background-color: transparent;
            border: none;
        }

            .head-control button span {
                font-size: 15px
            }

    #section-home .projects-list-view .title {
        font-weight: 700;
        text-align: left;
        background-color: #f4f4f4;
        border-bottom: 1px solid #ccc;
    }

    #section-home #controls #map-view, #section-home .projects-list-view {
        height: 960px;
        min-width: 290px;
    }

    #section-home #controls .filter-group .txt {
        padding: 1em 1em 1em 0.4em !important
    }

    .main-header {
        justify-content: left;
        flex-wrap: nowrap; align-items: center;
    }
 
        .main-header img {
            height: 40px;
            width: auto
        }

    .intro {
        min-height: auto
    }

    .intro-item {
        min-height: 17rem;
        text-align: center
    }
    .logoIntro{ padding: 0px 15px}
    .logoIntro img {
        margin-top: 15px
    }
    .logo img {
        height: 72px
    }

    .h120 {
        height: auto
    }

    .header-fixed {
        display:none
    }

    .banner-main-section .details li {
        width: 90%;
        margin: 15px auto;
        border: 1px solid #ccc;
        padding: 5px;
        border-radius: 8px;
        display:flex;
        justify-content:center;
        flex-direction:column;
        text-align:center
    }
    .banner-main-info .h6, .banner-main .h6{flex-direction:column;}

    .goal-name .h4 {
        font-size: .8rem
    }

    .banner-main-title h1 {
        /* word-break: break-all*/
    }

    .footer-company-links {
        margin: 15px 0px 0px 0px
    }

        .footer-company-links a {
            display: inline-block;
            margin: 8px 0px;
            flex-direction:row; gap:1rem;
        }

    .mainData, .data1 {
        max-width: 100% !important;
        width:100%;

    }

    .w-88 {
        width: 100%
    }

    .head {
        display: block
    }

    .headEnt {
        display: flow-root;
        /*flex-wrap: wrap;*/
        align-content: space-between;
        width: 100%;
    }

    .comparativeTable .panel-heading {
        flex-direction: column;
    }


    .footer-bottom img {
        margin: 1rem 0;
    }

    .goals-main-info {
        padding: 1.5rem
    }

    .h-100 > img {
       /* width: 50px !important*/
    }

    .icon-eje {
        padding: 15px;
        text-align: center
    }
}

/* 4.6 Elements style */
.items {
    /*margin-bottom: -45px;*/
}

.item {
    margin-bottom: 15px;
}

.content-items {
    margin-bottom: -3.5rem;
}

.content-item {
    margin-bottom: 3.5rem;
}

.item-style {
    position: relative;
    background-color: #F9F9F9;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    transition: all 0.25s;
}

    .item-style:hover {
        box-shadow: var(--el-box-shadow);
    }

        .item-style:hover::after {
            border-color: transparent;
        }

    .item-style::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /*border-radius: var(--el-border-radius);
    border: 1px solid var(--border-color);*/
        overflow: hidden;
        pointer-events: none;
        transition: all 0.25s;
    }
.negative-margin .item-style {
    background-color: #fff
}
    .flickity-slider .item-style:hover {
    box-shadow: none;
}

    .flickity-slider .item-style:hover::after {
        border-color: var(--main-color);
    }

.img-style {
    border: 1px solid var(--border-color);
    background-color: var(--primary-bg-color);
    border-radius: var(--el-border-radius);
    overflow: hidden;
}

    .img-style img {
        margin: 0;
    }

.img-style-min {
    border-radius: var(--el-border-radius-min);
}

.item-heading {
    font-family: var(--heading-font-family), sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
}

    .item-heading a {
        text-decoration: none;
        color: var(--text-primary);
    }

        .item-heading a:hover {
            color: var(--main-color);
        }

.item-border-radius {
    border-radius: var(--el-border-radius);
}

.el-ripple {
    --ripple-width: 100%;
    --ripple-time: 0.4s;
    position: relative;
    overflow: hidden;
    transition: all var(--ripple-time);
}

    .el-ripple .el-ripple-circle {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: var(--el-gradient1);
        transform: translate(-50%, -50%);
        transition: width var(--ripple-time), padding-top var(--ripple-time);
        z-index: 0;
    }

    .el-ripple span, .el-ripple div, .el-ripple i {
        position: relative;
        z-index: 1;
    }

    .el-ripple:hover {
        color: var(--primary-color);
    }

        .el-ripple:hover .el-ripple-circle {
            width: calc(var(--ripple-width) * 3);
            padding-top: calc(var(--ripple-width) * 3);
        }

.selectBlue {
    margin-bottom: 20px;
}

    .selectBlue .numberTree {
        float: left;
        color: #5e7fb1;
        font-size: 1rem;
        font-weight: 600;
        border: 2px solid #5e7fb1;
        border-radius: 50px;
        padding: 1px 10px;
    }

    .selectBlue .levelTree {
        margin-left: 40px;
    }

        .selectBlue .levelTree label {
            color: #5e7fb1;
            font-size: 1rem;
            font-weight: 600;
        }

        .selectBlue .levelTree select {
            color: #5e7fb1;
            font-size: 1rem;
            font-weight: 600;
            font-size: 1rem;
        }

.selectDis {
    margin-bottom: 20px;
}

    .selectDis .numberTree {
        float: left;
        color: #C4C4C4;
        font-size: 1rem;
        font-weight: 600;
        border: 2px solid #C4C4C4;
        border-radius: 50px;
        padding: 1px 10px;
    }

    .selectDis .levelTree {
        margin-left: 40px;
    }

        .selectDis .levelTree label {
            color: #C4C4C4;
            font-size: 1rem;
            font-weight: 600;
        }

        .selectDis .levelTree select {
            color: #C4C4C4;
            font-size: 1rem;
            font-weight: 600;
            font-size: 1rem;
        }

/* === 4.7 plan PLAN NACIONAL=== */


/*estilos Presupuesto*/
.project-badge {
    background-color: rgba(255,255,255,0.95);
    color: #666;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: auto;
    width: fit-content;
    letter-spacing: 0.5px;
}

.project-badge-green {
    background-color: #b7dea463;
    color: #637559;
}

.project-badge-purple {
    background-color: #b45cb130;
    color: #80437D;
}

.wrap-pry-destacados .card {
    box-shadow: var(--el-box-shadow);
    border-radius: var(--el-border-radius);
}

.card-body-pry {
    flex: 1 1 auto;
}
.cardimg-city {
    
}
.cardimg-city img {
    width: 100%;
    border-radius: 15px 15px 0px 0px;
}
.cardcont-city .item-link {
    display: flow;
    padding: 1rem;
}

.cardcont-city .item-link {
    color: #0171BB;
}

.cardcont-city .project-title h3 { font-size: 1rem}

.wrap-pryheader img{ margin-bottom: 0px !important}
.wrap-pryheader h2 {
    margin-top: 0px !important;
    padding-left:4px;

}

.city-ods img{ width: 100px; height: auto; }
.wrap-desc-pot{ display:flex;}
/*******/
.circle-stage {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 3px solid #0059AB;
    text-align: center;
    padding-top: 25px;
    background-color: #fff;
    position: absolute
}
.circle-stage .btn{width: 45px; height: 45px; border-radius: 50%; text-align: center; padding: 0px}
.circle-stage .btn span{ margin-top: 0px; font-weight: bold; display: block; font-size: 30px}
.graph-arrows{ background: url("../img/bg-arrows-cicle.svg") no-repeat center center; position: relative; width: 100%; height: 720px}
.budget-cycle{ position: relative; margin: 4rem}
.circle-stage h3{ font-size:1.2rem}
.pos1 {
    top: -5%;
    left: 35%
}
.pos2 {
    top: 20%;
    left: 70%
}
.pos3 {
    top: 65%;
    left: 53%
}
.pos4 {
    top: 63%;
    left: 15%
}
.pos5 {
    top: 20%;
    left: 0%
}
.TableGraphIndicador thead {
    background-color: #eaebec
}

#loading {
    text-align: center;
    padding: 3em
}
.location-tabs{padding-top:3rem; padding-bottom:3rem }

.location-tabs .tabs-nav {
    justify-content: center;
}
    .location-tabs .tabs-nav li {
        font-weight:700; font-size:1.2em
    }
        .location-tabs .tabs-nav li.active {
            color: #5916C3;
        }

.goals {
}

    .goals .tabs-nav li {
        padding: 1em 1.5em;
        margin-right: 0px
    }

        .goals .tabs-nav li.active, .goals .tabs-nav li:hover {
            background-color: var(--big-numbers); color:#fff;
        }
            .goals .tabs-nav li.active .h5, .goals .tabs-nav li:hover .h5{
                color: #fff
            }
            .goals .tabs-nav li.active .h4 {
                font-weight: 700;
                /*font-size: 1.2rem;*/
                color: #fff
            }

            .goals .tabs-nav li.active:after {
                /*width: 30px;
            height: 30px;*/
                position: absolute;
                bottom: -15px;
                background-color: var(--big-numbers);
                width: 0;
                height: 0;
                border-left: 15px solid #fff;
                border-right: 15px solid #fff;
                border-top: 15px solid var(--big-numbers);
            }

.goal-number {
    font-size: 30px;
    font-weight: 700;
    color: #003366
}
.comprometido .completed {
    background-color: #54A9D5
}
.girado .completed {
    background-color: #ABD4A0
}
.goal-name .h4 {
    font-size: 1.4rem
}
.goals .card-entidad {
    border-radius: 0 !important
}

.programas {
}

    .programas .tabs-nav li {
        width: 32%
    }

    .programas .card-title {
        background-color: aliceblue;
        padding: 1rem;
        border-radius: 8px 8px 0px 0px
    }

    .programas h4, .programas h5, .programas .h4, .programas .h5 {
        color: #000
    }

.activities .card {
    margin-bottom: 1.2rem;
    border: 1px solid #dfdfdf !important;
    border-radius: 8px;
}

.activities .Outlinetag {
    color: #5e97cf;
    border: 1px solid #ccc;
    font-weight: 400;
}

.gray-bg {
    background-color: #F5F5F5
}

/*Entidades*/
.lblEntidadesAportantes {
    font-size: .8rem;
    color: var(--heading-font-color);
    line-height: 1.9;
    font-weight: 600;
}

.mision, .vision {
    padding: 15px 25px
}

.mision {
    background-color: aliceblue;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.vision {
    background-color: #e5f2fd;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*Fuente de Datos*/
.section-dataFuente {
    padding: 50px 0px;
    color: #000;
}

    .section-dataFuente h6 {
        font-size: 12px;
        text-align: center;
        margin-bottom: 25px;
    }

.boxDataSource {
    width: 40%;
    margin: 0 auto 25px auto;
    font-size: 12px;
    text-align: center;
    background-color: rgba(188, 224, 253, .03);
}

    .boxDataSource h4 {
        padding: 5px;
        font-size: 12px;
        font-weight: 700;
    }

.boxDataSourceDA {
    margin: 0 auto 25px auto;
    font-size: 12px;
    background-color: rgba(188, 224, 253, .03);
}

    .boxDataSourceDA h4 {
        padding: 5px;
        font-size: 12px;
        font-weight: 700;
    }


.border-right {
    border-right: 1px solid #001A66;
}



/* === 4.8 centro de ayuda=== */

.categoriapregunta {
    border: 1px solid #ccc;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 5px
}

    .categoriapregunta .h5 {
        font-size: 1rem !important;
        cursor: pointer
    }

        .categoriapregunta .h5::after {
            content: '>';
            float: right
        }

.pregunta {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc
}
.pregunta .h4{ margin-bottom:1.5rem}
.planes-bg {
    background: #f3f3f3 url("../img/bg-plans.png") no-repeat bottom right;
}

.services-image-item-card-back h5 {
    color: #fff;
    text-align: left
}
/* === 4.8.5 open data === */
.box-od{}
.box-od .radios-group{ padding:1.5rem 0; display:flex; gap:1.2rem;}
    .radios-group .label, .box-od .fuentes_content .label {
        font-weight: 700;
    }
.box-od .fuentes_content{ padding-top:1.5rem; padding-bottom:1.5rem}

@-webkit-keyframes pulse {
    0% {
        @include transform(scale(.9));
    }

    70% {
        @include transform(scale(1));
        box-shadow: 0 0 0 50px rgba(171,31,45,0);
    }

    100% {
        @include transform(scale(.9));
        box-shadow: 0 0 0 0 rgba(171,31,45,0);
    }
}

.wrap-cards {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center
}

    .wrap-cards .cardR {
        text-align: center
    }

    .wrap-cards .btn {
        background-color: #1C8262;
        font-size: 40px;
        line-height: 0px;
        height: 50px;
        width: 50px;
        border-radius: 25px;
        padding: 0px 0px 0px 0px;
        font-weight: 700;
        box-shadow: 0 0 0 0 rgb(90 113 155 / 50%);
        -webkit-animation: pulse 1.5s infinite;
    }

        .wrap-cards .btn:hover {
            cursor: pointer !important;
            -webkit-animation: none
        }

.importance-op .text-desc {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.wrap-cards-grid{display:flex; gap:1rem; flex-direction:column}
    .wrap-cards-grid .card{display:flex; flex-direction:row; align-items:center; gap:1rem;}
    .how-to-report .card{
        text-align:center; padding:1rem;
    }
    .wrap-cards-grid .wrap-icon img, .content .how-to-report .wrap-icon img{
        height: auto;
        margin-bottom: 0 !important; display:inline-block
    }


    /*==== 4.9 Perfil Proyecto*/

    /*icons*/

    .bulbicn{ color: var(--big-numbers); font-size: x-large}

/*Bannners*/

.banner-ppd {
    background: #EEF8FB;
}

.text-primary-red {
    color: #E0223E;
}
.text-primary-blue {
    color: #003A5B;
}


.character-modal-placeholder {
    width: 180px;
    height: 240px;
    background: linear-gradient(45deg, var(--bs-primary-red), #c0392b);
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    opacity: 0.9;
    box-shadow: 0 10px 30px rgba(231, 76, 60, 0.3);
}

/* Modal CSS-only con Bootstrap 5 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1055;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

    .modal-overlay:target {
        opacity: 1;
        visibility: visible;
    }

.modal-backdrop-custom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1056;
    
}

.modal-dialog-custom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    transition: all 0.3s ease;
    z-index: 1057;
    width: 90%;
    max-width: 1100px;

}

.modal-overlay:target .modal-dialog-custom {
    transform: translate(-50%, -50%) scale(1);
}

.modal-content-custom {
    border-radius: 20px;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-height: 90vh;
    overflow-y: auto;
    background: url(../img/Proyecto/bkpopup.jpg) content-box;
    background-position: bottom;
    background-size: cover;
}

.PDL {
    background: url(../img/Proyecto/bkpopup-002.jpg) content-box;
    background-size: cover;
    background-position: bottom;
}

.POT {
    background: url(../img/Proyecto/bkpopup-003.jpg) content-box;
    background-size: cover;
    background-position: bottom;
}

.bd-callout-info {
    border-left-color: #5bc0de !important;
}
.bd-callout {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.modal-header-custom {
    position: relative;
}

.btn-close-custom {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 40px;
    height: 40px;
    background: var(--btn-primary-color);
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    text-decoration: none;
    z-index: 1058;
    font-size:1.5rem;
}

   

.dData {
    align-items: anchor-center;
}
/* Secciones de información usando Bootstrap */
.info-card {
    border-left: 4px solid var(--bs-primary-red);
}

/* Estadísticas usando Bootstrap Grid */
.stat-card {
    transition: transform 0.3s ease;
}

    .stat-card:hover {
        transform: translateY(-5px);
    }

.stat-number {
    font-size: 2.5rem;
    line-height: 1;
}

.stat-label {
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* Mensaje final */
.final-message-card {
    background: linear-gradient(135deg, var(--bs-primary-red), #c0392b);
    border-radius: 15px;
}

/* Elemento invisible para cerrar */
#close {
    display: none;
}

/* Responsive específico */
@media (max-width: 768px) {
    .container-buttons-accesibility{z-index:0!important}
    .logoHinv {
        text-align: center
    }
    .navbar-nav .nav-link {
        padding: 1.3rem 3.75rem 0 1.25rem
    }
    .character-placeholder {
        width: 100px;
        height: 150px;
    }

    .character-modal-placeholder {
        width: 120px;
        height: 160px;
    }

    .modal-dialog-custom {
        width: 95%;
        margin: 1rem;
    }

    .stat-number {
        font-size: 2.5rem;
    }
}

@media (max-width: 576px) {
    .character-modal-placeholder {
        width: 100px;
        height: 140px;
    }
}

/* Animaciones */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.modal-overlay:target .modal-body > * {
    animation: fadeInUp 0.6s ease forwards;
}







/*********/

.financial-item {
    display: flex;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 1rem;
    align-content:center;
}

    .financial-item .ic-wrap img{ width: 70px}

    .amount {
        font-size: 1.5rem
    }

.physical-progress {

}
.textmagnitud{ font-weight: 600; text-align: center}
.chart-container{ text-align: center;}
.chart-info p {
    margin: 0.25rem 0;
    font-size: 1rem;
}

.chart-info .value {

    font-size: 1.2rem;
    font-weight:bold;

}

.tablew { background: #fff;}
.custom-table th, .custom-table td {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}
.tableblue {
    background: #91c8e445;
}

.tablegreen {
    background: #c9e3c22b;
}

    .tablew{ width: 4px}
.tablefont {
    font-weight: 600
}

    table tr:nth-child(even) {
        background-color: #fff !important;
    }


.separator-H {
    border-top: 1px solid #f3f3f3;
    width: 100%;
}
.general-datos {
    border: 1px solid #f3f3f3;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding:1rem; text-align:center;
}
.general-datos span { display:block; 

}
.general-datos span.bigNumber {
    font-size: 1.8rem;
    color: #1C8262;
    font-weight:700;
}
.headSource span {
    display: block
}

.headSource .h4 {
    margin-top: 0px
}

.rounded-box {
    border-radius: 8px;
    padding: 5px 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    justify-content: flex-start;
    flex-direction: column;
    width: 50%;
}

.cont-data-fin {
    flex-direction: row
}

.rounded-box .text-bold {
    float: right;
    margin-left: 0px
}

.wrap-selector {
    padding: 25px 50px 25px 25px;
    background-color: #F3F8F9;
}

.cont-data-fin .rounded-box:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.cont-data-fin .rounded-box:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.mb-10 {
    margin-bottom: 10px;
}


.banner-main-section {
    background-size: cover;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-position: center;
    background-color: #1e004e;
}

.description-box {
    background-color: #F5F6F7;
    border-radius: 6px;
    padding: 2rem
}

.description-pot {
    background-color: #F5F6F7;
    border-radius: 6px;
    /*padding: 1rem*/
}

    .description-box .listDetail {
        margin: 0px;
        padding: 0px
    }

    .description-box li {
        list-style: none;
        border-bottom: 1px solid #ccc !important;
        padding: 8px 0px !important;
        margin-bottom: 8px !important;
        font-size: 0.875rem;
    }


.benf {
    padding-inline-start: 4px;
}

    .benf li {
        list-style: none;
        border-bottom: 0px solid #ccc !important;
        padding: 4px 0px !important;
        margin-bottom: 4px !important;
        font-size: 14px;
    }

.description-box li:last-child {
    border-bottom: 0 !important
}

.description-box .text-desc {
    display: block;
    font-weight: 700
}

.description-box .label-desc {
    width: 45%;
}

.description-box .label-benf {
    font-weight: 600;
    text-align: center;
}

.potgreen {
    color: #417535
}

.potNumber {
    font-size: 1.8rem;
    font-weight: 600;
}

/*cards-pot*/
.program-card {
    border-left: 4px solid;
    padding: 20px;
    height: 100%;
    border-radius: 0 8px 8px 0;
}

    .program-card.programa {
        border-left-color: #28a745;
    }

    .program-card.subprograma {
        border-left-color: #17a2b8;
    }

    .program-card.meta {
        border-left-color: #6f42c1;
    }

.program-title {
    font-weight: bold;
    font-size: 1.5rem;
    color: #333;
}

.program-description {
    color: #666;
    font-size: 1rem;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .program-card {
        margin-bottom: 20px;
    }
    .wrap-desc-pot{flex-direction:column}
}

/*******/
/**metas pot***/
.meta-card {
    background: white;
    border-radius: 12px;
    border-left: 6px solid #28a745;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 25px;
    height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
}

    .meta-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    }

  
.meta-year {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    letter-spacing: -0.5px;
}

.meta-amount {
    font-size: 2rem;
    font-weight: 600;
    color: #dc3545;
    margin: 0;
    letter-spacing: -1px;
    text-shadow: 0 1px 2px rgba(220, 53, 69, 0.1);
}


/* Media Queries para responsividad */

/* Desktop - 4 columnas */
@media (min-width: 1200px) {
    .meta-card {
        margin-bottom: 30px;
    }
}

/* Laptop - 2 columnas */
@media (min-width: 768px) and (max-width: 1199px) {
    .meta-card {
        margin-bottom: 25px;
    }

    .meta-amount {
        font-size: 1.8rem;
    }
}

/* Tablet - 2 columnas */
@media (min-width: 576px) and (max-width: 767px) {
    .meta-card {
        margin-bottom: 20px;
        padding: 20px;
    }

    .meta-year {
        font-size: 1.3rem;
    }

    .meta-amount {
        font-size: 1.6rem;
    }
}

/* Mobile - 1 columna */
@media (max-width: 575px) {
    .meta-card {
        margin-bottom: 15px;
        padding: 20px 15px;
        border-radius: 8px;
    }

    .meta-year {
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .meta-amount {
        font-size: 1.4rem;
    }

    .grid-container {
        padding: 0 10px;
    }
}

/* Animación de entrada */
.meta-card {
    animation: fadeInUp 0.6s ease forwards;
    opacity: 0;
    transform: translateY(20px);
}

    .meta-card:nth-child(1) {
        animation-delay: 0.1s;
    }

    .meta-card:nth-child(2) {
        animation-delay: 0.2s;
    }

    .meta-card:nth-child(3) {
        animation-delay: 0.3s;
    }

    .meta-card:nth-child(4) {
        animation-delay: 0.4s;
    }

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

/* Separadores verticales para desktop */
@media (min-width: 768px) {
    .separator {
        width: 2px;
        background: linear-gradient(to bottom, transparent, #17a2b8, transparent);
        margin: 0 auto;
        height: 80%;
        align-self: center;
    }
}

/* Ocultar separadores en mobile */
@media (max-width: 767px) {
    .separator {
        display: none;
    }
}
/*******/

.bIcon {
    float: left;
    padding-right: 8px;
}

.dataGraph {
    float: left;
    margin-bottom: 12px;
}

.containerBox {
    width: 50%;
}



.heading-Project {
    margin: 12px 0px 24px 0px
}

    .heading-Project h5 {
        font-weight: 700
    }

.containerBoxExec {
    background-color: #F5F6F7;
    padding: 12px;
    margin-bottom: 20px;
}

    .containerBoxExec label {
        font-size: 14px;
        font-weight: normal;
    }

    .containerBoxExec > .form-group > .form-select {
        font-size: 0.9rem;
    }


.containerBoxAct {
    background-color: #F5F6F7;
    padding: 1.5rem;
    margin-bottom: 20px;
}

    .containerBoxAct label {
        font-size: 14px;
        font-weight: 600;
    }

    .containerBoxAct > .form-group > .form-select {
        font-size: 0.9rem;
    }



.stageBox .badge {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    border: 1px solid #777;
    background-color: transparent;
    color: #000;
}

.section-photos {
    background: #F9F9FA;
}

.empty-gallery {
    width: 100%;
    /*padding: 6.5rem;*/
    text-align: center;
    font-size: 14px;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.user-form-login .light-bg {
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom:2rem
}
.user-form-login .user-wrap{ justify-content: center}
.user-form-login .wrap-btn {
    display: flex;
    justify-content: center;
    gap: 2rem;
}


.light-bg {
    background-color: #FFF;
}

.boxCompoActivities {
    border: 1px solid #ccc;
    padding: 25px;
}

.containerActivities .badge {
    background-color: #6694C0;
    border-radius: 0px;
    min-width: 50px;
}

.s2-section .thumbnail {
    position: relative;
    padding: 0px;
    border: none;
}

.carousel {
    margin-bottom: 0;
    /* padding: 0 40px 30px 40px; */
    padding: 0px 25px 19px 25px;
    margin-top: 25px;
}

.mediumPics .carousel-inner {
    min-height: 460px;
}

.mediumPics .thumbnail {
    width: 100%;
    height: 390px;
}

.enlace_img {
    height: 400px;
    background-size: cover !important;
}

.enlace_img_ciudadanos {
    height: 400px;
    background-size: cover !important;
}


.labelCategory {
    padding: 3px;
    position: absolute;
    z-index: 11;
    top: 0px;
    left: 0px;
    right:0px;
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    background-color: rgba(1,28,73,0.6);
}
.project-card h3 {
    font-size: 16px;
    color: #fff;
}
.caption {
    margin-top: 90px;
    padding: 0px 15px;
    height: 90px;
    position: absolute;
    z-index: 2;
}
.caption *{ color: #fff}
.img-card {
    min-height: 200px;
    background-size: cover !important;
    
    /* background: url(../img/TTpic_01_MD.jpg) !important; */
}
.project-card .card {
    background-color: #2b0566;
}
    .project-card .detailedLinks{ background-color:#fff;}
    .indicatorValues {
        position: absolute;
        z-index: 3;
        height: 35px;
        font-size: 11px;
        text-transform: uppercase;
        width: 100%;
        margin-top: 10px;
        padding: 0px 10px;
        line-height: 10px;
    }
.startPoint, .endPoint, .middlePoint {
    width: 32%;
    display: inline-block;
    color: #000;
}
.endPoint {
    text-align: right;
    float: right;
}
.middlePoint {
    text-align: center;
    display: none;/*provisionalmente*/
}
.detailedLinks {
    padding: 8px 15px;
}
.mediumPics .type5 .labelCategory {
    height: 50px;
    top: 88%;
    /*padding-top: 15px;*/
}
.percentage {
    background-color: #EEEEEE;
    height: 35px;
    width: 100%;
    position: relative;
}
.completed {
    position: absolute;
    z-index: 2;
    height: 35px;
    background-color: #3a9ce9;
    max-width: 100%;
    top: 0px;
    left: 0px;
}
.img-card::after {
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    background-color: rgba(1,28,73,.7);
}
.type4 .labelCategory, .type5 .labelCategory {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    top: 88%;
    color: #000;
    font-weight: 400;
    background-color: rgba(255,255,255,.7);
    font-weight: bold;
}


/*Carrousel*/

.carousel {
    margin-bottom: 0;
    /* padding: 0 40px 30px 40px; */
    padding: 0px 25px 19px 25px;
    margin-top: 25px;
}




.mediumPics .carousel-control {
    top: 0;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-control {
    left: -12px;
    height: 40px;
    width: 40px;
    margin-top: 100px;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.left {
        background-image: none;
    }


    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

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


/* === 5. Cookie === */
.cookie-message {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.25rem 1rem;
    opacity: 0;
    visibility: hidden;
    color: var(--primary-color);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 111111;
    transition: all 0.25s;
}

    .cookie-message::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: var(--secondary-bg-color);
        z-index: -1;
    }

    .cookie-message.open {
        opacity: 1;
        visibility: visible;
    }

.cmc-title {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
}

.cmc-desc {
    display: block;
    margin: 0;
}

.mc-btn {
    white-space: nowrap;
    margin-left: 1.5rem;
    min-width: 11.25rem;
}

.mobile-only {
    display: none
}

@media only screen and (min-width: 1024px) {
    .logo.logo-ico-widht-text { /*display: none*/
    }
}

@media only screen and (max-width: 768px) {
    .wrap-cards{flex-direction:column;
                    
    }
    .search-section {
        padding: 2rem 1.25rem;
    }
    .search-section:before {
       
    }
    .wrap-suggestions{ display: flex; flex-direction:column;}

    }
        .footer .items{ flex-wrap:wrap}
    .footer-company-top {
        text-align: center;
    }
    .footer-main {
        background-position: bottom center;
        background-repeat: no-repeat
    }
    .circle-stage {
        position: relative;
        display: block
    }
    .pos1, .pos2, .pos3, .pos4, .pos5{top:initial; left: auto; margin: 0 auto}
    .section {
        /*padding: 1.5rem 0 3rem*/
    }
    .circle-stage h3{font-size: 1rem}
    .graph-arrows {
        height: auto;
        background: none
    }
    .budget-cycle{ margin: 0}
    .form-field-label {
        font-size: .9rem;
        padding-right: 100px;
        font-weight:400;
    }

    .section-questions {
        padding: 0px
    }

    .mobile-only {
        display: block
    }

    .wrap_sankey {
        overflow-x: scroll
    }

    .wrap-front-card p {
        font-size: .75em
    }

    .cookie-message {
        display: block;
        padding: 1rem;
    }

    .cmc-desc {
        margin-bottom: 1rem;
    }

    .mc-btn {
        margin-left: 0;
    }
}

/* === 6. UI elements === */
.ui-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ui-nav li {
        cursor: pointer;
        padding: 0.625rem 1rem;
        border-left: 2px solid transparent;
        transition: all 0.25s;
    }

        .ui-nav li.active {
            color: var(--main-color);
            border-left-color: var(--main-color);
            background-color: var(--primary-bg-color);
        }

        .ui-nav li:hover {
            color: var(--main-color);
        }

.ui-item {
    display: none;
}

    .ui-item.active {
        display: block;
    }

    .ui-item .page-sections {
        padding-top: 0;
    }

.ui-item-icons svg {
    fill: var(--text-primary);
}

.execute {
    color: #000;
    padding-bottom: 0.3rem;
}

.executeN {
    font-size: 1.7rem;
    color: var(--big-numbers);
    font-weight: 400;
    line-height: 1.75rem
}

.desc-data .executeN {
    font-size: 1.1rem;
    color: var(--big-numbers);
    font-weight: 600; line-height:2.3rem;
}
.organismoN {
    font-size: 2rem;
    color: #2AC2BD;
    font-weight: 600;
}

.organismoFuente {
    font-size: 1rem;
    color: #2AC2BD;
    font-weight: 600;
}

.organismoData{
    font-size: 0.75rem;
    color: #000;
    font-weight: 600;
}

.presupuestoN {
    font-size: 1.75rem;
    color: var(--big-numbers);
    font-weight: 600;
}



.provincias .executeN {
    font-size: 2.6rem;
    color: #29C2BD;
    font-weight: 600;
}



.wrap-data {
    display: flex;
    align-items: center
}
    .wrap-data .ic-data{ width:20%;}

.wrap-dataHome {
    display: flex;
    align-items: center
}

.main-icon-value{ display: flex; align-items:center}
.main-icon-value .desc-data{width:80%}
.CTA-hero {
    background-color: #004983; color:#fff;
}
.CTA-hero h2{ color:#fff!important}
.desc-data-valor {
    margin-right: 16px;
}

.executeV {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
}

.executeValor {
    font-size: 0.9rem;
    color: #1C8262;
    font-weight: 600;
}
.provincias .executeV { margin-bottom:1rem; max-width:200px; text-align:left
}

.wrap-data-advance .executeV {
    font-size: 1.7rem !important;
    font-weight: 400;
    line-height: normal
}
.img20 {
    width: 20%;
}

.img33 {
    width: 33%;
}
.info-cards {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2em;
    column-gap: 2em;
    justify-content: center;
}

.info-cards {
    flex: 1;
}

.grid-nationalprojects {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.1rem;
}

    .grid-nationalprojects .project-col-carusel {
        margin-left: 0px;
    }


.category-proy:hover {
    background-color: #1f0032;
    transition: all .5s;
}

.category-proy .h4 {
    font-weight: 700
}

.category-proy * {
    color: #fff
}

.category-proy {
    background-color: #4a0078;
    border-radius: 12px;
    width: 18%;
    display: inline-block;
    padding: 15px;
    min-height: 200px;
    padding-top: 25px;
    /*margin: 0px 15px 15px  0px*/
}

.linea_tooltipSec {
    margin-top: 8px;
    margin-bottom: 8px
}

.category-proy span {
    display: block
}

.sector_tooltip_grupo {
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: block;
    overflow: hidden;
    font-weight: 700;
    font-size: 18px;
}

    .sector_tooltip_grupo .h5 {
        font-weight: 700
    }

.border-box {
    border: 1px solid #ccc;
    border-radius: 12px
}

.extra-pb {
    padding-bottom: 100px
}

.sector_tooltip_body {
    padding: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 12px;
    border: 2px solid #007DE5;
}

.sector_tooltip_body, .sector_tooltip {
    background-color: #fff !important
}

    .sector_tooltip_body *, .sector_tooltip * {
        color: #000 !important
    }

.label_tooltipSecNumber {
    font-size: 20px;
    font-weight: 700
}

.label_tooltipSec {
    font-weight: 700
}

.sector_tooltip_percent {
    font-size: 20px
}

.contadores .bgSoftGray {
    background-color: #F9F9F9 !important;
    border: 2px solid #fff;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.wrap-counters{ display: flex; margin: 1rem 0; justify-content:end; gap:1rem;}
.wrap-counters .card{ min-width: 40%}


/* === 7. Media === */
/*==========  Desktop First  ==========*/
@media (max-width: 1199.98px) {
    .wrap_sankey {
        overflow-x: scroll
    }

    .main-mnu-list {
        margin-left: -0.625rem;
    }

        .main-mnu-list.main-mnu-list-min > li {
            margin-left: 0;
        }

            .main-mnu-list.main-mnu-list-min > li > a {
                padding: 0 0.25rem;
            }

                .main-mnu-list.main-mnu-list-min > li > a::after {
                    padding: 0 0.25rem;
                }

        .main-mnu-list > li {
            margin-left: 0.5rem;
        }

    .mega-mnu-item {
        padding: 2rem 0.625rem 2rem 1.5rem;
    }

    .header-fixed .container {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    .header-fixed .row {
        margin-left: -0.625rem;
        margin-right: -0.625rem;
    }

        .header-fixed .row .header-fixed-col {
            padding:0;
        }

    .section-path {
        width: calc(960px / 2);
    }

    .section-nav-list li.hover-link {
        overflow: initial;
    }

    .hover-link > span {
        transform: none;
    }

    .hover-link::after {
        content: none;
    }

    .hover-link.active > span, .hover-link:hover > span {
        transform: none;
    }

    .hl-list li.active > .hover-link, .hl-list li.open > .hover-link {
        color: var(--main-color);
    }

        .hl-list li.active > .hover-link > span, .hl-list li.open > .hover-link > span {
            transform: none;
        }

        .hl-list li.active > .hover-link::after, .hl-list li.open > .hover-link::after {
            content: none;
        }
}

@media (max-width: 991.98px) {
    .header-search-ico-search {
        margin-left: -8px;
    }
    .header-top {
       display:none
    }
    .header-top img {
        max-height:25px;
    }

    .header-fixed {
        z-index: 101;
    }

    .header-search-form {
        padding-right: 0;
        padding-right: 4.375rem;
    }

    .mob-main-mnu {
        display: flex;
    }

    .section-nav-list li {
        margin-right: 1rem;
    }

    .tabs-vertical .tabs-nav {
        min-width: 225px;
        width: 225px;
    }

    .section-item-md-wide {
        width: 100%;
    }

        .section-item-md-wide .section-path {
            width: 100%;
        }
}

@media (max-width: 767.98px) {
    .category-proy {
        width: 100%;
        margin-bottom: 0px;
        display: inline-block;
        min-height: inherit;
    }
    .intro-btns2 {
        padding: 25px 0px
    }

        .intro-btns2 .btn {
            margin-bottom: 15px !important
        }

    .section-heading {
        /*margin-bottom: 3.5rem;*/
    }

    .intro-item {
        padding: 0px;
    }

    .infogram .intro-item {
        min-height: auto
    }

    .Cnews, .twitter {
        width: 100%
    }

    .whiteSearch {
        height: 80px;
    }

        .whiteSearch input[type="search"] {
            width: 76% !important
        }

    .buttonsearBTN {
        width: auto
    }

    .section-desc {
        font-size: .8rem
    }

    .section-heading h1, .section-heading h2, .section-heading h3 {
        /*font-size: 2rem;*/
    }

    .section-nav {
        margin-bottom: 1.5rem;
    }

    .section-nav-list {
        justify-content: start;
        white-space: nowrap;
        overflow-x: auto;
    }

    .footer-main {
        padding: 3rem 0;
    }

    .tabs-vertical {
        flex-wrap: wrap;
    }

        .tabs-vertical .tabs-nav {
            width: 100%;
        }

            .tabs-vertical .tabs-nav li {
                padding: 0.625rem 1rem;
            }

        .tabs-vertical .tabs-container {
            padding-left: 0;
            padding-top: 1.5rem;
        }

    .tabs-item {
        padding-top: 0;
    }

    .tabs-container {
        padding-top: 1.5rem;
    }

    .tabs-nav {
        flex-wrap: wrap;
        border: none;
        border-radius: var(--el-border-radius);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: var(--primary-bg-color);
        overflow: hidden;
        border-bottom: 2px solid #2f9cc1;
    }

        .tabs-nav li {
            width: 100%;
            margin: 0;
            border-bottom: 1px solid var(--border-color);
            padding: 0.625rem 1rem;
        }

            .tabs-nav li:last-child {
                border-bottom: none;
            }

            .tabs-nav li::after {
                content: none;
            }

            .tabs-nav li:hover, .tabs-nav li.active {
                background-color: var(--main-color);
                color: var(--primary-color);
            }

    .goals .tabs-nav li.active .h4, .goals .tabs-nav li .h4 {
        font-size: .8rem;
        text-align: center;
    }

    .footer-mnu-line {
        justify-content: center;
    }

    .footer-minimal .footer-company-top {
        display: flex;
        justify-content: center;
    }

    .footer-minimal .footer-bottom {
        text-align: center;
    }

    .footer-minimal .footer-links ul {
        justify-content: center;
    }

    .prescontainer {
        display: grid;
        margin-left: 0% !important;
    }

    .ico_press {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .header-fixed {
        padding: 0.7rem 0.3125rem;
    }

    .intro-content {
        max-width: 100%
    }

    .popup {
        padding: 2rem 1.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .social-login {
        flex-wrap: wrap;
    }

        .social-login li {
            width: 100%;
        }
}


/*Hidden Elements*/

/*MAP*/
/*----  9. MAP view  ----- */
.soft-gradient {
    background: rgb(252,252,252);
    background: linear-gradient(90deg, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 100%);
}
.provincias {
    background: #273e8c url(../img/bg-invirtiendolocal.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 8rem !important
}
    .provincias h2, .provincias .executeV, .provincias .executeN, .location-card h3, .provincias .section-subheading {
        color: #fff;
    }
.wrap-map-link{ margin-top:-10rem; box-shadow:var(--el-box-shadow); border-radius:20px; background-color:#fff;}
.filter-mob-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0px;
    background-color: #EDEDED
}

.mob-view {
}

#map-div .MicrosoftMapDrawing {
    pointer-events: auto !important;
}

#map-div .MicrosoftMap .OverlaysTL {
    position: absolute;
    background: transparent;
    border: none;
    right: 0;
    top: 15px;
    left: auto;
    width: 118px;
}

    #map-div .MicrosoftMap .OverlaysTL .NavBar_zoomControlContainer {
        left: 0;
        right: auto;
        top: 6px;
        width: 58px;
        background: none;
    }

        #map-div .MicrosoftMap .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut {
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -2134px;
            width: 27px;
            height: 27px;
            text-align: left;
        }

        #map-div .MicrosoftMap .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn {
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -2107px;
            width: 27px;
            height: 27px;
            text-align: left;
        }

    #map-div .MicrosoftMap .OverlaysTL .NavBar_compassControlContainer {
        right: 15px;
        top: 0;
        width: auto;
        background: none;
        height: auto;
    }

        #map-div .MicrosoftMap .OverlaysTL .NavBar_compassControlContainer .NavBar_compassFlat {
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -1390px;
            width: 37px;
            height: 37px;
            text-align: left;
        }

    #map-div .MicrosoftMap .OverlaysTL .NavBar_rotateLeft, #map-div .MicrosoftMap .OverlaysTL .NavBar_rotateRight {
        display: none;
    }

    #map-div .MicrosoftMap .OverlaysTL .NavBar_zoomDrop {
        display: none !important;
    }

#map-div .MicrosoftMap .Infobox {
    width: auto;
    height: auto;
}

    #map-div .MicrosoftMap .Infobox .infobox-stalk {
        top: 100%;
    }

#map-div .MicrosoftMap .inner-infobox {
    position: absolute;
    bottom: 100%;
    background: #fff;
    padding: 6px 10px;
}

#map-div .MicrosoftMap .pushpin-container {
    position: relative;
    cursor: inherit;
    overflow: hidden;
    pointer-events: all;
    z-index: 99;
    line-height: 0;
}

.bingmap-infobox-info {
    position: absolute;
    background: #fff;
    padding: 12px 8px 8px 8px;
    z-index: 999999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 140px;
    margin-top: -20px;
    margin-left: 15px;
    max-width: 280px;
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.25);
}

    .bingmap-infobox-info:after {
        content: " ";
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid #fff;
        position: absolute;
        top: 10px;
        right: 100%;
        -webkit-filter: drop-shadow(-3px 0 5px rgba(0,0,0,0.15));
    }

    .bingmap-infobox-info.to-the-left {
        margin-left: 15px;
    }

        .bingmap-infobox-info.to-the-left:after {
            border-right: none;
            border-left: 12px solid #fff;
            right: auto;
            left: 100%;
            -webkit-filter: drop-shadow(4px 0 5px rgba(0,0,0,0.15));
        }

    .bingmap-infobox-info.to-the-top {
        margin-top: 20px;
    }

        .bingmap-infobox-info.to-the-top:after {
            bottom: 10px;
            top: auto;
        }

    .bingmap-infobox-info.bingmap-infobox-project {
        min-width: 260px;
        margin-top: 40px;
    }

        .bingmap-infobox-info.bingmap-infobox-project.to-the-top {
            margin-top: 100px;
        }

        .bingmap-infobox-info.bingmap-infobox-project.to-the-left {
            margin-left: -31px;
        }

    .bingmap-infobox-info.bingmap-infobox-group {
        min-width: 260px;
        margin-top: 54px;
    }

    .bingmap-infobox-info.bingmap-infobox-group {
        min-width: 208px;
        width: 208px;
    }

    .bingmap-infobox-info.bingmap-infobox-fiscalization {
        min-width: 220px;
        max-width: 420px;
        margin-top: 76px;
    }

        .bingmap-infobox-info.bingmap-infobox-fiscalization.polygon-type {
            margin-top: 0;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization.to-the-top {
            margin-top: 140px;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization.polygon-type.to-the-top {
            margin-top: 0;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .title-divider {
            border-bottom: 1px solid #ddd;
            padding-bottom: 0.3em;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .title-type {
            color: #00b5c6;
            font-size: 0.8em;
            padding: 0.3em;
            display: block;
            text-align: center;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .title, .bingmap-infobox-info.bingmap-infobox-fiscalization .period-years {
            text-align: center;
            color: #2f9cc1;
            display: block;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .period-years {
            padding: 0.5em;
            border-bottom: 1px solid #ddd;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .fiscalizacion .number {
            font-size: 2.5em;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .fiscalizacion .number, .bingmap-infobox-info.bingmap-infobox-fiscalization .fiscalizacion h4 {
            text-align: center;
        }

        .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area {
            margin: 15px -8px -8px;
            padding: 10px;
            overflow: hidden;
            background-color: #F2F2F2;
        }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area.tipoFis-Hidrocarburo .period.period-1 .percent, .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area.tipoFis-Mineral .period.period-1 .percent {
                display: inline-block !important;
            }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area .period h4 {
                position: relative;
                margin: 0 10px;
            }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area .period .percent {
                position: relative;
                font-size: 0.5em;
                top: -15px;
                display: none;
            }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area.total-periods-1 .period {
                display: block;
                text-align: center;
            }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area.total-periods-2 {
                text-align: center;
            }

                .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area.total-periods-2 .period {
                    *display: inline;
                    display: inline-block;
                    zoom: 1;
                    vertical-align: top;
                    text-align: center;
                }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area.total-periods-3 .period {
                *display: inline;
                display: inline-block;
                zoom: 1;
                vertical-align: top;
                width: 32%;
                text-align: center;
            }

            .bingmap-infobox-info.bingmap-infobox-fiscalization .gray-area h4 {
                font-size: 2.5em;
            }

        .bingmap-infobox-info.bingmap-infobox-fiscalization.new-infobox-fiscalization {
            width: 250px;
        }

            .bingmap-infobox-info.bingmap-infobox-fiscalization.new-infobox-fiscalization .fiscalizacion h4 {
                max-width: 200px;
                margin: auto;
            }

            .bingmap-infobox-info.bingmap-infobox-fiscalization.new-infobox-fiscalization .gray-area {
                padding: 10px 0;
            }

                .bingmap-infobox-info.bingmap-infobox-fiscalization.new-infobox-fiscalization .gray-area .period {
                    width: 48%;
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                }

                .bingmap-infobox-info.bingmap-infobox-fiscalization.new-infobox-fiscalization .gray-area .button {
                    padding: 0.3em 0 0.4em;
                    margin: 0.5em 0.5em 0 0.5em;
                }

            .bingmap-infobox-info.bingmap-infobox-fiscalization.new-infobox-fiscalization .infobox-fiscalizacion-all .period:first-child {
                border-right: 1px solid #ccc;
            }

    .bingmap-infobox-info.bingmap-infobox-production {
        width: 200px;
    }

        .bingmap-infobox-info.bingmap-infobox-production .inner-list {
            overflow-y: auto;
            max-height: 380px;
        }

        .bingmap-infobox-info.bingmap-infobox-production .title {
            text-align: center;
        }

        .bingmap-infobox-info.bingmap-infobox-production .period {
            color: #2f9cc1;
            text-align: center;
            border-bottom: 1px solid #ccc;
            font-size: 1em;
            margin: 0.7em 0 0.5em;
            padding-bottom: 0.5em;
        }

        .bingmap-infobox-info.bingmap-infobox-production .font {
            font-weight: 600;
            margin: 0.5em 0;
        }

        .bingmap-infobox-info.bingmap-infobox-production .unit {
            font-size: 0.75em;
        }

        .bingmap-infobox-info.bingmap-infobox-production .button {
            margin-top: 1em;
        }

        .bingmap-infobox-info.bingmap-infobox-production .note {
            color: #777;
            font-size: 0.9em;
            text-align: center;
            margin-bottom: 1.2em;
            font-weight: bold;
        }

        .bingmap-infobox-info.bingmap-infobox-production.to-the-top {
            margin-top: 94px;
        }

        .bingmap-infobox-info.bingmap-infobox-production.to-the-left {
            margin-left: -15px;
        }

        .bingmap-infobox-info.bingmap-infobox-production.polygon-type {
            margin-top: -22px;
            margin-left: 14px;
        }

            .bingmap-infobox-info.bingmap-infobox-production.polygon-type.to-the-top {
                margin-top: 24px;
            }

            .bingmap-infobox-info.bingmap-infobox-production.polygon-type.to-the-left {
                margin-left: -16px;
            }

    .bingmap-infobox-info.bingmap-infobox-resource {
        padding: 12px;
        width: 240px;
        margin-top: 40px;
        margin-left: 10px;
    }

        .bingmap-infobox-info.bingmap-infobox-resource.to-the-top {
            margin-top: 97px;
        }

        .bingmap-infobox-info.bingmap-infobox-resource.to-the-left {
            margin-left: -50px;
        }

        .bingmap-infobox-info.bingmap-infobox-resource.polygon-type {
            margin-top: -20px;
            margin-left: 14px;
        }

            .bingmap-infobox-info.bingmap-infobox-resource.polygon-type.to-the-top {
                margin-top: 30px;
            }

            .bingmap-infobox-info.bingmap-infobox-resource.polygon-type.to-the-left {
                margin-left: -50px;
            }

        .bingmap-infobox-info.bingmap-infobox-resource .inner-list {
            overflow-y: auto;
            max-height: 380px;
        }

        .bingmap-infobox-info.bingmap-infobox-resource .title {
            text-align: center;
            padding-bottom: 0.4em;
        }

        .bingmap-infobox-info.bingmap-infobox-resource .resource-name {
            color: #2f9cc1;
            font-size: 1.1em;
            margin: 0.8em 0 -0.2em;
        }

        .bingmap-infobox-info.bingmap-infobox-resource .value {
            font-weight: bold;
            font-size: 1.2em;
            margin-top: 0.7em;
            border-top: 1px solid #DFDFDF;
            padding-top: 0.6em;
            color: #444;
            margin-bottom: 0.2em;
        }

            .bingmap-infobox-info.bingmap-infobox-resource .value:first-child {
                border-top: none;
                margin-top: 0.3em;
            }

        .bingmap-infobox-info.bingmap-infobox-resource .name {
            color: #666;
            margin-bottom: 0.2em;
            font-size: 0.9em;
        }

        .bingmap-infobox-info.bingmap-infobox-resource b {
            font-weight: bold;
            color: #444;
        }

        .bingmap-infobox-info.bingmap-infobox-resource .help {
            font-size: 13px;
            color: #2f9cc1;
        }

    .bingmap-infobox-info .title {
        color: #2f9cc1;
        font-size: 1.2em;
        font-weight: normal;
    }

    .bingmap-infobox-info .label {
        font-size: 0.8em;
        font-weight: 100;
    }

    .bingmap-infobox-info .number {
        font-weight: 500;
        font-size: 1.1em;
        margin-top: 0.5em;
    }

    .bingmap-infobox-info .button {
        padding: 0.3em 1em 0.4em;
        display: block;
        margin-top: 0.55em;
        text-align: center;
    }

    .bingmap-infobox-info .help-container {
        display: none;
        color: #444;
        position: absolute;
        left: 100%;
        top: 40px;
        -moz-box-shadow: 4px 0px 7px 1px rgba(0,0,0,0.25),inset 7px 0px 7px -7px rgba(0,0,0,0.25);
        -webkit-box-shadow: 4px 0px 7px 1px rgba(0,0,0,0.25),inset 7px 0px 7px -7px rgba(0,0,0,0.25);
        box-shadow: 4px 0px 7px 1px rgba(0,0,0,0.25),inset 7px 0px 7px -7px rgba(0,0,0,0.25);
        z-index: 999;
        background: #fff;
        overflow: hidden;
    }

        .bingmap-infobox-info .help-container .inner {
            width: 210px;
            padding: 22px 10px 30px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            right: 0;
            top: 0;
        }

        .bingmap-infobox-info .help-container .word {
            font-size: 1.2em;
            border-bottom: 1px solid #dfdfdf;
            padding: 0 12px 0.6em 12px;
            margin-bottom: 0.6em;
            text-align: center;
        }

        .bingmap-infobox-info .help-container .description {
            line-height: 1.3em;
            max-height: 200px;
            overflow: auto;
            font-size: 0.9em;
            padding: 0 0.6em;
        }

        .bingmap-infobox-info .help-container .close-help {
            font-family: icon;
            color: #2f9cc1;
            font-size: 16px;
            position: absolute;
            left: 185px;
            top: 8px;
            text-decoration: none;
            display: none;
            cursor: pointer;
        }

        .bingmap-infobox-info .help-container.to-the-left {
            -moz-box-shadow: -4px 0px 7px 1px rgba(0,0,0,0.25),inset -7px 0px 7px -7px rgba(0,0,0,0.25);
            -webkit-box-shadow: -4px 0px 7px 1px rgba(0,0,0,0.25),inset -7px 0px 7px -7px rgba(0,0,0,0.25);
            box-shadow: -4px 0px 7px 1px rgba(0,0,0,0.25),inset -7px 0px 7px -7px rgba(0,0,0,0.25);
            left: auto;
            right: 100%;
        }

    .bingmap-infobox-info img {
        max-width: 100%;
        margin-top: 1em;
    }

.beta-notification {
    color: #fff;
    font-size: 0.95em;
    left: 0em;
    position: absolute;
    z-index: 999999;
    top: 119px;
}

.beta-notification__header {
    background: url("../img/icons/ribbon.png");
    cursor: pointer;
    height: 84px;
    padding: 0.6em 2.5em;
    position: relative;
    width: 42px;
    text-indent: -99999em;
}

    .beta-notification__header .icon {
        display: none;
        font-family: icon;
        color: #B77E0F;
        margin-right: 0.5em;
        width: 1.14286em;
        text-align: right;
        padding-right: 0.28571em;
    }

.beta-notification__description {
    background: rgba(0,0,0,0.34);
    line-height: 1.2;
    font-weight: 100;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}

.beta-notification__description__inner {
    color: #6F6F6F;
    background: #fff;
    position: relative;
    top: 16%;
    width: 500px;
    margin: auto;
}

    .beta-notification__description__inner .beta-notification-header {
        background: #FFE99D;
        color: #999;
        position: relative;
        padding: 10px 20px;
        font-size: 20px;
        color: #444;
        font-weight: bold;
        box-shadow: 0px 3px 2px rgba(0,0,0,0.2);
        z-index: 1;
        position: relative;
        margin-top: -100px;
    }

        .beta-notification__description__inner .beta-notification-header i {
            position: relative;
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -270px;
            width: 26px;
            height: 25px;
            text-align: left;
            margin: 5px 10px -5px;
        }

    .beta-notification__description__inner p {
        padding: 1em 1.2em;
        font-size: 1.2em;
    }

    .beta-notification__description__inner .align-center {
        text-align: center;
    }

    .beta-notification__description__inner span {
        cursor: pointer;
        background: #2f9cc1;
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        padding: 0.4em 0.5em;
        margin: 0 1em 1em;
        font-size: 1.5em;
        text-decoration: none;
    }

        .beta-notification__description__inner span:hover {
            background: #58ca67;
        }

#section-home .loader {
    background: rgba(255,255,255,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

    #section-home .loader:after {
        background: url('../img/spinner.gif?1400252396') center center no-repeat;
        content: "";
        position: absolute;
        top: 40%;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 60px;
    }

#section-home #map-div {
    height: 1440px;
    width: 100%;
    -moz-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    -webkit-transition: height 0.3s linear;
    transition: height 0.3s linear;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
    /*border-bottom: 3px solid #0077a2;*/
    opacity: 1;
}

#section-home .landing-mode #map-div {
    height: 656px;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    -webkit-transition: height 0.3s linear;
    transition: height 0.3s linear;
    visibility: hidden;
    opacity: 0;
}

#section-home .map-container {
    position: relative
}

    #section-home .map-container .filter-group[data-parameter="campoProyectoFiscalizacion"] .txt {
        text-transform: capitalize;
    }

    #section-home .map-container.fiscalizacion-mode .filter-group[data-parameter="tipoRecursoNaturalFiscalizacion"] {
        display: none !important;
    }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo--1"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option[data-subtipo="M"] {
        display: block;
    }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo--1"] .facts .fact {
        display: none;
    }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo--1"] .facts .fact[data-subtipo="1"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo--1"] .facts .fact[data-subtipo="-1"] {
            display: block;
        }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo--1"] .graph-fiscalization-mineral {
        width: 100%;
    }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fisc-camp-type-dep, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fisc-camp-type-dep, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .fisc-camp-type-dep, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .fisc-camp-type-dep {
        display: none !important;
    }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fact[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fisc-camp-type-dep[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fact[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fisc-camp-type-dep[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .fact[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .fisc-camp-type-dep[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .fact[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .fisc-camp-type-dep[data-subtipo="M"] {
            display: block !important;
        }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .option, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .option, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .option {
        display: none !important;
    }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .option[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .option[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .option[data-subtipo="M"] {
            display: block;
        }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option.visible[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .option.visible[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .facts .option.visible[data-subtipo="M"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-wrapper .option.visible[data-subtipo="M"] {
            display: block !important;
        }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-fiscalization-mineral {
        width: 100% !important;
    }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-M"] .graph-fiscalization-hidrocarburos {
        display: none !important;
    }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fisc-camp-type-dep, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fisc-camp-type-dep, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .fisc-camp-type-dep, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .fact, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .fisc-camp-type-dep {
        display: none !important;
    }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fact[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .fisc-camp-type-dep[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fact[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .fisc-camp-type-dep[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .fact[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .fisc-camp-type-dep[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .fact[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .fisc-camp-type-dep[data-subtipo="H"] {
            display: block !important;
        }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .option, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .option, #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .option {
        display: none !important;
    }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .option[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .option[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .option[data-subtipo="H"] {
            display: block;
        }

        #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="recursoNaturalFiscalizacion"] .option.visible[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .filter-group[data-parameter="campoProyectoFiscalizacion"] .option.visible[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .facts .option.visible[data-subtipo="H"], #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-wrapper .option.visible[data-subtipo="H"] {
            display: block !important;
        }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-fiscalization-hidrocarburos {
        width: 100% !important;
    }

    #section-home .map-container.fiscalizacion-mode[data-option-subtipo="fiscalizacion-option-subtipo-H"] .graph-fiscalization-mineral {
        display: none !important;
    }

    #section-home .map-container.recursos-mode .legend-resources {
        display: block;
    }

.statistic-home-info, .home-description-aplication {
    display: none;
}

#section-home .legend-resources {
    display: none;
    position: absolute;
    top: 170px;
    right: 15px;
    background: #FFF;
    z-index: 3;
    border: 1px solid #CCC;
    padding: 0.7em 0.8em;
    line-height: 1.8em;
    color: #444;
    font-size: 0.7em;
    text-transform: uppercase;
    -moz-box-shadow: 0 0 15px #888585;
    -webkit-box-shadow: 0 0 15px #888585;
    box-shadow: 0 0 15px #888585;
}

    #section-home .legend-resources svg {
        vertical-align: middle;
        margin-right: 0.2em;
        position: relative;
        top: -1px;
    }

    #section-home .legend-resources .legend-resources_title {
        text-transform: none;
        padding-bottom: 0.5em;
        border-bottom: 1px solid #CCC;
        text-align: center;
        margin-bottom: 0.7em;
        font-size: 1.2em;
    }

#section-home #controls {
    display: block;
    position: absolute;
    min-height: 300px;
    left: 5px;
    margin-left: -496px;
    top: 0px;
    bottom: 0px;
    width: 250px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em;
    z-index: 1;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    padding: 0;
    /*border-bottom: 4px solid #fff; background: #fff;
    background: rgba(255,255,255,1);*/
}

.wrap-controls {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

a.back {
    padding: 8px;
    display: block;
    margin: 8px 0px 0px;
    border: 1px solid #ccc;
}

.mob-view {
}

@media screen and (max-width: 992px) {
    .btnCerrarListado {
    }

    .modal-open {
        overflow-y: hidden
    }

        .modal-open .wrap-controls {
            width: 90%
        }

    .mob-wrapper .modal-content {
        height: 95%
    }

    #section-home #controls .reset-filters {
        display: block
    }

    .bread-crumbs-list li a, .bread-crumbs-list li {
        font-size: 10px
    }

    .hidden-xs {
        display: none
    }

    #section-home #controls #map-view, #section-home .projects-list-view .hidden {
        display: none
    }

    .filter-mob-container {
        text-align: center
    }

    #section-home #controls .filter-group .filter-list {
    }

    .mob-view {
    }

    .mob-wrapper #controls .filter-group .filter-list {
        left: 0px !important;
        width: 100% !important;
        z-index: 2;
        top: 32px !important;
    }

    #section-home #controls .filter-group.visible .txt:after {
        transform: rotate(-90deg);
    }

    .mob-view .wrap-controls {
    }

    .wrap-filters #controls {
        position: relative;
        width: 95%;
        height: 100%
    }

    .wrap-filters #map-view {
        padding: 0px !important
    }

    .wrap-filters .wrap-controls {
        box-shadow: none
    }

    .wrap-filters .filter-group .txt {
        padding-top: 1em !important;
        padding-bottom: 1em !important
    }

    .wrap-filters #filter-results {
        display: none !important
    }

    .wrap-filters.modal-body {
        height: 400px
    }

    #section-home #controls .filter-group .options-container {
        width: 93% !important
    }
    /*map MOBILE*/
    .scrollable-y {
        overflow-y: scroll;
        height: 400px
    }

    #section-home #controls {
        left: 0;
        margin: 0px !important;
        width: auto;
        height: 100%;
        left: 0px !important
    }

    .mobileHidden {
        display: none
    }
}


.pagination {
    display: inline-block
}

}

.table-container .pagination a {
    padding: .5rem;
    margin: 0 .5em;
}

    .table-container .pagination a.active {
        border: 1px solid #ccc
    }

.projects-list-view-inner table td, .projects-list-view-inner table th {
    padding: .5rem
}

thead td.name, thead td.value, thead td.type, thead td.status {
    font-weight: 700
}

.projects-list-view-inner p.title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    padding: .5rem;
    background-color: #cbcbcb
}

#section-home #controls.list-mode {
    width: 98%;
    left: 0px;
}

#section-home #controls .toggle-controls {
    position: absolute;
    left: 100%;
    top: 0;
    color: #2f9cc1;
    z-index: 1;
    height: 3em;
    background-color: #fff;
    overflow: hidden;
    padding: 0 2em 0 0.5em;
    text-decoration: none;
    display: none;
    min-width: 31px;
    margin-left: -2px;
}

    #section-home #controls .toggle-controls .text {
        overflow: hidden;
        position: relative;
        display: block;
        font-size: 0.8em;
        padding: 0.8em 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 1px;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-transition: width 200ms linear;
        -o-transition: width 200ms linear;
        -webkit-transition: width 200ms linear;
        transition: width 200ms linear;
    }

    #section-home #controls .toggle-controls:after {
        content: "<";
        position: absolute;
        right: 42%;
        color: #60cd6e;
        font-family: icon;
        font-size: 3em;
        top: 50%;
        margin-top: -0.55em;
    }

    #section-home #controls .toggle-controls.collapsed:after {
        content: ">";
    }

    #section-home #controls .toggle-controls.hover:after {
        right: 15%;
    }

    #section-home #controls .toggle-controls.hover .text {
        width: 70px;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

#section-home #controls #filter-results {
    display: none;
}

#section-home #controls .intro {
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 0.8em;
    line-height: 1.2em;
    display: none;
}

#section-home #controls .actions {
    margin-bottom: 1.2em;
}

#section-home #controls .search-projects {
    float: left;
}

#section-home #controls .search-resources {
    float: right;
}

#section-home #controls .statistics {
    text-align: center;
    font-weight: 100;
    color: #3d3d3d;
}

    #section-home #controls .statistics .subtitle-consolidated {
        text-align: center;
        font-size: 1.5em;
        font-weight: 500;
        color: #757575;
        padding: 0.6em 0 0.3em;
    }

        #section-home #controls .statistics .subtitle-consolidated .hidden {
            display: none;
        }

    #section-home #controls .statistics .statistic-group {
        overflow: hidden;
    }

        #section-home #controls .statistics .statistic-group.collected-money .label {
            border: none;
        }

    #section-home #controls .statistics .label {
        font-size: 21px;
        padding-top: 0.5em;
        margin-bottom: 0.1em;
        border-top: 1px solid #d2d2d2;
        width: 85%;
        margin: auto;
        display: block;
    }

    #section-home #controls .statistics .money {
        font-size: 30px;
        margin-bottom: 0.5em;
    }

        #section-home #controls .statistics .money:first-child {
            margin-bottom: 0;
            border: none;
        }

    #section-home #controls .statistics .projects-approved {
        display: none;
    }

    #section-home #controls .statistics .projects-approved-not-visible {
        display: block;
    }

    #section-home #controls .statistics .approved-money {
        display: none;
    }

    #section-home #controls .statistics .approved-money-not-visible {
        display: block;
    }

    #section-home #controls .statistics.small {
        text-align: left;
    }

        #section-home #controls .statistics.small .subtitle-consolidated {
            font-size: 1.1em;
            padding: 1em 0 0.5em;
            display: none;
        }

        #section-home #controls .statistics.small .statistic-group {
            border-top: 1px solid #d2d2d2;
        }

            #section-home #controls .statistics.small .statistic-group.collected-money {
                border: none;
            }

        #section-home #controls .statistics.small .label {
            margin: 0.1em 0 0.4em;
            float: left;
            width: 50%;
            border: none;
            font-size: 14px;
        }

        #section-home #controls .statistics.small .money {
            margin: 0.5em 0 0;
            float: right;
            width: 50%;
            font-size: 14px;
            text-align: right;
        }

        #section-home #controls .statistics.small .total-sources {
            display: none;
        }

        #section-home #controls .statistics.small .projects-approved {
            display: block;
        }

        #section-home #controls .statistics.small .projects-approved-not-visible {
            display: none;
        }

        #section-home #controls .statistics.small .approved-money {
            display: block;
        }

        #section-home #controls .statistics.small .approved-money-not-visible {
            display: none;
        }

#section-home #controls #map-view {
    padding: 10px 20px 10px 10px;
}

    #section-home #controls #map-view .info-tool {
        margin-left: -80px;
    }

#section-home #controls .tab-name {
    display: block;
    font-size: 1.5em;
    padding: 0.5em 0;
    text-transform: uppercase;
}

#section-home #controls .actions {
    margin: 0 -25px 20px;
    position: absolute;
    right: -45px;
    width: 70px;
    background-color: #60cd6e;
    top: 0;
    height: 100%;
    border: 2px solid #fff;
    border-left: none;
    display: none;
}

    #section-home #controls .actions a.button {
        margin: 0.25em 0;
        background: #fff;
        padding: 0;
        text-align: center;
        color: #666;
        position: relative;
        height: 49px;
        width: 100%;
        outline: none;
        border: 0;
        text-decoration: none;
    }

        #section-home #controls .actions a.button:after {
            content: "";
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -1587px;
            width: 10px;
            height: 50px;
            text-align: left;
            top: 0;
            left: -10px;
            position: absolute;
            display: block;
        }

        #section-home #controls .actions a.button:before {
            color: #60cd6e;
            font-size: 2em !important;
            line-height: 1em;
        }

        #section-home #controls .actions a.button span {
            display: block;
            position: absolute;
            left: 0;
            bottom: 4px;
            color: #60cd6e;
            width: 100%;
            font-size: 0.5em;
            font-weight: bold;
            /*font-family: Lato,sans-serif;*/
        }

        #section-home #controls .actions a.button.inactive {
            background: #60cd6e;
        }

            #section-home #controls .actions a.button.inactive:after {
                display: none;
            }

            #section-home #controls .actions a.button.inactive:before {
                color: #fff;
            }

            #section-home #controls .actions a.button.inactive span {
                color: #fff;
            }

            #section-home #controls .actions a.button.inactive:hover {
                color: #60cd6e !important;
                background: #fff;
            }

                #section-home #controls .actions a.button.inactive:hover:after {
                    display: block;
                }

                #section-home #controls .actions a.button.inactive:hover:before {
                    color: #60cd6e !important;
                }

                #section-home #controls .actions a.button.inactive:hover span {
                    color: #60cd6e;
                    background: #fff;
                }

        #section-home #controls .actions a.button.search-proyectos {
            margin-top: 60px;
        }

#section-home #controls .buttons-filter-fiscalization a {
    color: #333;
    padding: 0.5em;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

    #section-home #controls .buttons-filter-fiscalization a.active, #section-home #controls .buttons-filter-fiscalization a:hover {
        background-color: #F2F2F2;
        color: #00b5c6;
    }

#section-home #controls .wrap-gray.wrap-gray-fiscalization {
    background-color: #F2F2F2;
    padding: 10px 20px 10px 10px;
    margin: 0 -20px -10px -10px;
}

    #section-home #controls .wrap-gray.wrap-gray-fiscalization .txt {
        background-color: #e5e5e5;
        color: #555;
    }

        #section-home #controls .wrap-gray.wrap-gray-fiscalization .txt.active, #section-home #controls .wrap-gray.wrap-gray-fiscalization .txt:hover {
            background-color: #F2F2F2;
            color: #00b5c6;
        }

#section-home #controls #search {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
    display: none !important;
}

    #section-home #controls #search input, #section-home #controls #search .button-search {
        float: left;
        font-size: 1.2em;
        padding: 0 0.6em;
        height: 36px;
        line-height: 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #section-home #controls #search input {
        width: 88%;
        margin-right: -30px;
        border: 1px solid #ccc;
        background-color: #fff;
    }

        #section-home #controls #search input:focus {
            border-color: #00b5c6;
            outline: #00b5c6;
        }

    #section-home #controls #search .button-search {
        position: absolute;
        top: 0;
        right: 0;
        width: 14%;
        border: 1px solid #00b5c6;
        background-color: #00b5c6;
        color: #fff;
        text-align: left;
        font-size: 1em;
    }

        #section-home #controls #search .button-search:hover {
            background: #00a2b2;
        }

        #section-home #controls #search .button-search:after {
            content: "!";
            position: absolute;
            right: 0.4em;
            color: #fff;
            font-family: icon;
            font-size: 20px;
            line-height: 1em;
            padding: 0;
            top: 50%;
            margin-top: -0.5em;
        }

#section-home #controls .reset-filters {
    background: transparent;
    color: #f25c5c;
    border: 0;
    font-size: 0.9em;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    padding: 0;
    outline: none;
    text-align: left;
    display: inline-flex;
    /*display: none;*/
}

    #section-home #controls .reset-filters:before {
        content: "";
        font-family: "icon";
        position: absolute;
        left: 0;
        display: none;
        speak: none;
        top: 50%;
        margin-top: -0.55em;
        font-size: 1em;
    }

    #section-home #controls .reset-filters:hover {
        color: #f04444;
    }

#section-home #controls .filters-group {
    display: none;
}

    #section-home #controls .filters-group.visible {
        display: block;
    }

    #section-home #controls .filters-group.comunes {
        display: block;
    }

    #section-home #controls .filters-group.loading {
        position: relative;
    }

        #section-home #controls .filters-group.loading .filter-group {
            content: "";
        }

        #section-home #controls .filters-group.loading .txt {
            background: transparent;
            padding: 1.5em;
        }

            #section-home #controls .filters-group.loading .txt:after {
                content: "";
                background: url('../img/bx_loader.gif?1400252396') center center no-repeat;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

        #section-home #controls .filters-group.loading:hover .txt {
            background-color: transparent;
        }

#section-home #controls #filters-groups-list.loading:before {
    content: " ";
    background: #F2F2F2;
    color: #888;
    display: block;
    padding: 1em;
    font-size: 0.95em;
    font-weight: 100;
    text-align: center;
    background: transparent url('../img/bx_loader.gif?1400252396') center center no-repeat;
    height: 40px;
}

#section-home #controls .filter-group {
    margin-bottom: 10px;
    position: relative;
}

    #section-home #controls .filter-group .txt {
        background: #F2F2F2;
        color: #0D284B;
        padding: 0.5em 1em 0.5em 0.4em;
        font-weight: 600;
        cursor: pointer;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
        font-size: 12px;
    }

        #section-home #controls .filter-group .txt .no-bold {
            font-weight: 100;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
            opacity: 0.95;
        }

        #section-home #controls .filter-group .txt:after {
            content: ">";
            font-family: icon;
            position: absolute;
            font-weight: 700;
            right: 6px;
            top: 3px;
            font-size: 1.6em;
            color: var(--btn-primary-color);
        }

    #section-home #controls .filter-group .filter-list {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        background: #E6E6E6;
        width: 200px;
        overflow: hidden;
    }

    #section-home #controls .filter-group .options-container {
        width: 180px;
        margin: 10px;
        position: relative;
    }

    #section-home #controls .filter-group .filter {
        background: #fff;
        overflow: hidden;
        color: #000;
    }

        #section-home #controls .filter-group .filter input, #section-home #controls .filter-group .filter button {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #fff;
            background: #fff;
            height: 26px;
            padding: 0;
            font-size: 1em;
        }

        #section-home #controls .filter-group .filter input {
            width: 80%;
            margin-right: -20px;
            float: left;
            padding-left: 8px;
            font-size: 0.9em;
        }

        #section-home #controls .filter-group .filter button {
            width: 20%;
            float: right;
            color: #2f9cc1;
            font-family: icon;
            cursor: default;
        }

    #section-home #controls .filter-group .options {
        color: #000;
        margin: 0.6em 0;
        max-height: 250px;
        overflow-y: visible;
        overflow-x: hidden;
        position: relative;
    }

        #section-home #controls .filter-group .options.loading:after {
            content: "Cargando...";
            font-size: 0.8em;
            text-align: center;
            padding: 0.5em;
        }

        #section-home #controls .filter-group .options.empty:after {
            content: "Ingresa un nombre con por lo menos 3 letras";
            font-size: 0.8em;
            text-align: center;
            padding: 0.5em;
        }

        #section-home #controls .filter-group .options .option {
            padding: 0.35em 0.6em 0.45em;
            cursor: pointer;
            font-size: 0.7em;
        }

            #section-home #controls .filter-group .options .option:hover {
                background-color: #dcdcdc;
            }

            #section-home #controls .filter-group .options .option.important {
                color: #2f9cc1;
            }

            #section-home #controls .filter-group .options .option.selected {
                color: #2f9cc1;
                background-color: #d0e3d3;
                font-weight: 400;
            }

    #section-home #controls .filter-group:hover .txt {
        background-color: #E6E6E6;
    }

    #section-home #controls .filter-group.visible .txt {
        background-color: #E6E6E6;
        position: relative;
    }

        #section-home #controls .filter-group.visible .txt:after {
            content: "<";
        }

    #section-home #controls .filter-group.visible .filter-list {
        display: block;
    }

    #section-home #controls .filter-group.selected .txt {
        background-color: #2f9cc1;
        font-weight: 400;
        color: #fff;
    }

        #section-home #controls .filter-group.selected .txt:after {
            color: #fff;
        }

        #section-home #controls .filter-group.selected .txt:hover {
            color: #fff;
            background-color: #2481a0;
        }

#section-home #controls #filter-results {
    background: #fff;
    color: #000;
    overflow: hidden;
    font-size: 0.9em;
    border: 1px solid #F2F2F2;
    font-weight: 600;
}

    #section-home #controls #filter-results .results {
        float: none;
        padding: 1em 0.5em 0;
        width: 100%;
        text-align: center;
    }

.results .value {
    display: block;
    font-size: 20px
}

.results .text {
    display: block;
    margin-bottom: 10px
}

.MicrosoftMap .NavBar_Container .NavBar_Button {
    margin-top: 25px;
    margin-bottom: 0px !important
}

#section-home #controls #filter-results button {
    float: none;
    display: block;
    height: 50px;
    border: 1px solid var(--btn-primary-color);
    background-color: var(--btn-primary-color);
    color: #fff;
    font-size: 0.8em;
    padding: 0.07em 0.5em;
    margin: 0;
    width: 100%;
}

#section-home #map-view-options {
    position: absolute;
    top: 130px;
    right: 50px;
    z-index: 9;
    min-width: 145px;
    display: none;
}

    #section-home #map-view-options .change-view-mode {
        display: none;
        color: #fff;
        background: #2f9cc1;
        padding: 5px;
        overflow: hidden;
        font-size: 0.8em;
        display: block;
        margin-bottom: 3px;
        text-decoration: none;
    }

        #section-home #map-view-options .change-view-mode:hover {
            background: #35a644;
        }

        #section-home #map-view-options .change-view-mode .icon {
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -2052px;
            width: 25px;
            height: 24px;
            text-align: left;
            float: left;
            margin-right: 10px;
        }

    #section-home #map-view-options .select-period {
        background: #e2f4e4;
        border: 2px solid #2f9cc1;
        color: #2f9cc1;
        font-size: 0.9em;
        position: relative;
        cursor: pointer;
    }

        #section-home #map-view-options .select-period.hidden {
            display: none;
        }

        #section-home #map-view-options .select-period .txt {
            padding: 4px 30px 4px 18px;
            position: relative;
        }

            #section-home #map-view-options .select-period .txt:after {
                content: "v";
                font-family: "icon";
                position: absolute;
                right: 5px;
                width: 1em;
                height: 1em;
                speak: none;
                font-size: 1.2em;
                top: 0.2em;
            }

        #section-home #map-view-options .select-period .filter-list {
            position: absolute;
            top: 100%;
            background: #fff;
            border: 2px solid #2f9cc1;
            width: 100%;
            max-width: 100%;
            left: -2px;
            display: none;
        }

            #section-home #map-view-options .select-period .filter-list .option {
                padding: 0.4em 18px;
            }

                #section-home #map-view-options .select-period .filter-list .option:hover {
                    background: #e2f4e4;
                }

                #section-home #map-view-options .select-period .filter-list .option.selected {
                    background: #2f9cc1;
                    color: #fff;
                }

/*#contacto { visibility: hidden;}*/

/*LOADER*/
.MIVloader,
.MIVloader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.MIVloader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    /*text-indent: -9999em;*/
    border-top: 1.1em solid rgba(0,255,255, 0.2);
    border-right: 1.1em solid rgba(0,255,255, 0.2);
    border-bottom: 1.1em solid rgba(0,255,255, 0.2);
    border-left: 1.1em solid #00ffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#section-home #share {
    padding-top: 1.2em;
    display: none;
}

    #section-home #share .container-share {
        height: 0;
        overflow: hidden;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        #section-home #share .container-share.show {
            min-height: 48px;
        }

    #section-home #share p {
        cursor: pointer;
        color: #00b5c6;
        font-size: 12px;
        margin-bottom: 0.6em;
        position: relative;
        display: block;
    }

        #section-home #share p.show:after {
            content: "^";
        }

        #section-home #share p:after {
            content: "v";
            font-family: "icon";
            position: absolute;
            right: 0;
            width: 1em;
            height: 1em;
            speak: none;
            top: 50%;
            margin-top: -0.55em;
            font-size: 2em;
        }

    #section-home #share .facebook {
        overflow: hidden;
        display: inline-block;
        text-indent: -99999em;
        background-position: 0 -178px;
        width: 80px;
        height: 22px;
        text-align: left;
    }

    #section-home #share .twitter {
        overflow: hidden;
        display: inline-block;
        text-indent: -99999em;
        background-position: 0 -2030px;
        width: 70px;
        height: 22px;
        text-align: left;
    }

    #section-home #share .email {
        overflow: hidden;
        display: inline-block;
        text-indent: -99999em;
        background-position: 0 -1368px;
        width: 70px;
        height: 22px;
        text-align: left;
    }

    #section-home #share .print {
        overflow: hidden;
        display: inline-block;
        text-indent: -99999em;
        background-position: 0 -1671px;
        width: 80px;
        height: 22px;
        text-align: left;
    }

#section-home #map-legend {
    position: absolute;
    right: 15px;
    bottom: 25px;
    z-index: 1;
    position: absolute;
    background: #fff;
    border: 1px solid #bbb;
    font-size: 0.7em;
    padding: 0.6em 0.7em;
    width: 184px;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #section-home #map-legend.fixed {
        position: fixed;
    }

    #section-home #map-legend .scale {
        overflow: hidden;
        display: inline-block;
        text-indent: -99999em;
        background-position: 0 -1845px;
        width: 167px;
        height: 10px;
        text-align: left;
    }

    #section-home #map-legend .vals {
        text-align: right;
        overflow: hidden;
        margin: 5px 0 4px;
        font-weight: bold;
        color: #3d3d3d;
    }

        #section-home #map-legend .vals .lower {
            float: left;
        }

#section-home .conoce-como {
    font-size: 0.8em;
}

#section-home .content .select-period {
    position: relative;
    z-index: 2;
}

    #section-home .content .select-period.hidden {
        display: none;
    }

    #section-home .content .select-period .txt {
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 0.15em 1.2em 0.15em 0.2em;
    }

        #section-home .content .select-period .txt:after {
            content: "v";
            font-family: "icon";
            position: absolute;
            right: 0;
            width: 1em;
            height: 1em;
            speak: none;
            top: 50%;
            margin-top: -0.55em;
        }

    #section-home .content .select-period .decorator {
        border: 1px solid #0077a2;
        border-top: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0.25em;
        left: 0;
    }

    #section-home .content .select-period .filter-list {
        width: auto !important;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        border: 1px solid #0077a2;
        border-top: none;
        background: #fff;
    }

        #section-home .content .select-period .filter-list .inner {
            display: block;
        }

        #section-home .content .select-period .filter-list .option {
            padding: 0.2em;
            display: block;
        }

            #section-home .content .select-period .filter-list .option:hover {
                background: #defaff;
            }

            #section-home .content .select-period .filter-list .option.selected {
                background: #0091ab;
                color: #fff;
            }

#section-home .content .graph-wrapper {
    zoom: 1;
}

    #section-home .content .graph-wrapper:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

#section-home .content .graph-wrapper2, #section-home .content .graph-wrapper3 {
    padding-bottom: 40px;
}

#section-home .content svg {
    display: block;
    margin: auto;
}

#section-home .content .label {
    font-size: 22px;
    color: #555;
    text-align: center;
    font-weight: 100;
    max-width: 500px;
    margin: 3em auto 2em;
}

#section-home .content .proy-sector, #section-home .content .prod-reg-res {
    float: left;
    width: 60%;
}

    #section-home .content .prod-reg-res svg {
        -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.25));
        text-shadow: 0 0 4px #444;
    }

#section-home .content .res-sector, #section-home .content .prod-res {
    float: right;
    width: 40%;
    margin: auto auto 1em;
}

    #section-home .content .res-sector svg, #section-home .content .prod-res svg {
        -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.25));
    }

    #section-home .content .prod-res .resource-elem {
        padding-top: 0.8em;
        color: #777;
    }

        #section-home .content .prod-res .resource-elem:after {
            border-bottom: 1px solid #DDD;
            padding-top: 7px;
            clear: both;
            content: " ";
            display: block;
            margin: 0 20px;
        }

    #section-home .content .prod-res .name {
        float: left;
    }

    #section-home .content .prod-res .value {
        float: right;
        text-align: right;
        font-size: 0.9em;
    }

#section-home .content .res-region, #section-home .content .prod-res-no {
    float: left;
    width: 45%;
    margin: auto;
}

    #section-home .content .res-region svg, #section-home .content .prod-res-no svg {
        text-shadow: 0 0 4px #444;
        -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.25));
    }

    #section-home .content .prod-res-no svg {
        text-shadow: none;
        -webkit-filter: drop-shadow(0 0 0 #fff);
    }

#section-home .content .res-depto, #section-home .content .prod-depto {
    float: right;
    width: 50%;
    font-size: 0.8em;
    color: #888;
}

#section-home .content #res-depto, #section-home .content #prod-depto {
    zoom: 1;
    padding: 1.6em 0 0;
}

    #section-home .content #res-depto:after, #section-home .content #prod-depto:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

    #section-home .content #res-depto .col, #section-home .content #prod-depto .col {
        width: 50%;
    }

    #section-home .content #res-depto .depto-elem, #section-home .content #prod-depto .depto-elem {
        padding: 0.3em 0.3em;
        zoom: 1;
        position: relative;
    }

        #section-home .content #res-depto .depto-elem:after, #section-home .content #prod-depto .depto-elem:after {
            clear: both;
            content: ".";
            display: block;
            font-size: 0;
            height: 0;
            line-height: 0;
            visibility: hidden;
        }

        #section-home .content #res-depto .depto-elem:hover, #section-home .content #prod-depto .depto-elem:hover {
            background: #defaff;
            color: #0091ab;
            position: relative;
            z-index: 2;
        }

            #section-home .content #res-depto .depto-elem:hover .bar, #section-home .content #prod-depto .depto-elem:hover .bar {
                background: #E6E6E6;
            }

            #section-home .content #res-depto .depto-elem:hover .graph-tooltip, #section-home .content #prod-depto .depto-elem:hover .graph-tooltip {
                display: block;
            }

    #section-home .content #res-depto .name, #section-home .content #prod-depto .name {
        width: 150px;
        float: left;
    }

    #section-home .content #res-depto .bar, #section-home .content #prod-depto .bar {
        margin-left: 152px;
        margin-right: 25px;
        margin-top: 0.4em;
        background: #E6E6E6;
    }

    #section-home .content #res-depto .fill, #section-home .content #prod-depto .fill {
        height: 4px;
        background: #0077a2;
    }

    #section-home .content #res-depto .graph-tooltip, #section-home .content #prod-depto .graph-tooltip {
        display: none;
        position: absolute;
        font-size: 1em;
        color: #888;
        margin-bottom: 5px;
        min-width: 70px;
    }

#section-home .content #res-resources-depto {
    height: 450px;
    padding-bottom: 4em;
}

@media all and (max-width: 992px) {
    #section-home .content .proy-sector, #section-home .content .res-depto, #section-home .content .res-region, #section-home .content .res-sector {
        float: none;
        width: auto;
    }

        #section-home .content .proy-sector .label, #section-home .content .res-depto .label, #section-home .content .res-region .label, #section-home .content .res-sector .label {
            margin-bottom: 2em;
        }

    #section-home .content .proy-sector {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #section-home .content .res-depto {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
}

#section-home .content .fisc-hidro-type svg, #section-home .content .fisc-min-act svg {
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.15));
    text-shadow: 0 0 3px #444;
}

#section-home .content .fisc-hidro-type, #section-home .content .fisc-min-act, #section-home .content .fisc-camp-type {
    float: left;
    width: 33.2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1em;
}

#section-home .content .graph-fiscalization-show-hidrocarburos .graph-title {
    display: none;
}

#section-home .content .graph-fiscalization-show-hidrocarburos .graph-columns-group {
    display: none;
}

    #section-home .content .graph-fiscalization-show-hidrocarburos .graph-columns-group.graph-fiscalization-hidrocarburos {
        display: block;
        width: 100%;
    }

#section-home .content .graph-fiscalization-show-mineral .graph-title {
    display: none;
}

#section-home .content .graph-fiscalization-show-mineral .graph-columns-group {
    display: none;
}

    #section-home .content .graph-fiscalization-show-mineral .graph-columns-group.graph-fiscalization-mineral {
        display: block;
        width: 100%;
    }

#section-home .content #bottom-graphs .highcharts-legend {
    display: none;
}

#section-home .content .graph-fiscalization-all .graph-columns-group {
    display: block;
    overflow: hidden;
}

#section-home .content .graph-fiscalization-all .graph-fiscalization-hidrocarburos {
    width: 100%;
}

    #section-home .content .graph-fiscalization-all .graph-fiscalization-hidrocarburos.lay-large .graph-columns.FiscalizacionPorHidrocarburo {
        float: none;
        width: 50%;
    }

    #section-home .content .graph-fiscalization-all .graph-fiscalization-hidrocarburos.lay-large .graph-columns.FiscalizacionHidrocarburosPorActividad {
        width: 100%;
        float: none;
    }

#section-home .content .graph-fiscalization-all .graph-columns {
    width: 50%;
    float: left;
    margin: auto;
    display: block;
    position: relative;
}

    #section-home .content .graph-fiscalization-all .graph-columns .no-data {
        display: none;
    }

    #section-home .content .graph-fiscalization-all .graph-columns.FiscalizacionHidrocarburosPorActividad {
        display: block;
    }

    #section-home .content .graph-fiscalization-all .graph-columns.data-bars-0 .graph-chart {
        opacity: 0.25;
    }

    #section-home .content .graph-fiscalization-all .graph-columns.data-bars-0 .no-data {
        display: block;
        background: url('../img/icons/no-data.png?1419908086') no-repeat center;
        position: absolute;
        z-index: 10;
        top: 40%;
        width: 100%;
        text-align: center;
        font-size: 2em;
        height: 160px;
        line-height: 160px;
        opacity: 0.7;
    }

#section-home .content .graph-fiscalization-all .FiscalizacionPorMIieral {
    width: 40%;
}

#section-home .content .graph-fiscalization-all .FiscalizacionMineralesPorActividad {
    width: 60%;
}

#section-home .content .graph-fiscalization-all .FiscalizacionMineralesPorActividad {
    width: 60%;
}

#section-home .content .graph-fiscalization-all .graph-title {
    display: block;
    text-align: center;
    font-size: 1.5em;
    color: #555;
    font-weight: 400;
}

#section-home .content .graph-fiscalization-all .label {
    font-size: 20px;
    color: #555;
    min-height: 41px;
    text-align: center;
    font-weight: 100;
    max-width: 500px;
    margin: 2em auto 1em;
    min-height: 80px;
}

#section-home .content .graph-fiscalization-all .highcharts-legend {
    display: none;
}

#section-home .content .graph-fiscalization-all .graph-extra-lables {
    padding: 0 8px 0 40px;
    z-index: 10;
    position: relative;
    top: -30px;
}

    #section-home .content .graph-fiscalization-all .graph-extra-lables .box-label {
        float: left;
        text-align: center;
    }

        #section-home .content .graph-fiscalization-all .graph-extra-lables .box-label span {
            display: block;
            font-size: 12px;
        }

            #section-home .content .graph-fiscalization-all .graph-extra-lables .box-label span.valor {
                text-align: center;
            }

                #section-home .content .graph-fiscalization-all .graph-extra-lables .box-label span.valor p {
                    display: inline-block;
                    border-top: 1px dotted #333;
                    border-bottom: 1px dotted #333;
                    padding: 3px;
                    margin: 3px;
                }

            #section-home .content .graph-fiscalization-all .graph-extra-lables .box-label span.percent {
                font-size: 14px;
            }

    #section-home .content .graph-fiscalization-all .graph-extra-lables.boxes-by-1 .box-label {
        width: 100%;
    }

    #section-home .content .graph-fiscalization-all .graph-extra-lables.boxes-by-2 .box-label {
        width: 50%;
    }

    #section-home .content .graph-fiscalization-all .graph-extra-lables.boxes-by-3 .box-label {
        width: 33%;
    }

    #section-home .content .graph-fiscalization-all .graph-extra-lables.boxes-by-4 .box-label {
        width: 25%;
    }

#section-home .content .graph-fiscalization-all label {
    margin-top: 1em;
}

#section-home .content .graph-fiscalization-all ul {
    text-align: center;
}

    #section-home .content .graph-fiscalization-all ul li {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
    }

        #section-home .content .graph-fiscalization-all ul li:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            position: relative;
            margin: 0 5px;
        }

    #section-home .content .graph-fiscalization-all ul .fis-gr-hidrocarburo:before {
        background: #FCA74D;
    }

    #section-home .content .graph-fiscalization-all ul .fis-gr-mineral:before {
        background: #FFF568;
    }

#section-home .content .fisc-camp-type-dep {
    padding-bottom: 3em;
    position: relative;
}

    #section-home .content .fisc-camp-type-dep .no-data {
        display: none;
    }

    #section-home .content .fisc-camp-type-dep.data-bars-0 .graph-chart, #section-home .content .fisc-camp-type-dep.data-bars-false .graph-chart {
        opacity: 0.25;
    }

    #section-home .content .fisc-camp-type-dep.data-bars-0 .mask-graph, #section-home .content .fisc-camp-type-dep.data-bars-false .mask-graph {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #section-home .content .fisc-camp-type-dep.data-bars-0 .no-data, #section-home .content .fisc-camp-type-dep.data-bars-false .no-data {
        display: block;
        background: url('../img/icons/no-data.png?1419908086') no-repeat center;
        position: absolute;
        z-index: 10;
        top: 40%;
        width: 100%;
        text-align: center;
        font-size: 2em;
        height: 160px;
        line-height: 160px;
        opacity: 0.7;
    }

#section-home .projects-list-view {
    padding: 1.2em 0 0;
}

    #section-home .projects-list-view tr td {
        /*word-break: break-word;*/
        /*word-break: break-all;*/
    }

    #section-home .projects-list-view tr.name {
        width: 55%;
    }

    #section-home .projects-list-view tr.type {
        width: 15%;
    }

    #section-home .projects-list-view tr.number {
        width: 15%;
    }

    #section-home .projects-list-view tr.state {
        width: 15%;
    }

    #section-home .projects-list-view .back {
        display: inline-block;
        color: #5916C3;
        padding-left: 1.8em;
        position: relative;
        font-size: 0.9em;
        text-decoration: none;
        margin-left: .8em;
    }

        #section-home .projects-list-view .back:after {
            content: "<";
            position: absolute;
            top: 0;
            left: 0.25em;
            color: #5916C3;
            font-family: icon;
            font-size: 1.7em;
        }

    #section-home .projects-list-view .pagination {
        text-align: center;
        color: #888;
        margin-top: 1em;
    }

        #section-home .projects-list-view .pagination a {
            display: inline-block;
            padding: 0.2em 0.4em 0.3em;
            color: #5916C3;
            text-decoration: none;
            font-weight: 400;
        }

            #section-home .projects-list-view .pagination a:hover {
                background: #E6E6E6;
                color: #888;
            }

            #section-home .projects-list-view .pagination a.active {
                color: #fff;
                background-color: #000;
            }

    #section-home .projects-list-view .title {
        text-transform: uppercase;
        border-top: 1px solid #ededed;
        margin: 1em 0 0;
        font-weight: 600;
        text-align: center;
        font-size: 0.95em;
        color: #000;
    }

    #section-home .projects-list-view .table-container table {
        width: 100%;
    }

    #section-home .projects-list-view .table-container .number {
        text-align: left;
    }

    #section-home .projects-list-view .table-container .odd {
        background-color: #e2f4e4;
    }

    #section-home .projects-list-view .table-container thead td {
        padding: 0.3em 0.5em 0.4em;
        border-bottom: 1px solid #d2d2d2;
        font-weight: 400;
        font-size: 1.1em;
        text-align: center;
        color: #636363;
    }

        #section-home .projects-list-view .table-container thead td:first-child {
            text-align: left;
        }

    #section-home .projects-list-view .table-container tbody td {
        padding: 0;
    }

        #section-home .projects-list-view .table-container tbody td a {
            display: block;
            padding: 0.3em 0.5em 0.4em;
            text-decoration: none;
            color: #222;
        }

    #section-home .projects-list-view .table-container tbody tr:hover td {
        background-color: #2f9cc1;
    }

        #section-home .projects-list-view .table-container tbody tr:hover td a {
            color: #fff;
        }

    #section-home .projects-list-view .table-container tbody .empty {
        padding: 1em;
    }

        #section-home .projects-list-view .table-container tbody .empty:hover {
            background: #eee;
        }

    #section-home .projects-list-view .table-container .loading-container tr:hover td {
        background: none;
    }

    #section-home .projects-list-view .table-container .loading {
        background: url('../img/bx_loader.gif?1400252396') center center no-repeat;
        height: 4em;
    }

#section-home .facts {
    zoom: 1;
    margin: 4em 0;
}

    #section-home .facts:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

    #section-home .facts .fact {
        float: left;
        width: 33.3%;
        position: relative;
    }

        #section-home .facts .fact .inner {
            padding: 0 18px;
        }

    #section-home .facts .decorator {
        position: absolute;
        left: -3px;
        top: 0;
        height: 75px;
        width: 5px;
        background: #ededed;
    }

    #section-home .facts .fact:first-child .decorator {
        display: none;
    }

    #section-home .facts img {
        float: left;
    }

    #section-home .facts .text {
        margin-left: 75px;
        font-size: 0.9em;
        line-height: 1.3em;
    }

    #section-home .facts strong {
        font-weight: 400;
    }

    #section-home .facts .title {
        font-weight: 400;
        font-size: 1.1em;
    }

.statistic-home-info, .home-description-aplication {
    display: none;
}

#section-home .home-mode #controls {
    width: 380px;
    background-color: #F0F0F0;
    border-bottom: 0;
    border-radius: 5px;
    color: #959595;
    visibility: hidden;
}

    #section-home .home-mode #controls .wrap-controls {
        display: none;
    }

    #section-home .home-mode #controls .statistic-home-info {
        display: block;
    }

        #section-home .home-mode #controls .statistic-home-info .subtitle-consolidated {
            background: #fff;
            text-align: center;
            padding: 0.5em;
            font-size: 1.15em;
            color: #666;
            border-radius: 5px 5px 0 0;
            position: relative;
        }

            #section-home .home-mode #controls .statistic-home-info .subtitle-consolidated:after {
                content: "";
                position: absolute;
                left: 50%;
                margin-left: -7px;
                top: 100%;
                border: 15px solid transparent;
                border-top: 15px solid #fff;
            }

            #section-home .home-mode #controls .statistic-home-info .subtitle-consolidated .close {
                position: absolute;
                top: 7px;
                right: 5px;
                overflow: hidden;
                display: inline-block;
                text-indent: -99999em;
                background-position: 0 -18px;
                width: 23px;
                height: 23px;
                text-align: left;
            }

        #section-home .home-mode #controls .statistic-home-info .statistic-row {
            border-bottom: 1px solid #ccc;
            margin: 0.5em;
        }

            #section-home .home-mode #controls .statistic-home-info .statistic-row:last-child {
                border-bottom: 0;
            }

            #section-home .home-mode #controls .statistic-home-info .statistic-row .label {
                padding: 10px 20px;
            }

            #section-home .home-mode #controls .statistic-home-info .statistic-row .money {
                padding: 0 20px 10px;
                font-size: 1.7em;
                color: #666;
            }

                #section-home .home-mode #controls .statistic-home-info .statistic-row .money#approved-projects-home {
                    padding: 0 15px 10px;
                    font-size: 3em;
                    color: #2f9cc1;
                }

#section-home .home-mode #infographic {
    display: none;
}

#section-home .home-mode .home-description-aplication {
    background: #ECF0F1;
    display: block;
    max-width: none;
    margin: 0;
    position: relative;
    display: block;
}

    #section-home .home-mode .home-description-aplication:after {
        content: "";
        position: absolute;
        width: 100%;
        background: #fff;
        top: 0;
    }

    #section-home .home-mode .home-description-aplication .centered {
        position: relative;
        z-index: 10;
    }

    #section-home .home-mode .home-description-aplication .video-area {
        text-align: center;
    }

        #section-home .home-mode .home-description-aplication .video-area h2 {
            color: #0091ac;
            padding: 1em 0 0.5em;
            font-weight: 600;
            font-size: 2.2em;
        }

        #section-home .home-mode .home-description-aplication .video-area figure {
            width: 560px;
            height: 315px;
            border: 10px solid #fff;
            border-radius: 5px;
        }

        #section-home .home-mode .home-description-aplication .video-area p {
            text-align: center;
            padding: 2em 11em;
        }

    #section-home .home-mode .home-description-aplication .sections-area {
        background: url('../img/landing_icons/pattern-dots.png?1419908086');
        padding: 2em;
    }

        #section-home .home-mode .home-description-aplication .sections-area article {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            width: 20%;
            margin: 20px;
            text-align: center;
        }

            #section-home .home-mode .home-description-aplication .sections-area article h3 {
                font-size: 1.3em;
                text-transform: uppercase;
                color: #2f9cc1;
            }

            #section-home .home-mode .home-description-aplication .sections-area article p {
                padding: 1em 0;
                line-height: 1.5em;
                color: #636363;
            }

            #section-home .home-mode .home-description-aplication .sections-area article .btn-gray {
                background: #555;
                color: #fff;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                text-align: center;
                padding: 0.5em 1.5em;
                text-decoration: none;
                font-weight: 700;
            }

                #section-home .home-mode .home-description-aplication .sections-area article .btn-gray:hover {
                    background: #3b3b3b;
                }

.map-container.landing-mode #search #filter-results {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    display: none;
}

.map-container.landing-mode .legend-resources {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    display: none;
}

.map-container.landing-mode #infographic {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    display: none;
}

.map-container.landing-mode #controls {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.map-container.landing-mode .map-container__patron {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
    opacity: 0.99;
    z-index: 10;
}

.map-container.landing-mode .main-content {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    display: block;
    z-index: 11;
}

.map-container.landing-mode .map-container {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    max-height: 1450px;
}

.map-container__patron {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: url('../img/landing_icons/mapahome.jpg?1400252396') repeat;
    height: 750px;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    width: auto;
    z-index: -10000;
    border-bottom: 4px solid #58CA67;
}

    .map-container__patron:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../img/landing_icons/patronhome.png?1400252396') repeat;
    }

.main-content {
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 992px;
    position: relative;
    margin: auto;
    margin-top: -37em;
    display: none;
}

.main-content__title {
    color: #5E5F5A;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}

.main-content__type-filters {
    width: 80%;
    margin: 0 auto;
    margin-top: 2em;
    text-align: center;
}

.main-content__type-filters__list {
    display: inline-block;
    margin: 1em 2.5em;
}

.main-content__type-filters__link {
    color: #5E5F5A;
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
}

    .main-content__type-filters__link div {
        background-color: #58ca67;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
        margin-bottom: 0.5em;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .main-content__type-filters__link:hover div {
        background-color: #6cd079;
    }

.main-content__type-filters__link__project-icon {
    background-image: url('../img/landing_icons/icoproyectos.png?1400252396');
    width: 34px;
    height: 30px;
    padding: 1em 0.9em;
}

.main-content__type-filters__link__resources-icon {
    background-image: url('../img/landing_icons/icorecursos.png?1400252396');
    width: 31px;
    height: 26px;
    padding: 1.15em 0.976em;
}

.main-content__type-filters__link__production-icon {
    background-image: url('../img/landing_icons/icoproduccion.png?1400252396');
    width: 14px;
    height: 33px;
    padding: 0.9em 1.5em;
}

.main-content__type-filters__link_fiscalization-icon {
    background-image: url('../img/landing_icons/icofiscalizacion.png?1400252396');
    width: 29px;
    height: 30px;
    padding: 1em 1.039em;
}

.main-content__video {
    border: 1px solid #09425d;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 750px;
    height: 410px;
    margin: 0 auto;
    margin-top: 2em;
}

.main-content__description {
    max-width: 800px;
    margin: 3em auto;
}

    .main-content__description figure, .main-content__description .right-content {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        vertical-align: top;
    }

    .main-content__description figure {
        background: url('../img/landing_icons/thumb-video.png?1419908086') no-repeat center;
        position: relative;
        cursor: pointer;
    }

        .main-content__description figure:after {
            content: "";
            overflow: hidden;
            display: inline-block;
            text-indent: -99999em;
            background-position: 0 -41px;
            width: 64px;
            height: 64px;
            text-align: left;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -20px 0 0 -15px;
            opacity: 0.8;
            width: 65px;
        }

        .main-content__description figure:hover:after {
            opacity: 1;
        }

    .main-content__description .right-content {
        width: 465px;
    }

.main-content__description__text {
    margin: 0 auto;
    color: #636363;
    line-height: 1.5em;
    font-size: 1.2em;
}

.main-content__description__text-bold {
    font-size: 2.5em;
    font-weight: lighter;
    margin-bottom: 0.3em;
    color: #636363;
}

.main-content__notifications {
    background: #fef4e8;
    margin: 0 auto;
    padding: 1em 1.5em;
    margin-top: 2em;
}

.main-content__notifications__text {
    color: #d9886a;
    padding-left: 4em;
    text-transform: uppercase;
    font-size: 0.8em;
    text-transform: lowercase;
    min-height: 32px;
    background: url('../img/landing_icons/warning.png?1400252396') no-repeat;
}

.main-content__consolidated-data {
    width: 665px;
    margin: 2em auto 8em;
    background-color: #fff;
    border-radius: 6px;
}

.main-content__consolidated-data__title {
    background: #0091AC;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    padding: 0.3em;
    margin-bottom: 1em;
    border-radius: 6px 6px 0 0;
}

.main-content__consolidated-data__aproved_projects {
    border: 1px solid #D2D2D2;
    display: table-cell;
    text-align: center;
    padding: 1.5em 1.8em;
    vertical-align: middle;
    max-width: 13em;
}

    .main-content__consolidated-data__aproved_projects .title {
        color: #636363;
        font-size: 1.1em;
        margin-bottom: 1em;
    }

    .main-content__consolidated-data__aproved_projects .number {
        color: #58ca67;
        font-size: 4em;
    }

.main-content__consolidated-data__resources {
    display: table-cell;
    padding: 0 2em;
}

    .main-content__consolidated-data__resources .invested-resources {
        padding-bottom: 0.5em;
    }

        .main-content__consolidated-data__resources .invested-resources .title {
            color: #636363;
            font-size: 1.1em;
            font-weight: 100;
            max-width: 290px;
            padding-bottom: 0.5em;
        }

        .main-content__consolidated-data__resources .invested-resources .amount {
            color: #0092ab;
            font-size: 1.5em;
        }

    .main-content__consolidated-data__resources .aproved-resources .title {
        color: #636363;
        font-size: 1.1em;
        max-width: 290px;
        font-weight: 100;
        padding: 0.5em 0;
    }

    .main-content__consolidated-data__resources .aproved-resources .amount {
        color: #707070;
        font-size: 1.5em;
        padding-bottom: 0.5em;
    }

    .main-content__consolidated-data__resources .total-val-resources .title {
        color: #636363;
        font-size: 1.1em;
        font-weight: 100;
        max-width: 90%;
        padding-bottom: 0.5em;
    }

    .main-content__consolidated-data__resources .total-val-resources .amount {
        color: #707070;
        font-size: 1.5em;
    }

.modal .wrapper .content {
    background-color: transparent;
}

.main-content__notifications {
    z-index: 100;
    position: relative;
}

.main-content__consolidated-data {
    position: relative;
}

.main-content__consolidated-tabbed {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

    .main-content__consolidated-tabbed.show-tabbed {
        display: block;
    }

    .main-content__consolidated-tabbed .consolidated-tabbed {
        position: relative;
        color: #959595;
    }

        .main-content__consolidated-tabbed .consolidated-tabbed .wrap-tab {
            width: 85%;
            margin: auto;
        }

        .main-content__consolidated-tabbed .consolidated-tabbed:after {
            content: "";
            position: absolute;
            top: -30px;
            right: 50px;
            border: 15px solid transparent;
            border-bottom: 15px solid #fff;
        }

        .main-content__consolidated-tabbed .consolidated-tabbed h2 {
            color: #2f9cc1;
            display: block;
            font-size: 3em;
            padding: 1.5em 1em;
            font-size: 1.5em;
            text-align: center;
        }

        .main-content__consolidated-tabbed .consolidated-tabbed .btns-area {
            border-top: 1px solid #d2d2d2;
            border-bottom: 1px solid #d2d2d2;
            text-align: justify;
            margin: 1em 0;
        }

            .main-content__consolidated-tabbed .consolidated-tabbed .btns-area a {
                background: #2f9cc1;
                text-align: center;
                color: #fff;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                vertical-align: top;
                margin: 1em 0 0;
                padding: 0.4em 2em;
                text-decoration: none;
                width: 19%;
            }

                .main-content__consolidated-tabbed .consolidated-tabbed .btns-area a:hover {
                    background: #45c356;
                }

            .main-content__consolidated-tabbed .consolidated-tabbed .btns-area .break {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                width: 30%;
                height: 0;
            }

        .main-content__consolidated-tabbed .consolidated-tabbed b {
            font-weight: bold;
            padding-bottom: 0.5em;
            display: block;
            color: #6f6f6f;
        }

.i-tooltip {
    content: "";
    overflow: hidden;
    display: inline-block;
    text-indent: -99999em;
    background-position: 0 -505px;
    width: 15px;
    height: 15px;
    text-align: left;
    position: relative;
    top: 0;
    right: -5px;
    overflow: visible !important;
    text-indent: 0 !important;
}

#header.tooltip, .tooltip {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
}

    #header.tooltip .info-tool, .tooltip .info-tool {
        display: none;
        color: #0091AC;
        z-index: 10;
        position: absolute;
        left: 50%;
        margin: 0 0 0 -100px;
        bottom: 110%;
        background: #fff;
        text-align: center;
        width: 200px;
        font-size: 0.7em;
        /*font-family: Arial;*/
        line-height: 1em;
        padding: 8px;
        opacity: 1;
        text-transform: none;
        border-radius: 3px;
        font-weight: bold;
        border: 1px solid silver;
        word-break: break-word;
    }

.hide {
    display: none !important;
}

.home-mode + #footer .row .info, .home-mode + #footer .row .form-wrapper {
    display: none;
}

/*Alet bootbox*/
.table-container .pagination a {
    display: inline-block
}

.fade:not(.show) {
    opacity: 1;
    background-color: rgba(0,0,0,.7)
}

.modal-backdrop {
    background-color: rgba(0,0,0,.5)
}

.modal-dialog {
    transform: translate(0,1%) !important;
}

.MIVBox {
    max-width: 900px;
    margin: 0 auto;
}
/*COMENTARIOS*/
/*Comentarios*/
.Tcomments {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .Tcomments span {
        font-weight: 600
    }

.lcomments {
    width: 350px;
    margin: 0 auto;
}

.bkcomments {
    width: 120px;
    margin: 0 auto;
}

#divPadre1 {
    width: 100%;
    float: left;
}

.s2 .h2 {
    font-size: 50px;
    /*margin-left: 97px;*/
    color: #5AB642;
}

.Comment {
    width: 100%;
    display: inline-block;
}

.User_comment {
    /*float: left*/
}

.Gov_comment {
    /*float: left;*/
    padding: 5px 0px 15px 0px;
    margin-left: 65px;
}

.Pic_user {
    float: left;
    width: 57px;
    height: 57px;
    margin-top: 20px
}

.dis-Inline {
    display: inline
}

.Post_user {
    /*background: #EAEAEA;*/
    padding: 15px;
    margin-left: 64px;
}

.Post_name {
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

.Post_txt {
    font-size: 14px;
    text-align: left;
}

.iduser {
    font-weight: 600;
}

.Post_date {
    font-size: 14px;
    padding-top: 5px;
    text-align: left;
    border-top: 1px solid #ccc;
}

.Post_Gov {
    background: #EAEAEA;
    float: left;
    padding: 5px;
}

.Pic_user img {
    border-radius: 50%
}


/* section ADMIN*/
#enlace_cierre {
    padding: 8px 0;
    border: 2px solid #DB473C;
    padding: .5em 1em;
    background-color: #fff !important
}

    #enlace_cierre a {
        display: block;
        color: #000
    }

    #enlace_cierre *, #enlace_cierre a {
        color: #000 !important
    }

.BgTabs {
    width: 550px;
    margin: 0 auto;
}

.section-Admin .BgTabs {
    width: 100%;
    border-bottom: 3px solid #22B573;
    overflow: hidden;
    margin-top: 25px;
    background-color: rgba(13,40,75,.5);
}

.section-Admin .TabAct {
    margin: 0px;
    background: #fff !important;
    border-bottom: 3px solid #9d1717;
    font-size: 14px;
    font-weight: 700;
}

.wrap-admin-pf .TabAct .material-icons {
    color: #9d1717 !important
}

.wrap-admin-pf .TabBen .material-icons {
    color: #E0223E !important
}

.tabAct .material-icons {
    color: #9d1717 !important
}

.section-Admin .TabAct a, .section-faq .BgTabs a {
    color: #fff
}

.section-faq .TabAct, .section-faq .TabBen {
    font-size: 14px
}

.border-t-5 {
    border-top: 5px solid #00A3D9
}

.section-Admin .TabBen {
    background: none !important;
    font-size: 14px;
    font-weight: 700;
}

    .section-Admin .TabBen a {
        color: #fff
    }

        .section-Admin .TabBen a:hover {
            color: #000 !important;
            text-decoration: underline
        }

.wrap-admin-pf .well {
    margin-bottom: 15px;
    color: #000;
    overflow: inherit;
    background-color: #f3f3f3;
    padding: 15px 0px
}

.wrap-admin-pf .dataThumbnail {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #000
}

.wrap-admin-pf .boxImg .detailedLinks {
    border: 1px solid #e9e9e9;
    background-color: #e3e3e3;
}

.section-Admin .main-title {
}

.borderbox-Coments {
    border: 1px solid #e3e3e3;
    padding: 15px;
    margin-bottom: 15px;
}

.btnPublicar p, .btnEliminaC p, .btnRespuesta p {
    display: inline-block !important;
}

.wrap-admin-pf .User_comment {
    float: none;
    margin-bottom: 15px
}

.tipoBox p {
    display: inline-block;
    margin-left: 5px;
}

.btn p {
    margin-bottom: 0px;
}

.dis_Inline {
    display: inline
}

.tipoBox .radio {
    margin-right: 15px;
}

.borderbox-Coments .btn-default {
    background-color: #db473c;
    color: #fff !important;
    border-radius: 6px;
    margin-right: 15px;
}

.section-comments .User_comment {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 25px;
}

.section-comments .Post_user {
    margin-left: 0px;
    background-color: #EAEAEA;
}

.TabAct {
    color: #9d1717;
    font-size: 20px;
    text-transform: uppercase;
    float: left;
    height: 50px;
    width: 240px;
    margin: 0px 5px;
    border-bottom: 3px solid #9d1717;
}

.tagM {
    padding: 10px;
    text-align: center;
}

.TabBen a:hover .tagM {
    padding: 10px;
    text-align: center;
}

.TabAct a {
    color: #9d1717;
}

    .TabAct a:hover {
        color: #9d1717;
    }

.TabBen {
    font-size: 20px;
    text-transform: uppercase;
    float: left;
    height: 50px;
    width: 300px;
    background-color: transparent;
}

.wrap-tabs {
    border-bottom: 1px solid #9d1717;
}

.section-faq .BgTabs {
    /*width: 100%;*/
    overflow: hidden;
    margin-top: 25px;
}

.modal-header {
    /*border-bottom: 2px solid #99C562;height: 30px;*/
    padding: 3px !important;
}

.modal-content {
    /*border-radius: 0px*/
    margin-top: 50px;
    /*background: #2f9cc1;*/
}

.modal-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    padding: 5px;
}

.modal-footer {
    text-align: left;
    /*background-color: #eaeaea;*/
}

.bootbox-body {
    text-align: center;
    font-size: 1.5rem;
}

/* video background */
#background-video {
    height: 63vh;
    width: 100vw;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

/*Emergencias*/
#d3plus_back_button {
    color: #000 !important;
    top: -15px !important;
}
.tabData {
    display: flex;
    justify-content: start;
}

.tab-link {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 8px 30px;
    margin-right: 15px;
    border-bottom-color: #5916c3;
    border-bottom-width: 1px;
}

    .tab-link.current {
        border-bottom-width: 2px;
        border-bottom-color: #FCFCFC !important;
        position:relative
        
    }
        .tab-link.current::after {
            content: "";
            position: absolute;
            left: 47%;
            top: 101%;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid var(--big-numbers);
        }

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}


    ul.tabs li.current {
        background-color: var(--big-numbers);
        color: #fff;
    }

.tab-content {
    display: none;
    background: #fff;
}

    .tab-content.current {
        display: inherit;
    }
.tabData {
    margin-bottom: 0px;
    border-bottom: 2px solid var(--big-numbers)
}
.row-cards, .row-cards-stacked {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .row-cards-stacked .card {
        flex-direction: row;
        align-items: center;
        padding: 15px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

.wrap-data-contract {
    margin: 0px 15px
}

.row-cards-stacked .card:first-child {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px
}

.row-cards-stacked .card:last-child {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px
}

.row-cards-stacked .label {
    margin-bottom: 10px;
    display: block
}

.wrap-data-contract {
    margin: 0px 15px;
}


.row-cards-stacked .bigNumber {
    font-size: 2.5rem;
    font-weight: 700
}

.wrap-selector-entidad {
    padding: 15px 0px
}
.wrap-content-gen {
    background-color: #fff;
    border: none;
    border-radius: 12px;
    padding: 15px;
}


.row-cards .card {
    display: flex;
    flex-direction: row;
    padding: 15px;
    align-items: center;
    margin-bottom: 15px
}

.headTit img, .headTit h2 {
    display: inline-block;
    vertical-align: middle
}

.headTit h2 {
    padding-bottom: 15px;
    color: #2e528d
}

.mainSearchBox {
    background-color: transparent;
    padding: 10px;
    width: 70%;
    margin: 0 auto;
    margin-top: 0px;
    overflow: hidden;
    border-radius: 5px;
}

    .mainSearchBox .form-control {
        background: none;
    }

    .mainSearchBox .col-md-11, .mainSearchBox .col-md-1 {
        padding: 0px
    }

    .mainSearchBox .btn-primary {
        width: 100%;
        border: 0px;
        padding: 13px;
        border-radius: 0px;
    }
.btn-primary a{color: #fff; display:flex}

.searchBox .col-md-8, .searchBox .col-md-4 {
    padding: 0px
}

.search-wrap input[type="search"] {
    height: 45px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 auto;
    width: 100%;
    color: #333;
    background: rgba(255,255,255,1) url(../img/location/icon-search.svg) no-repeat 10px;
    padding-left: 40px;
    font-size: 12px;
}

.search-wrap .form-inline .form-control {
    width: 100%;
}

.p15 {
    padding: 15px
}
.mb25 {
    margin-bottom: 25px;
}

.acciones .card {
    /*max-width: 33%;*/
}
.a1 {
    border: 1px solid #2395E2!important
}


.a2 {
    border: 1px solid #EFAC38!important
}


.a3 {
    border: 1px solid #399856!important
}
.row-cards-stacked .bigNumber {
    font-size: 2.7rem;
    font-weight: 700;
    color: var(--big-numbers);
}
.summ-data{ justify-content:space-around; margin-bottom:2rem; box-shadow:none!important;}
.cards-grid {
    display: grid;
    gap: 25px;
    row-gap: 25px;
    /*grid-template-rows: 2fr 2fr;*/
    grid-template-columns: 2fr 2fr;
}
.cards-gridH {
    display: grid;
    gap: 25px;
    row-gap: 25px;
    grid-template-rows: 2fr 2fr;
    /*grid-template-columns: 2fr 2fr;*/
}

.tool-card-box {
    padding: 1.7rem;
    border-radius: 12px;
    background: rgb(240,240,240);
    background: linear-gradient(168deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 33%);
    margin-bottom:1.3rem;
}

.cards-grid .card {
}
    .cards-grid .wrap-icon img{ height:70px}
    .sep-H-shadow {
        width: 80%;
        height: 50px;
        background: url(../img/sep-h-shadow.png) no-repeat top center;
        background-size: cover;
        margin: 0 auto;
    }

    .big-step {
        font-size: 3rem;
        font-weight: 700;
        padding: 0px 15px;
    }
.a1 .big-step {
    color: #2395E2;
}
.a2 .big-step {
    color: #EFAC38;
}
.a3 .big-step {
    color: #399856;
}

.wrap-participe {
    background-color: #F7F9FE;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 15%);
    margin: 0 15px;
    border-radius: 3px;
    min-height: 355px;
}
    .wrap-participe .card-header {
        background-color: #2E528D;
        color: #fff;
        text-align: center;
        padding: 15px;
    }
    .wrap-participe .h4{color:#fff}
    .wrap-participe .card-footer {
        background-color: transparent;
    }
.bg-50 {
    background: rgb(238,246,252);
    background: linear-gradient(90deg, rgba(238,246,252,1) 50%, rgba(228,239,248,1) 50%);
}

.card-carusel-wrap {
}

    .card-carusel-wrap .card {
        border-radius: 8px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }

    .card-carusel-wrap .card-header {
        background-color: #EEF6FC;
        padding: 15px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-weight: 700
    }

.procesos .card-carusel-wrap .card-header {
    background-color: #D3E0EB
}

.card-carusel-wrap .wrap-data-contract {
    margin-left: 0px
}

    .card-carusel-wrap .wrap-data-contract:first-child {
        width: 30%
    }

.card-carusel-wrap .label {
    font-weight: bold;
    font-size: 10px; display:block
}

.card-carusel-wrap .bigNumber {
    font-size: 15px;
    font-weight: 700;
    line-height: 14px
}

.card-carusel-wrap .card-footer {
    background-color: transparent;
}

    .card-carusel-wrap .card-footer .btn {
        width: 100%
    }

.wrap-content-gen {
    background-color: #fff;
    border: none;
    padding: 15px;
}
.crdtitle-entidad {
    font-size: 1rem; font-weight:700;
}
.CTASectores .card-title-container {
    padding: 1rem
}
.CTASectores .SbtBigNumber{font-size:1.5rem}
.card-subtitle-container{ margin-bottom:1rem}

.card-procesos{ display:flex; flex-direction:row; align-items:center;}
    .card-procesos .icon-sectores {
        width: 60px!important;
        background-color:#9DD8D6!important;
    }
.toolbox-citizens .tabs-nav {
    justify-content: center;
    border-bottom: 2px solid #5916c3;
}
.toolbox-citizens .goals .tabs-nav li.active {
    background-color: #F9F5FF;
}
    .toolbox-citizens .goals .tabs-nav li.active:after {
        border-left: 15px solid #fff;
        border-right: 15px solid #fff;
        border-top: 15px solid #5916c3;
    }

    .toolbox-citizens .goals .tabs-nav li {
        text-align: center;
        padding: 1em 3em;
    }

@media all and (max-width: 992px) {
    .headEnt {
        display: flex;
        align-content: flex-start;
        width: 100%;
    }
    .data1 {
        margin-right: 25px;
        min-width: 15%;
        max-width: 15%;
    }
    .cta-wrapper{margin:1rem}
    .tab-link {
        font-size: .8rem
    }
    .acciones .row-cards, .acciones .row-cards-stacked {
        flex-direction: column;
    }
    .row-cards-stacked .card {
        flex-direction: column;
        text-align:center;
    }
    .acciones .card {
        width: 100%; max-width:100%;
    }
    .big-step {font-size:4rem}
    .bg-50 {
        background: rgb(238,246,252);
    }
    .wrap-external .tit-left {
        text-align: center;
    }
    .wrap-external {
        padding-bottom: 25px; text-align:center; margin-bottom:15px
    }
        .wrap-external img {
            margin: 0 auto;
        }
}



/*mediaquerys */
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
        /* Styles */
    }
    /* Smartphones (landscape) ----------- */
    @media only screen and (min-width: 321px) {
        /* Styles */
    }
    /* Smartphones (portrait) ----------- */
    @media only screen and (max-width: 320px) {
        /* Styles */
    }

    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

        /*Home*/
        .btn-top {
            right: 64px;
        }

        .wrap-dataHome {
            display: inline-block;
            align-items: center
        }

        .fuentes-financiacion .ic-data {
            width: 30% !important;
        }

        .wrap-content-fuente .icon-sectores {
            width: 36%;
            padding: 1rem;
        }

        /**/


        .data1 {
            margin-right: 25px;
            min-width: 100% !important;
            max-width: 50% !important;
        }

        .mainData {
            font-size: 14px;
            padding-right: 25px;
            min-width: 0%;
            max-width: 0%;
        }
    }
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        /* Styles */
    }
    /* Smartphones (landscape) ----------- */
    @media only screen and (min-width : 321px) {
        /* Styles */
    }
    /* Smartphones (portrait) ----------- */
    @media only screen and (max-width : 320px) {
        /* Styles */
    }
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        /* Styles */


    }
    /* iPads (landscape) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        /* Styles */
    }
    /* iPads (portrait) ----------- */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        /* Styles */
    }
    /* Desktops and laptops ----------- */
    @media only screen and (min-width : 1224px) {
        /* Styles */
    }
    /* Large screens ----------- */
    @media only screen and (min-width : 1824px) {
        /* Styles */
    }
    /* iPhone 4 ----------- */
    @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
        /* Styles */
    }
    /* Landscape phones and down */
    @media (max-width: 480px) {
    }
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        ...
    }
    /* Portrait tablet to landscape and desktop */
    /*Presupuesto*/

    @media (min-width: 768px) and (max-width: 979px) {

        .main-icon-value {
            display: contents;
        }

        .ic-wrap img {
            width: 50%
        }
    }
    /* Large desktop */
    @media (min-width: 1200px) {
        ...
    }
    /* Other Mediaquery*/
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* Styles */


    }
    /* iPads (landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        /* Styles */
    }
    /* iPads (portrait) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        /* Styles */
    }
    /* iPad 3 (landscape) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPad 3 (portrait) ----------- */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* Desktops and laptops ----------- */
    @media only screen and (min-width: 1224px) {
        /* Styles */
    }
    /* Large screens ----------- */
    @media only screen and (min-width: 1824px) {
        /* Styles */
    }
    /* iPhone 4 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 4 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 5 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 5 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 6 (landscape) ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 6 (portrait) ----------- */
    @media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 6+ (landscape) ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* iPhone 6+ (portrait) ----------- */
    @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* Samsung Galaxy S3 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* Samsung Galaxy S3 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
        /* Styles */
    }
    /* Samsung Galaxy S4 (landscape) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
        /* Styles */
    }
    /* Samsung Galaxy S4 (portrait) ----------- */
    @media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
        /* Styles */
    }
    /* Samsung Galaxy S5 (landscape) ----------- */
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
        /* Styles */
    }
    /* Samsung Galaxy S5 (portrait) ----------- */
    @media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
        /* Styles */
    }

    .btn-primary span{ margin-right:35px;}

.btn-primary::after {
    content: "";
    height: 0px;
    width: 0px;
    background-color: #5916c3;
    position: absolute;
    right: 0;
    top: 0px;
    border-radius:6px;
}

.btn-simple::after, .btn-secondary::after{display:none}

/*TESTING CARRUSEL VERTICAL THUMBNAIL*/
.carousel-mainX .carousel-cell {
    background: #F9F9F9;
    width: 100%;
}

    .carousel-mainX .carousel-cell:before {
        display: block;
        text-align: center;
        height: 100%;
        width: 100%;
        font-size: 80px;
    }

.carousel-mainX .carousel-cell {
    width: 100%;
    /*font-size: 5rem;
    padding-bottom: 56.25%;*/
}

    .carousel-mainX .carousel-cell:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.carousel-mainX p{font-size:1rem; font-weight:500;}
.carousel-mainX .card-info .h5{ font-size:.65em;}
.carousel-mainX .card-info {
    border-radius: 8px;
    background-color: #fff;
    padding: 1rem;
}

.carousel-mainX .card-info span{display:block}
    .carousel-mainX .card-info span.number-data {
        margin-bottom: 0;
        padding-bottom: 0px;
        font-size: 1rem;
        line-height: 1.3rem;
        color: #1C8262
    }
.carousel-mainX .card-info small{font-size:.55em; display:block;color: #000}
.wrap-icon img{ height:35px}

.wrap-instituciones .wrap-icon img{
    height: 60px !important;
    margin-bottom: 1rem
}
.thumb-left .carousel-nav .carousel-cell:before {
    transform: rotate(-90deg);
}

.thumb-left .carousel-nav {
    width: 540px;
    height: 80px;
    transform: rotate(90deg) translate(-60px, -400%);
    transform-origin: left top;
}

    .thumb-left .carousel-nav .carousel-cell.is-nav-selected::after {
        position: absolute;
        bottom: 93%;
        background-color: transparent;
        width: 0;
        height: 0;
        border-left: 15px solid #E0223E;
        border-right: 15px solid #E0223E;
        border-top: 15px solid #E0223E;
        border-bottom: 15px solid #fff;
        z-index: 2;
        content: "";
        left: 38%;
    }

.thumb-left .is-nav-selected div{ color:#fff!important}
.carousel-mainX .carousel-cell {
    transform: rotate(0deg);
    width: 100%;
    height: 580px;
    /*cursor: pointer;*/
    font-size: 1.4rem;
    background: rgb(255,255,255);
    background: linear-gradient(156deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 33%);
    border-radius:1rem;
}
.carousel-mainX .wrap-cell-container{
    padding:2rem;
}

.thumb-left .carousel-nav .carousel-cell {
    height: 300px; width:100px;
}

    .thumb-left .carousel-nav .carousel-cell div {
        transform: rotate(-90deg) translate(-140px, -70px);
        width: 250px;
        margin-left: 0px;
        font-size: 1rem;
        color: #E0223E;
        position: absolute;
        z-index: 1;
        font-weight: 700;
    }

    /* selected cell */
    .thumb-left .carousel-nav .carousel-cell.is-nav-selected {
        background: #E0223E;
    }

.flickity-prev-next-button {
    width: 40px;
    height: 40px;
    background: transparent;
}

    .flickity-prev-next-button .previous {
        left: -40px;
    }

    .flickity-prev-next-button .next {
        right: -40px;
    }

.row .left {
    max-width: 90%;
    margin-right: 2%;
    flex: 1 1 100%;
}

.row .right {
    flex: 1 1 0;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.carousel-nav .flickity-prev-next-button.next {
    right: -30px;
}

.carousel-nav .flickity-prev-next-button.previous {
    left: -30px;
}

.modal-btn-close{ display:flex; justify-content:end; padding:.5rem}
.wrap-main-datos small{display:block;}
.workshop-slider .carousel-cell{max-height:350px}
.workshop-slider .carousel-cell img {
    border-radius: 12px;
}
.carousel.is-fullscreen .carousel-cell {
    height: 100%;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
}

/* Landscape phones and down */
@media (max-width: 480px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .wrap-desc-entidad, .card-entidad .h5, .card-entidad .h1 {
        text-align: center
    }
        .card-entidad .h5{padding:0px}
        .img-s1 {
            max-height: 220px !important;
            margin: 0 auto
        }
    .workshop-slider .carousel-cell {
        max-height: 300px
    }
    .carousel-mainX .wrap-cell-container{padding:0rem 1.5rem}
    .thumb-left .carousel-nav .carousel-cell div{font-size:.6em; line-height:1em; margin-top:1rem}
    .carousel-mainX p{/*font-size:.8em*/}
    .carousel-mainX .big-number {
        font-size: 1.2em; line-height:1em;
    }
    .carousel-mainX .carousel-cell {
        width: 100%;
        height: 690px!important;
    }
        .carousel-mainX .carousel-cell h3{text-align:center}
        small {
            font-size: .85rem !important; display:block; line-height:.8rem;
        }
    .img-s1{max-width:80%!important; margin:2rem auto}
    .wrap-main-datos{ border:1px solid #ccc; border-radius:12px; padding:1rem;}
        .wrap-main-datos .wrap-summary {margin-bottom:0rem; border-bottom:1px solid #ccc; padding-bottom:0rem;
        }
        .wrap{display:none}
    .wrap-cta {
        text-align: center
    }
    .cards-grid{display:flex; flex-direction:column}
        .cards-grid .wrap-desc-entidad .wrap-icon, .cards-grid .wrap-desc-entidad .h3{ text-align:center}
        .cards-grid .wrap-desc-entidad .btn{ float:right}
    .footer-bottom{ text-align:center}
}

/* Large screens ----------- */
@media only screen and (max-width : 991px) {
    .fuentes-datos .contenedor-columnas{ flex-direction:column; justify-content:center; text-align:center}
    .fuentes-datos .columna{ margin:0 auto;}
    .welcome {
        background: #3F305A url(../img/bg-main-mobile.webp) no-repeat;
        background-size: cover;
    }
    .box-od .btn{margin-bottom:1rem}
    .panel-title {
        flex-direction: column
    }
    .actions-links span.badge{white-space:normal}
    .carousel-mainX .card-info a {
        display: flex;
        gap: 1rem
    }
    .sep-H-shadow{background-size:contain}
    .wrap-cta {
        text-align: center
    }
    .thumb-left .carousel-nav .carousel-cell:before {
        transform: rotate(0deg);
    }

    .thumb-left .carousel-nav {
        width: 100%;
        height: 80px;
        transform: rotate(0deg) translate(0px,0px);
        transform-origin: left top;
        padding:0px
    }
        .thumb-left .carousel-nav .carousel-cell {
            height: 65px;
        }

            .thumb-left .carousel-nav .carousel-cell div {
                transform: rotate(0) translate(0, 0);
                width: 100%;
                margin-left: 0px;
                font-size: .65rem;
                color: var(--btn-primary-color);
                position: absolute;
                z-index: 1;
                font-weight: 700;
                text-align:center;
            }
            .thumb-left .carousel-nav .carousel-cell.is-nav-selected::after {
                position: absolute;
                bottom: 40%;
                background-color: transparent;
                width: 0;
                height: 0;
                border: none;
                z-index: 2;
                content: "\25BE";
                left: 48%;
                color: #fff;
                font-size: 1.5rem;
            }
    .carousel-mainX .carousel-cell {
        width: 100%;
        height: 600px;
    }
    .carousel-mainX .wrap-cell-container{padding:0 2rem}
}

/* Landscape phone to portrait tablet */
@media (min-width: 992px) and (max-width: 1199px) {
    .headEnt {
        display: flex;
        align-content: flex-start;
        width: 100%;
    }

    .data1 {
        margin-right: 25px;
        min-width: 15%;
        max-width: 15%;
    }
    .carousel-mainX .card-info a {
        display: flex;
        gap: 1rem
    }
    .carousel-mainX .carousel-cell {
        height: 680px;
    }
    .carousel-mainX .wrap-cell-container{padding:2rem }
 }