/*body {
    background: url(../imagenes//fondo.gif) repeat;
}*/

.hiddenAlert {
    display: none !important;
}

.btn-primary {
    background-color: #134060 !important;
    border: 1px solid #1779A4;
}

.container {
    background: #FFFFFF;
}

.bg-dee {
    background-color: #134060 !important;
    margin-bottom: 1rem;
}

.wrapper-desktop-text {
    padding: 0.6rem;
}

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

/*  HEADER */

.navbar {
    border-top: 6px solid #104063;
    padding: 31px 0 33px 0;
}

.nav-dee {
    background: url(../imagenes/franja-amarillo.gif) repeat-x bottom left;
}

.ul-nav-dee {
    padding: 11px 0 30px;
    margin-left: auto;
    white-space: nowrap;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'titulo-bold';
    color: #104063;
    line-height: 25px;
    padding-right: 20px !important;
}

/*  CONTENT */

h2 {
    font-family: 'titulo-bold';
    line-height: 36px;
    padding-bottom: 3.3rem;
    font-size: 1.5rem;
    background: url(../imagenes/franja-amarillo.gif) repeat-x bottom left;
    height: 1rem;
}

h2.azul {
    color: #0F3F61;
}

h2.amarillo {
    color: #FFC800;
}

.franja-amarillo {
    background: url(../imagenes/franja-amarillo.gif) repeat-x bottom left;
}

.franja-gris {
    background: url(../imagenes/franja-gris-2.jpg) repeat-x bottom left;
}

.franja-gris-up {
    background: url(../imagenes/franja-gris-2.jpg) repeat-x top left;
}

h3 {
    font-family: 'titulo-bold';
    color: #0F3F61;
    line-height: 36px;
    padding-bottom: 3.3rem;
    font-size: 1.2rem;
    height: 1rem;
}

h4 {
    padding-bottom: 1rem;
    height: 1rem;
}

/*  HOME */

.home-content,
.services-content,
.customers-content,
.team-content,
.contact-content,
.articles-content,
.consult-content {
    margin-top: 3.5rem;
}

.home-content-container,
.services-content-container,
.customers-content-container,
.team-content-container,
.contact-content-container,
.articles-content-container {
    margin-top: 1.5rem;
}

.home-text {
    font-size: 13px;
    /*line-height: 17px;*/
    color: #134060;
}

.article-container,
.customer-container {
    padding: 0px 18px 12px;
}

.article-text-title, .article-text-abstract {
    font-size: 0.8rem;
    color: #0F3F61;
}

.article-text-title {
    font-weight: bold;
}

.article-link {
    font-weight: bold;
    color: #909090;
    font-size: 0.8rem;
    float: right;
}

.article-link:hover {
    color: #0F3F61;
}

/*  SERVICES */

.table-services {
    margin-top: 1.5rem;
    font-size: 0.8rem;
    color: #0F3F61;
}

tbody {
    background: url(../imagenes/franja-gris-2.jpg) repeat-x top left;
}

.table th, .table td {
    vertical-align: middle;
}

.table tbody {
    background-color: #E3E3E3;
}

.table thead {
    background-color: #C9C9C9;
    text-align: center;
}

.table-bordered th, .table-bordered td {
    border-top: 1.5px solid #FFFFFF;
    border-bottom: 1.5px solid #FFFFFF;
}

.table-bordered thead th {
    border: 1px solid #C9C9C9;
    /*border-right: 1px solid #C9C9C9;
    border: none;*/
}

.services-list,
.articles-list {
    list-style: none;
    padding-left: 0;
    margin-top: 1.8rem;
}

.services-text, .services-list a, .articles-list a {
    font-size: 0.8rem;
    color: #134060;
}

.services-text {
    padding: 0.375rem 0;
}

.services-list a,
.articles-list a  {
    font-weight: bold;
    text-align: left;
    padding: 0.25rem 0;
}

.btn-link {
    color: #0F3F61;
    text-decoration: none;
}

.btn-link:hover, .btn-link:focus {
    text-decoration: none;
}

.btn-link-services {
    text-align: left;
}

/*  ARTÍCULOS */

.articles-list {
    margin-top: 0 !important;
    padding: 0.375rem 0;;
}

.articles-text {
    font-size: 0.8rem;
    color: #134060;
    padding: 0.375rem 0;
}

.articles-pdf {
    float: right;
    padding-bottom: 1rem;
}

.card-articles-mobile {
    border-top: none;
    border-right: none;
    border-left: none;
}

.card-body {
    color: #0F3F61;
}

/*  CLIENTES */

.customers-text {
    padding-bottom: 1.5rem;
    /*border-bottom: 1px solid #cccccc;*/
    border-bottom: 1px solid #FFC800;
}

