* {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Common elements */
.back-gris {
    background-color: #F2F3F4
}

.btn {
    border-radius: 0;
}

.btn-outline-primary {
    border-color: #E07F04;
    color: #E07F04;
}
.btn-outline-primary.opacity {
    border-color: #E07F04;
    color: #E07F04;
    background-color: rgba(0,0,0,0.5);
}

.btn-outline-primary i {
    margin-left: 1rem;
}

.btn-outline-primary.center {
    padding-left: 1.5rem;
}

.btn-outline-primary.center i {
    margin-left: .5rem
}

.btn-outline-primary:hover {
    background-color: #E07F04;
    color: #fff;
    border-color: #E07F04;
}

/* Typhography */
.title {
    color: #2C2D2E;
    font-weight: 400;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.title:after {
    position: relative;
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    border-top: 1px solid #E07F04;
    left: calc(50% - 30px);
    margin-top: 5px;
}

.title-sub {
    font-weight: 400;
}

.title-sub:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    border-top: 1px solid #E07F04;
    margin-top: 5px;
}

/* Header */

header {
    padding-top: 1rem;
    padding-bottom: .25rem;
}

.headerGrid {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-areas: 'logo top' 'logo nav';
}

.headerGrid .logo {
    grid-area: logo;
}

.headerGrid .top {
    grid-area: top;
}

.headerGrid .navigation {
    grid-area: nav;
}

header .logo img {
    max-width: 133px;
}

.headerGrid .top {
    display: flex;
    justify-content: flex-end;
}

.headerGrid .top > * {
    align-self: center;
}

.headerGrid .rrss {
    display: flex;
}

.headerGrid .rrss {
    margin-left: 1.5rem;
}

.headerGrid .rrss .red {
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    margin-right: .3rem;
    transition-duration: 0.2s;
}

.headerGrid .rrss .red a {
    color: #022548;
    font-size: 1.1rem;
    transition-duration: 0.2s;
    display: block;
    width: 30px;
    height: 30px;
}

.headerGrid .rrss .red:hover {
    background-color: #022548;
}

.headerGrid .rrss .red:hover a {
    color: #fff;
}

.headerGrid .lang select {
    border: none;
    background-color: #F2F3F4;
    min-width: 4rem;
}

/* Search */
.search-input {
    -webkit-transition: width .333s; /* Safari */
    transition: width .333s;
    width: 170px;
}

.search-input:focus {
    width: 333px;
}

.search .search-input {
    border-radius: 1.5rem
}

.search button {
    margin-left: -2rem;
    border: none;
    background: none;
}

/* Menu */
.menu {
    display: flex;
    justify-content: flex-end;
    width: auto;
    padding-top: .25rem;
}

.faded-line {
    margin-top: .75rem;
    background: linear-gradient(to right, #fff 0%, #ddd 40%, #ddd 50%);
    width: 100%;
    height: 1px;
    margin-top: .75rem;
}

[v-cloak] {
    visibility: hidden;
}

/* Navigation */

.navigation a {
    font-size: .83rem;
    color: #2C2D2E;
}

.navigation .nav-item {
    position: relative;
}

.navigation .sub-menu {
    position: absolute;
    z-index: 2;
    background-color: #fff;
    min-width: 120px;
    display: none;
}

.navigation .nav-link {
    padding: .5rem .75rem;
}

.navigation .nav-link i {
    margin-left: .2rem;
}

.navigation .nav-item.active>a {
    color: #E07F04;
}

.navigation .sub-menu a.nav-link.active {
    color: #E07F04;
}

.navigation .nav-link:hover {
    color: #E07F04;
}

.navigation .nav-item:hover .sub-menu {
    display: block;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Homepage */
.home1 .logo img {
    height: 200px;
}

.block-about {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.block-about img {
    max-width: 250px;
}

.block-about .text {
    margin-bottom: 1.5rem;
}

.focus-item img {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

/* Home - Font Our Presence */
.home3 {

}

.ourPresence {
    display: grid;
    grid-template-columns: 7fr 5fr;
}

.ourPresence .right {
    display: flex;
    flex-direction: column;
    padding: 3rem 3rem;
    background-color: #E07F04;
    color: #fff;
    align-content: space-around;
    justify-content: space-between;
}

.ourPresence .title-sub:after {
    border-top: 1px solid #fff;
}

.ourPresence .btn {
    background-color: #fff;
    color: #022548;
    border: none;
}

.ourPresence .btn i {
    color: #E07F04;
    margin-left: .5rem;
}

.ourPresence .btn:hover {
    background-color: #f2f3f4;
}

.font-presence {
    display: flex;
}

.font-presence > * {
    align-self: center;
}

.font-presence .text {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
}

.font-presence .number {
    font-size: 4rem;
    margin-right: 1rem;
}

/* Home - Our Impact */

.storiesTitle {
    margin-bottom: 2rem;
}

.featuredStory .foot {
    background-color: #022548;
    color: #fff;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.featuredStory {
    margin-bottom: 2rem;
}

.featuredStory .foot strong {
    font-weight: 500;
}

.storyTitle:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    border-top: 1px solid #E07F04;
    margin-top: 5px;
}

.storyTitle {
    margin-bottom: 1.5rem;
    color: #2C2D2E;
}

.storyTitle h4 {
    font-weight: 400;
    margin-bottom: 0;
}

.storyPreview {
    margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
    .storyPreview .right {
        padding-left: 1.5rem;
    }
}

.storiesBlock .btn.center {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Banner Citizen */
.gridHalf {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.banner-citizen .gridHalf .right {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
    padding-top: 1rem;
    padding-right: 3rem;
}

.banner-citizen .right {
    background-color: #313131;
    color: #fff;
}

.banner-citizen .right p {
    color: #fff;
    font-weight: 400;
}

.banner-citizen .left .naui-overlay {
    background-color: rgba(0, 0, 0, 0.37);
}

.banner-citizen .left .titulo {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.3;
    font-weight: 400;
}

/* Board of Directors */
.section-board{
    padding-top:2rem;
}

.section-board .title {
    margin-bottom: 2.5rem;
}

.boardGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5rem
}

.boardGrid .perfil {
    height: 100%;
}

.perfil {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 1.5rem;
    grid-gap: 1.5rem;
    border-radius: 3px;
}

a .perfil {
    color: #2C2D2E;
}

.perfil img {
    height: 100px;
    border-radius: 50%;
}

.perfil dt {
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: .75rem;
}

.perfil dd {
    font-size: .9rem;
    font-weight: 300;
}

.section-partners {
    padding-top:2rem;
    padding-bottom: 2rem;
}

.gridPartners {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1rem;
}

.partner img {
    max-width: 100%;
}

.partner {
    padding: 1rem;
}

.section-partners .boton {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

/* Footer */
footer {
    background-color: #022548;
    color: #fff;
    padding-top: 1rem;
}

footer .left img {
    max-width: 100%;
    max-height: 80px;
}

.gridFooter {
    display: grid;
    grid-template-columns: 200px 1fr 100px auto;
    grid-gap: .5rem;
}

footer .center .gridLinks {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: min-content min-content;
    grid-gap: 0.3rem 0;
}

footer .center {
    padding-top: 1.5rem;
}

footer .link a {
    color: #fff;
    font-size: .9rem;
}

footer .follow {
    padding-top: 1.5rem;
}

footer .rrss {
    display: flex;
}

footer .rrss a {
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 1.1rem;
    border-radius: 50%;
    transition: .2s;
}

footer .rrss a:hover {
    background-color: #fff;
    color: #022548;
}

footer .rrss .red {
    margin-right: .3rem
}

footer .right {
    padding-top: 1.5rem;
}

footer .follow .title-sub:after {
    margin-top: 0;
    width: 40px;
    border-color: #E07F04;
}

footer .rrss > .red:last-child {
    margin-right: 0;
}

.copyright {
    margin-top: 1rem;
    padding-bottom: .5rem;
    font-size: .7rem;
    opacity: .6;
}

/* Cover */

.trustCover .naui-overlay {
    top: 60%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 1) 100%);
}

.cover-title {
    color: #fff;
    font-size: 1.75rem;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.cover-title::after {
    border-top: 1px solid #E07F04;
}

/* Identity */
.identity {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.identity .block1 {
    padding-left: calc(50vw - 500px);
    padding-right: 4rem;
}

.identity .block4 {
    padding-right: calc(50vw - 500px);
    padding-left: 4rem;
}

.identity .block1, .identity .block4 {
    display: flex;
}

.identity .block3, .identity .block4 {
    overflow: hidden;
}

.identity .block3 img, .identity .block4 img {
    margin-left: -3px;
    margin-right: -3px;
    width: 101% !important;
}

.identity .block1 > *, .identity .block4 > * {
    align-self: center;
}

.identity .block1 {
    background-color: #022548;
    color: #fff;
}

.identity .block4 {
    background-color: #E07F04;
}

.identity p {
    color: #fff;
    font-weight: 400;
}

.identity .title-sub {
    margin-bottom: 1.5rem;
    color: #fff;
}

.identity .block4 .title-sub:after {
    border-color: #fff;
}

/* OurPresence */
.aboutPresence .font-presence .number {
    color: #E07F04;
}

.aboutPresence .font-presence .text {
    color: #2C2D2E;
}

/* Inter */
.aboutInter {
    background-color: #022548;
    color: #fff;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

/* Our Team */
.tabAbout {
    padding: 2rem;
}

.tabWrapper .nav-tabs {
    justify-content: space-evenly
}

.tabWrapper .nav-tabs .nav-item {
    width: calc(20% - .8%);
    margin-right: 1%;
    text-align: center;
    background-color: #F2F3F4;
    bordeR: none;
    font-weight: 400;
    transition: 0.2s;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size:.9rem;
}

.tabWrapper .nav-tabs .nav-item.active{
    font-weight:500;
}

.tabWrapper .nav-tabs .nav-item:hover {
    background-color: #e2e3e4;
    color: #555;
}

.tabWrapper .nav-tabs > .nav-item:last-child {
    margin-right: 0;
}

.tabWrapper .nav-tabs {
    border-bottom: 0;
}

.tabWrapper .nav-tabs .nav-item.active {
    background-color: #E07F04;
    color: #fff;
}

/* Our Presence Section */

.map-pais img {
    margin-right: .5rem;
}

.map-pais {
    line-height: 1.2rem;
}

.gridCountries {
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1.5rem;
}

/* Country Profiles */
.countryProfile {
    margin-bottom: 2rem;
}

.countryProfile img {
    border-radius: 50%;
    max-width: 160px;
}

.countryProfile .titulo {
    font-weight: 400;
    font-size: 1.5rem;
    margin-top: .5rem;
}

.countries-profiles {
    padding-top: 2rem;
}

/* Our Work */
.title + .subtitle {
    margin-top: -1rem;
    margin-bottom: 2rem;
}

.our-work-1 p{
    margin-bottom:0;
}

dt.subtitle {
    font-weight: 500;
}

/* ProgramPreview */
.gridProgramsPreview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem
}

.programPreview {
    padding-top: 1rem;
}

.programPreview img {
    max-width: 100%;
}

.programPreview .logo {
    max-height: 70px;
    margin-bottom: 1rem;
}

.programPreview .text {
    min-height: 5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.learn-more {
    font-size: .9rem;
    color: #022548;
    margin-right: 1.5rem;
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
}

.learn-more i {
    color: #E07F04;
    font-size: 1.2rem;
    margin-left: 1rem;
}

.learn-more > * {
    align-self: center;
}

/* Linea */
.linea {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Related */
.related-sections {
    padding-bottom: 3rem;
}

.relatedGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
}

.relatedGrid .related {
    padding: 1.5rem 2rem;
    padding-top: 3rem;
    position: relative;
    padding-bottom: 3rem;
}

.related .learn-more {
    margin-bottom: 0;
    position: absolute;
    right: 1.5rem;
    bottom: 1rem;
}

.related .title-sub {
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.related .triangle {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    left: calc(50% - 15px);
    transform: rotate(45deg);
    background-color: #fff;
}

/* Why we do it */
.why0 p{
    margin-bottom:0;
}

.why1 {
    padding-top: 0;
    padding-bottom: 0;
}

.why2 p{
    margin-bottom:0;
}

/* How we do it */
.synGrid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-top: 1rem;
    grid-gap: 1rem;
}

.how0 p{
    margin-bottom:0;
}

.how1 {
    padding-bottom: 2rem;
}

.syn img {
    margin-bottom: .75rem;
}

.syn dd {
    color: #2C2D2E;
}

.how-programs {
    padding-top: 2rem;
}

.how-programs h4 {
    margin-bottom: 2rem;
}

.how-programs .oval {
    height: 2rem;
    border-radius: 50%;
    position: relative;
    top: 1rem;
    margin-bottom: 1rem;
}

.i-programs {
    max-width: 500px;
}

.how3 {
    margin-top: 1rem;
}

.donations {
    display: flex;
    justify-content: space-around;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.don img {
    margin-right: .5rem;
}

.don {
    color: #2C2D2E;
    font-size: 1.1rem;
    font-weight: 300;
}

/* Our Impact Page */

/* Partners */
.ptitle {
    padding-top: 1.8rem;
    padding-bottom: 1.5rem;
}

.ptitle .title {
    margin-bottom: 0;
}

.local-panel {
    border: 2px solid #eee;
    margin-top: 2rem;
}

/* Get Involved */
.gridActions {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2%;
    width: 100%;
}

.involvedAction {
    padding: 1.5rem;
    color: #666768;
}

.involvedAction a {
    max-width: 100%;
    word-wrap: break-word;
    text-decoration: underline;
    color: #666768;
}

.involvedAction img {
    margin-bottom: 1.5rem;
    background-color: #fff;
    border-radius: 50%;
}

.involvedAction .text {
    font-size: .9rem;
    margin-bottom: 1rem;
}

.involvedAction dd {
    margin-bottom: 0;
}

.involvedAction i {
    color: #022548;
    margin-right: .5rem;
}

.involvedAction .underline {
}

.get2 {
    padding-bottom: 3rem;
}

.pad-top {
    padding-top: 3rem;
}

/* Volunteer */
.volunteer {
    background-image: url('/static/webpage_app/insumos/get-involved/volunteers-banner-2.jpg');
    background-size: cover;
}

.volunteer {
    color: #2C2D2E;
}

.volunteer .buttons {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.volunteer h3 {
    font-weight: 400;
    letter-spacing: 2.5px;
    font-size: 2.3rem;
    margin-bottom: 2rem;
}

.volunteer .btn {
    margin-right: 1rem;
    min-width: 200px;
}

.volunteer .btn1 {
    border-color: #fff;
    color: #fff;
}

.volunteer .btn1:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.volunteer .btn2 {
    border-color: #fff;
    background-color: #fff;
}

.volunteer .btn2:hover {
    border-color: #E07F04;
    color: #E07F04;
}

.volunteer .email {
    color: #fff;
    margin-left: 1rem;
    margin-right: .25rem;
}

.get-in-touch h4 {
    font-weight: 400;
    font-size: 1.1rem;
}

.get-in-touch {
    color: #2C2D2E;
}

.contact-info i {
    color: #022548;
    margin-right: .5rem;
}

.contact-info {
    margin-right: 1.5rem;
    font-weight: 400;
    font-size: .9rem;
}

/* Page Poeta */
.page-poeta .learn-more {
    justify-content: flex-start;
}

.page-poeta {
    color: #2C2D2E;
}

.page-poeta .title-sub {
    margin-bottom: 2rem;
}

.page-poeta .text {
    margin-bottom: 2rem;
}

.page-poeta .block-content {
    padding-left: 2rem;
}

/* Bread */
.bread {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .9rem;
    color: #2C2D2E;
}

.bread a {
    color: #666768;
}

.bread .dash {
    color: #E07F04;
    margin-left: .5rem;
    margin-right: .5rem;
}

/* Programs */
.gridPrograms {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 600px;
    margin: 0 auto;
    grid-gap: 3rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.programImgBtn {
    padding: .5rem 4rem;
    background-color: #fff;
}

.programs1 .programs-logo {
    max-width: 300px;
}

.programs1 h3 {
    margin-bottom: 1rem;
    max-width: 500px;
}

.programs2 {
    margin-top: 0;
}

.programs2 .bold {
    font-weight: 500;
}

.aboutInter .dash {
    margin-left: 1rem;
    margin-right: 1rem;
}

.profileFlex {
    display: flex;
    justify-content: space-around;
    padding-top: 1.5rem;
}

.profileItem {
    width: 200px;
}

.profileItem img {
    margin-bottom: 1rem;
}

/* Offerings and Coverage */
.programs4 {
    padding-bottom: 2rem;
}

.gridP4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
}

.pBlock {
    padding: 2rem;
}

.pBlock .titulo {
    text-align: center;
    min-height: 5rem;
}

.pBlock h3 {
    font-weight: 400;
    font-size: 1.5rem;
}

.pBlock .titulo dd {
    font-weight: 300;
}

.pBlock .titulo dd .program-name {
    text-transform: uppercase;
}

.pBlock ul {
    color: #E07F04;
}

.pBlock ul span {
    color: #2C2D2E;
    font-weight: 300;
}

.pBlock ul li {
    margin-bottom: 2rem;
}

.pBlock .gridProgramCountries {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 1rem;
}

.pBlock .gridProgramCountries .map-pais {
    font-size: .9rem;
}

.pBlock .gridProgramCountries .map-pais img {
    max-height: 30px;
}

/* HighLight */

.highlight {
    font-size: 1.5rem;
    color: #022548;
}

.highlight-section {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

/* Project Preview */
.projects {
    padding-bottom: 3rem;
    padding-top: 0;
}

.projects .title-sub {
    margin-bottom: 2rem;
}

.gridProjects {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem 1.5rem;
}

.projectPreview {
    position: relative;
}

.projectPreview .foot {
    padding: .5rem .75rem;
    line-height: 1.2;
    color: #2C2D2E;
    padding-bottom: 2.25rem;
}

.projectPreview .coverage img {
    margin-top: .2rem;
    margin-right: .333rem;
}

.projectPreview .foot i {
    color: #E48900;
    margin-right: .333rem;
}

.projectPreview .foot dd {
    margin-bottom: .5rem;
}

.projectPreview dd.coverage {
    display: flex;
    font-size: .9rem;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: .5rem;
    margin-bottom: 1rem;
}

.status {
    font-size: .9rem;
    background-color: #fff;
    display: inline-block;
    padding: .2rem 1rem;
    border-radius: 1rem;
    color: #666768;
}

.projectPreview .status {
    position: absolute;
    bottom: .75rem;
}

.projectPreview .status.completed {
    background-color: #fff;
}

.projectPreview .status.execution {
    background-color: #F4E5D0;
    color: #E07F04;
}

/* Project */

.project1 .coverage img {
    margin-right: .5rem;
    margin-top: .2rem;
}

.project1 .logo {
    max-height: 130px;
}

.project1 h1 {
    font-size: 2rem
}

.project1 .status.completed {
    background-color: #F2F3F4;
}

.project1 .status.execution {
    background-color: #F4E5D0;
    color: #E07F04;
}

/* Project2 */
.gridPJ2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 5px solid #F2F3F4;
}

.blockPJ {
    padding: 2rem 3rem;
}

.blockPJ h3 {
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 3rem;
}

.blockPJ.block-right img {
    margin-bottom: 2rem;
    display: inline-block;
}

/* Goals */
.gridGoals {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    padding-top: 1.5rem;
}

.goalItem img {
    margin-right: 1rem;
}

.goalItem .text {
    padding-top: .5rem;
}

/* Achievements */
.back-orange {
    background-color: #E07F04;
    color: #444;
}

.back-orange .title {
    color: #fff;
}

.back-orange .title:after {
    border-top: 1px solid #fff;
}

.project4 dt {
    font-size: 3.33rem;
    font-weight: 400;
    color: #fff;
}

.project4 dd {
    color: #fff;
    font-weight: 400;
}

/* Structure */
.project5 {
    padding-top: 2rem;
    padding-bottom: 0;
}

.gridStructure {
    display: grid;
    grid-gap: 3rem;
    margin-top: 2rem;
}

.gridStructure:before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 6rem);
    top: 3rem;
    left: 50px;
    position: absolute;
    border-left: 2px dashed #C1C1C1;
    opacity: .5;

}

.structureItem {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-gap: 3rem;
    margin-bottom: 1
}

.structureItem .olGlobe {
    width: 70px;
    height: 70px;
    text-align: center;
    background-image: url('/static/webpage_app/insumos/globe.svg');
    line-height: 70px;
    background-size: cover;
    font-size: 3.333rem;
    font-weight: 300;
    color: #E07F04;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.structureItem dt {
    color: #022548;
    font-weight: 500;
    font-size: 1.2rem;
}

.structureItem dd {
    font-weight: 300;
}

/* Partners */
.project6 {
    padding-top: 1rem;
}

.gridPartnersProject {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1rem;
}

.gridPartnersProject .partner img {
    margin-bottom: .5rem;
}

.project8 {
    padding-top: 2rem;
}

/* SDGS */
.sdgs {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.sdgs > * {
    margin-left: 1rem;
    margin-right: 1rem;
}

/* Profile */
.profile {
    padding-bottom: 6rem;
}

.profile .block-right {
    padding-left: 2rem;
}

.profile h1 {
    font-size: 1.7rem;
    font-weight: 400;
    margin-bottom: 0;
}

.profileContact {
    color: #022548;
    margin-top: 2rem;
}

.profileContact > * {
    margin-right: 1rem;
}

.socialC {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 1.1rem;
    border-radius: 50%;
    border: 1px solid #E07F04;
    color: #022548;
}

/* Ajustes a slider del home */
.btn-outline-primary.btn-banner-home {
    border-color: white;
    color: white;
}

.btn-outline-primary.btn-banner-home:hover {
    background-color: white;
    color: #E07F04;
    border-color: white
}

.btn-outline-primary.btn-banner-home.margin-5-rem {
    margin-top: 5rem;
}

/* Noticia */
.noticia1 .actions {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.noticia1 .actions > * {
    margin-right: .75rem;
}

/* Press releases */

.readingLayout .block-left {
    padding-right: 3rem;
}

.readingLayout .block-right {
    padding-left: 2rem;
}

.newsTabs {
    margin-bottom: 2rem;
}

.newsTabs .tab {
    background-color: #F2F3F4;
    height: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-right: 1rem;
    min-width: 100px;
    color: #2C2D2E;
}

.newsTabs .tab.active {
    color: #fff;
    background-color: #E07F04;
}

/* NewsPreview */
.newsPreview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
}

.newsPreview h3 {
    font-size: 1.2rem;
    color: #2C2D2E;
}

.newsPreview .meta {
    color: #888;
    font-size: .9rem;
}

.newsPreview p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    color: #2C2D2E;
}

.newsPreview .coverage {
    font-size: .9rem;
    margin-bottom: 1rem;
}

.newsPreview .coverage img {
    margin-right: .5rem;
}

.releases .newsPreview {
    margin-bottom: 3rem;
}

/* PodcastsPreview */
.podcastsPreview h3 {
    font-size: 1.2rem;
    color: #2C2D2E;
}

.podcastsPreview .meta {
    color: #888;
    font-size: .9rem;
}

.podcastsPreview p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 400;
    color: #2C2D2E;
}

.podcastsPreview .coverage {
    font-size: .9rem;
    margin-bottom: 1rem;
}

.podcastsPreview .coverage img {
    margin-right: .5rem;
}

.podcasts .podcastsPreview {
    margin-bottom: 3rem;
}

.visually-hidden, .pcast-player button span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
  
  /* Pcast Player */
  .pcast-player .pcast-player-controls {
    box-sizing: border-box;
    background: #000;
    color: #fff;
    font-size: 14px;
    height: 42px;
    overflow: hidden;
    padding: 5px;
  }
  .pcast-player button {
    background: #2a2a2a;
    color: #fff;
    border: 0;
    border-radius: 2px;
    padding: 5px;
    line-height: 22px;
    -webkit-appreance: none;
    min-width: 32px;
  }
  .pcast-player progress {
    height: 13px;
    width: calc(100% - 287px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .pcast-player progress[value]::-webkit-progress-bar {
    background-color: #555;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  }
  .pcast-player progress[value]::-webkit-progress-value {
    background: #fff;
  }
  .pcast-player .pcast-time {
    display: inline-block;
    font-size: 13px;
    padding: 0 5px;
    text-align: center;
    width: 4rem;
  }
  .pcast-player .pcast-speed {
    width: 2.5rem;
  }
  .pcast-player .pcast-download {
    font-size: 12px;
    margin-top: 0.5rem;
    display: inline-block;
    color: black;
  }
  .pcast-player .pcast-download:hover, .pcast-player .pcast-download:focus {
    color: #666;
  }

/* Press Categories */
.press-categories{
    margin-bottom:1.5rem;
}

.press-categories .top{
    background-color: #EAEAEA;
    padding-top:.5rem;
    padding-bottom:.5rem;
}

.press-categories .bottom{
    padding-top:1rem;
    padding-bottom:1rem;
}

.press-categories li{
    margin-bottom:.5rem;
    color: #E07F04;
}

.press-categories li a{
    color:#555;
}

/* Press Contact */
.press-contact {
    background-color: #052A50;
    color: #fff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.press-contact img {
    margin-bottom: 1rem;
}

.press-contact dt {
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.press-contact dd {
    margin-bottom: 0;
}

/* Newsletter */
.newsletter {
    padding: 2rem;
    background: url('/static/webpage_app/insumos/press/fondo-suscribe-cuadrado.jpg');
    background-size: cover;
    min-height: 333px;
    margin-bottom: 1.5rem;
}

.newsletter h3 {
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}

.newsletter .form-control {
    border: none;
}

.newsletter > div {
    text-align: center;
}

.newsletter button {
    background: none;
    padding: .333rem 1rem;
    cursor: pointer;
    transition: .2s;
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: 1.5rem;
}

.newsletter button:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #E07F04;
}

/* Version Long */
@media (min-width: 1000px) {
    .newsletter.long {
        min-height: 285px;
        justify-content: left;
    }

    .newsletter.long > div {
        text-align: left;
        max-width: 300px;
    }

    .newsletter.long {
        background: url('/static/webpage_app/insumos/press/fondo-suscribe-rectangular.jpg');
        background-size: cover;
    }
}

/* Youtube */
.youtube {
    color: #fff;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-weight: 500;
    transition: 0.2s;
    margin-bottom: 1.5rem;
}

.youtube:hover {
    color: #fff;
    background-color: #d97a04
}

.youtube img {
    margin: 0 .5rem;
}

.youtube i {
    font-size: 1.2rem;
    margin: 0 .5rem;
}

/* Tweets */
.tweets {
    padding: 0.333rem;
}

.tweets .twitterBox {
    max-height: 500px;
    overflow: scroll;
}

.tweets h4 {
    font-size: 1.3rem;
}

/* Pagination */
.pagination .page-link {
    color: #E07F04;
}

.pagination .active .page-link {
    background-color: #E07F04;
    color: #fff;
    border-color: #E07F04;
}

/* PressKit */
.gridPressKit {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3.333rem;
}

.kit img {
    margin-bottom: 1rem;
}

.kit h4 {
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #2C2D2E;
}

/* Documents */

.document {
    background-color: #F4E5D0;
    display: inline-block;
    padding: .33rem 1rem .33rem 1.5rem;
    border-radius: 1rem;
    font-size: .9rem;
    min-width: 150px;
}

.document .wrapper a:first-child {
    flex: 100%;
}

.document {
    margin-bottom: .5rem;
}

.document a {
    color: #E07F04;
    font-weight: 400;
}

.document .wrapper a:last-child {
    width: min-content;
}

.document img {
    float: right;
    margin-bottom: 0;
}

/* Press2 */
.press2 .btn {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

/* Linea Fix */
.press1 {
    padding-bottom: 0;
}

.press2 {
    padding-top: 0;
}

/*PressKits */
.presskits1 .btn {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

.presskits2 {
    padding-top: 0;
}

.return.btn {
    margin-top: 2rem;
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1.5rem;
}

.return.btn i {
    margin-right: 1rem;
    margin-left: 0;
}

/* Articles */
.article h1 {
    font-size: 1.67rem;
    max-width: 600px;
}

.article .meta {
    color: #888;
    font-size: .9rem;
}

.article .image {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.article .image-foot {
    padding: .33rem .5rem;
    font-size: .9rem;
    color: #888;
}

.article .image-foot i {
    margin-right: .5rem;
}

.article .attachments {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.article .content p {
    font-size: 1.1rem;
}

/* Related News */
.related-news {
    padding-top: 3rem;
}

.related-news .title-sub {
    margin-bottom: 1.5rem;
}

.newsPreview.aside {
    grid-template-columns: 1fr;
    background-color: #F2F3F4;
    grid-gap: 1rem;
    margin-bottom: 2rem;
}

.newsPreview.aside .content {
    padding-left: 1rem;
    padding-right: 1rem;
}

.newsPreview.aside p {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.newsPreview.aside h3 {
    font-size: 1.1rem;
}

.news1 {
    padding-bottom: 0;
    padding-top:2rem;
}

/* Search results */
.search-results .keyword{
    font-size:1.2rem;
    margin-bottom:2rem;
    color: #E07F04;
    margin-top:2rem;
}

.search-results .keyword .fa-search{
    font-size:1rem;
    margin-right:.75rem;
}

.search-results .keyword span{
    margin-right:.25rem;
    opacity:.3
}

.search-result h5{
    font-weight:400;
    color:#333;
}

/* Grid Banner */
.gridBanner{
    display:grid;
    grid-template-columns: 7fr 5fr;
}

.gridBanner>div{
    min-height:170px;
}

.bannerTitle{
    font-size:1.5rem;
    letter-spacing:2px;
    margin-bottom:1rem;
}

.bannerTitle img{
    margin-right:.75rem;
}

.gridBanner .btn{
    min-width:100px;
}

/* Locations */
.project-locations{
    padding-top:0;
}

.gridLocations{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
}

.location{
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    padding:1.5rem;
    border:1px solid rgba(0,0,0,0.05);
}

.location h5{
    color: #E07F04;
    font-weight:400;
    font-size:1.333rem;
    margin-bottom:1.5rem;
}

.location dt{
    font-weight:500;
}

.location dd{
    font-weight:300;
    margin-bottom:1rem;
}

.location .contact-item{
    margin-bottom:.3rem;
    font-weight:400;
    color:#555;
}

.location .contact-item img{
    margin-right:.5rem;
}

/* Relevant Links */
.gridRelevantLinks{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
    padding-top:1rem;
}

.relatedLink{
    display:grid;
    grid-gap:1rem;
    grid-template-columns: 5fr 7fr;
}

.relatedLink h5{
    font-size:1rem;
    font-weight:400;
    margin-bottom:1rem;
}

.project-related-news{
    padding-bottom:0;
}

.gridRelatedNews{
    padding-top:1rem;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap:2rem;
}

/* Fine tunning */
.get1 p{
    margin-bottom:0;
}

/* Meesage Tempate */
.message-template{
    padding-top:4rem;
    padding-bottom:4rem;
}

.message-template img{
    margin-bottom:2rem;
}

.message-template p{
    font-size:1.2rem;
    margin-bottom:3rem;
}

.message-template .btn{
    min-width:100px;
}

/* Board Directors */
.board-category{
    font-size:1.1rem;
    color:#666768;
}

.boardGrid{
    margin-bottom:1.5rem;
}


/* Botón Venezuela */
.venezuela-btn{
font-size:.8rem;
border-radius:1rem;
margin-right:1rem;
margin-left:1rem;
}

/* lectures */
.lectures-section .label{
    font-size: 0.8rem;
    font-weight: lighter;
    margin-bottom: 5px;
}

.lectures-section .label .red {
    color: red;
}

.lectures-section .date {
    font-size: 0.8rem;
    padding: 3px 5px;
    margin-bottom: 13px;
    display: inline-block;
    background-color: #E07F04;
}

.lectures-section .description{
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.lectures-section .btn-play {
    color: #E07F04;
    border-color: #E07F04;
    border-width: 2px;
    border-radius: 15px;
    width: 90px;
    text-align: center;
    margin-left: 5px;
}

.lectures-section .btn-play i {
    margin-right: 0;
    font-size: 2rem;
}

.lecturer-box {
    background-color: #052A50;
    color: #fff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.lecturer-box .subtitle{
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
}

.lecturer-box .description p, .lecturer-box .description{
    color: #fff;
}

.lecturer-box img{
    margin-left: 1rem;
}

.profiles .blue {
    background-color: #019fe3;
    display: inline-block;
    padding: 5px 10px;
    color: white;
    font-size: 0.8rem;
    margin-bottom: 1rem;
}

.profiles .profile {
    padding-bottom: 0rem;
}

.profiles hr {
    border-width: 1px;
    border-color: black;
}

.profiles .profile .subtitle{
    text-transform: uppercase;
}

.profiles .profile .thumbnail{
    height: 136px;
    overflow: hidden;
    width: 41%;
    margin-right: 1rem;
}

.profiles .profile .summary {
    height: 76px;
    overflow: hidden;
}

.profiles .profile .btn{
    background-color: #019fe3;
    padding: 0 4px;
}

.profiles .profile .btn i{
    margin-right: 0.1rem;
    font-size: 0.6rem;
}

.profiles .btn-viewmore{
    border-color: #019fe3;
    color: #019fe3;
    margin-top: 1rem;
    border-radius: 25px;
    text-transform: uppercase;
}

.profiles .btn-viewmore:hover{
    color: #fff;
    background-color: #019fe3;
}

.next-lectures{
    background-color: #ebe8e8;
}

.next-lectures .date {
    color: #fff;
}

.next-lectures .label{
    color: #1d355e;
}

.next-lectures .subtitle{
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
    color: #1d355e;
}

.next-lectures .thumbnail{
    height: 200px;
    overflow: hidden;
    width: 41%;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.next-lectures .description, .next-lectures .description p{
    color: #1d355e;
}

.prev-lectures .label{
    color: #1d355e;
}

.prev-lectures .subtitle{
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
    color: #1d355e;
}

.prev-lectures .description, .prev-lectures .description p{
    color: #1d355e;
}

.prev-lectures .date {
    font-size: 0.8rem;
    padding: 3px 5px;
    margin-bottom: 13px;
    display: inline-block;
    background-color: #1d355e;
    color: #fff;
}

.prev-lectures .btn-play {
    color: #1d355e;
    border-color: #1d355e;
    border-width: 2px;
    border-radius: 15px;
    width: 60px;
    text-align: center;
    margin-left: 5px;
}

.prev-lectures .btn-play i {
    margin-right: 0;
    font-size: 1.5rem;
}

.prev-lectures .thumbnail {
    height: 200px;
    overflow: hidden;
    width: 41%;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.prev-title {
    font-size: 1.5rem;
}

.lecture-section {
    background-color: #1d355e;
    color: #fff;
}

.lecture-section p{
    color: #fff;
}

.lecture-section .profiles hr {
    border-color: #fff;
}

.lecture-section .profiles .btn-viewmore{
    color: #fff;
    background-color: #019fe3;
}

.lecture-section .profiles .btn-viewmore:hover{
    color: #019fe3;
    background-color: #fff;
}

.video-box .subtitle{
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
}

.video-box .label{
    font-size: 0.8rem;
    font-weight: lighter;
    margin-bottom: 10px;
    background-color: #E07F04;
    display: inline-block;
    padding: 4px 2rem 4px 6px;
}

.video-box .label .red {
    color: red;
}

.biography-section .subtitle{
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.biography-section p{
    font-size: 0.9rem;
}

.biography-section .thumbnail{
    margin-right: 2rem;
}

.biography-section .profile .blue {
    background-color: #019fe3;
    display: inline-block;
    padding: 5px 4rem 5px 10px;
    color: white;
    font-size: 0.8rem;
    margin-bottom: 1rem;
}

.lecture-header{
    background-color: #112950;
    color: #fff;
}

.lecture-header h1{
    font-size: 2.7rem;
}

.lecture-header h2{
    font-size: 1.4rem;
}

.lecture-header h3{
    font-size: 1rem;
}