/*  EQUIPO */
.content-header{
    height: 215px;
    overflow: hidden; 
    display: flex;
    align-items: center;
    justify-content: center;padding: 60px 0 0 0;
}
.container-team{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.team-person{
    width: 18.5rem;
    height: auto;
    background-color: #E3E3E3;
    margin: 1rem 0.5rem;
    cursor: pointer;
}
.team-person .description-teamate{
    padding: 1.2rem 1rem;
}
.team-person .description-teamate p{
    color: #0F3F61;
    font-weight: 600;
    font-size: 1.3rem;
    margin: 0;
}

.team-person img{
    width: inherit;
    height: auto;
}

.team-side-text {
    padding-bottom: 1.5rem;
    /*border-bottom: 1px solid #cccccc;*/
    border-bottom: 1px solid #FFC800;
}

.team-list {
    list-style: none;
    padding-left: 0;
    margin-top: 1.8rem;
    padding-bottom: 1.5rem;
}

.team-list a  {
    font-weight: bold;
    text-align: left;
    padding: 0.25rem 0;
}

.team-text {
    padding: 0.375rem 0;
}

.team-text, .team-list a {
    font-size: 0.8rem;
    color: #134060;
}

.wrapper-team-image {
    padding-top: 4.3rem;
}

.wrapper-desktop-team {
    padding-top: 0;
    background-color: #ebebeb;
}

.team-mail {
    font-size: 0.8rem;
    color: #134060;
}

.wrapper-desktop-team p.wrapper-desktop-text {
    padding-left: 1rem;
}

.team-text-mobile {
    padding-bottom: 2rem;
}

.card.card-team-mobile[data-clickable=true] {
    cursor: pointer;
}

.card-team-mobile,
.card-articles-mobile {
    margin-top: 0;
    margin-bottom: 2rem;
}

.card.card-team-mobile {
    border: none;
}

.card-team-mobile .card-body {
    background-color: #E3E3E3;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.modal {
    padding-right: 0 !important;
}
/*  MODAL EQUIPO */
.background-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #0000007c;
    top: 0;
    left: 0;
}
.modal-info{
    max-width: 800px;
    min-height: 300px;
    height: auto;
    background-color: #fff;
    box-shadow: 5px 5px 10px #4d4d4d;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.modal-info .teamate-name{
    border-radius: 5px 5px 0 0;
}
.modal-info .teamate-name,.modal-info .teamate-job{
    width: inherit;
    background-color: #104063;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
}
.modal-info .teamate-name p,.modal-info .teamate-job p{
    margin: 0;
}
.modal-info .team-info{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.modal-info .team-info .teamate-description{
    padding: 10px 1rem;
    width: 60%;
}
.modal-info .team-info .teamate-img img{
    height: auto;
    max-width: 20rem;
    padding: 2rem 1.1rem;
}
/*  CONTACTO */

.contact-text {
    font-weight: normal !important;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #FFC800;
}

.contact-link {
    color: #909090;
    font-size: 0.8rem;
}

.contact-link:hover {
    color: #0F3F61;
}

.contact-mail {
    color: #FFFFFF;
}

.contact-mail:hover {
    color: #FFFFFF;
}

/*  FOOTER  */

.footer-container {
    background: #104063;
    padding: 1.5rem 1.5rem 0 1.5rem;
}

.footer {
    margin-top: 3.5rem;
}

.footer-text {
    color: #FFFFFF;
    font-size: 0.8rem;
    font-weight: bold;
}

.footer-list {
    list-style: none;
    text-align: right;
}

.footer-list li a {
    color: #969696;
    font-weight: bold;
    font-size: 0.8rem;
}

.footer-list li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.footer-social-container {
    display: flex !important;
    flex-basis: auto;
    flex-grow: 1;
    align-items: center;
}

ul.footer-social-list {
    flex-direction: row !important;
    list-style: none;
    margin-left: auto;
    white-space: nowrap;
    padding-right: 1rem;
}

.footer-social-list li {
    float: left;
    padding-right: 1.5rem;
}

.footer-social-list li a {
    color: #FFFFFF;
}

.footer-social-list li a:hover {
    color: #FFC800;
    text-decoration: none;
}

.separator {
    border-top: 1px solid #FFFFFF;
    margin-bottom: 1rem;
}

.copyright {
    color: #FFFFFF;
    font-size: 0.8rem;
    text-align: center;
}

/*  QUERIES */

@media (min-width: 320px) {
    .navbar-nav {
        text-align: right;
    }

    .nav-link {
        font-size: 13px;
    }

    .navbar-brand img {
        width: 10rem;
    }
    h2 {
        font-size: 1.2rem;
    }
}

@media (min-width: 576px) {
    .map-dialog {
        max-width: 800px;
    }
}

@media (max-width: 768px) {
    .modal-info .team-info .teamate-description{
        padding: 10px 1rem;
        width: 60%;
    }
    .modal-info .team-info .teamate-img img{
        display: none;
    }
    .background-modal{
        display: none;
    }
}

@media (min-width: 768px) {

    .card.card-team-mobile:nth-child(n)
    /*,
    .card.card-team-mobile:nth-child(5)*/ {
        margin-left: 1.85rem;
        margin-right: 1.85rem;
    }
    
}

@media (min-width: 992px) {
    .nav-dee {
        height: 71px;
    }

    .nav-link {
        font-size: 15px;
    }

    .nav-link:hover {
        color: #FFC800 !important;
        background: url("../imagenes/bullet-nav.gif") no-repeat right;
        padding-right: 20px !important;
    }

    .navbar-brand img {
        width: 100%;
    }

    h2 {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    li.nav-item {
        margin-left: 1.5rem !important;
    }

    .nav-link {
        font-size: 16px;
    }

    h2 {
        font-size: 1.5rem;
    }
}

/*  FONT FACE */

@font-face {
    font-family: 'helvetica-bold';
    src: url('../../utilities/fonts/Helvetica-Bold.ttf') format('truetype');
    src: url('fonts/Helvetica-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
   }
   @font-face {
    font-family: 'titulo-roman';
    src: url('../../utilities/fonts/Akzidenz-Grotesk-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
   }
   @font-face {
    font-family: 'titulo-bold';
    src: url('../../utilities/fonts/Berthold-Akzidenz-Grotesk-BE-Bold.ttf') format('truetype');
    src: url('../../utilities/fonts/AkzidenzGroteskBE-Bold.otf') format('opentype');
    font-style: normal;
    font-display: fallback;
   }
   @font-face {
    font-family: 'texto-light';
    src: url('../../utilities/fonts/Berthold-Akzidenz-Grotesk-BE-Light.ttf') format('truetype');
    font-style: normal;
    font-display: fallback;
   }