/* @group About Overview
------------------------------------ */

.about-overview .about-overview__container {
    padding-top: 9.7rem;
    padding-bottom: 10.3rem;
}

.about-overview .about-overview__title h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .04em;
    font-size: 1.4em;
    line-height: 1.42em;
    color: var(--font-black);
}
.about-overview .about-overview__title h2 {
    font-weight: 600;
    letter-spacing: -.02em;
    color: var(--main-blue);
    margin-bottom: 1rem;
}
.about-overview .about-overview__title p {
    color: var(--font-black);
    font-size: 1.8em;
    line-height: 1.33em;
}

.about-overview__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-overview__box .overview-box {
    position: relative;
}

.about-overview__box .overview-box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0.1rem;
    top: 0;
    right: -3.7rem;
    background-color: var(--main-grey);
    opacity: .3;
}

.about-overview__box .overview-box:last-of-type::after {
    background-color: transparent;
}

.about-overview__box .overview-box .box { 
    display: block;
    border-radius: .4rem;
    overflow: hidden;
}

.about-overview__box .overview-box .img-box {
    position: relative; 
    background-color: var(--main-blue);  
}

.about-overview__box .overview-box .txt-box { 
    background-color: var(--main-blue);
}

.about-overview__box .overview-box .txt-box h3 { 
    color: var(--main-white);
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.25em;
    display: inline-block;
    margin-bottom: .2rem;
}

.about-overview__box .overview-box .txt-box ul { 
    margin: 0 0 .75rem; 
}

.about-overview__box .overview-box .txt-box ul li { 
    color: var(--main-white); 
    font-size: 1em; 
    font-weight: 600; 
    line-height: 1.4em; 
    letter-spacing: 0.02em; 
    text-transform: uppercase; 
    opacity: .6;
    margin-bottom: .75rem;
}

.about-overview__box .overview-box .txt-box li{
    font-size: 1.2em;
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 1.3em;
    display: block;
    color: var(--main-white);
}

@media only screen
and (min-width : 961)
and (max-width : 1245px) {

}

@media only screen
and (min-width : 961px) {
    .about-overview .about-overview__title h2 {
        margin-bottom: 1.3rem;
        font-size: 5em;
        line-height: 1.16em;
    }
    .about-overview .about-overview__title p {
        max-width: 63.2rem;
        margin-bottom: 4.6rem;
    }
    .about-overview__box .overview-box {
        position: relative;
        flex: 0 1 calc((100% - 15rem)/3);
    }
    .about-overview__box .overview-box .box{
        margin: 0 auto;
    }
    .about-overview__box .overview-box .img-box{
        height: 34rem;
    }
    .about-overview__box .overview-box .txt-box {
        padding: 3rem 3.4rem 2.7rem;
    }
    .about-overview__box .overview-box .txt-box h3 {
        max-width: 29.4rem;
    }
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .about-overview__title {
        margin-bottom: 4.7rem;
    }
    .about-overview .about-overview__title h2 {
        font-size: 5em; 
        max-width: 30.3rem;
        margin-bottom: 2.4rem;
    }
    .about-overview .about-overview__title p{
        max-width: 33.5rem;
        margin-bottom: 2.7rem;
    }
    .about-overview__box .overview-box {
        flex: 0 1 100%;
        margin-bottom: 1.1rem;
    }
    .about-overview__box .overview-box::after {
        right: -1.25rem;
    }
    .about-overview__box .overview-box::after {
        background-color: transparent;
    }
    .about-overview__box .overview-box .img-box {
        height: 29.2rem;
    }
    .about-overview__box .overview-box .txt-box {
        padding: 2.07rem 2.4rem 2.2rem;
    }
    .about-overview__box .overview-box .txt-box h3 {
        font-size: 1.6em;
    }
}

/* @end */ 

/* @group About Leadership 
------------------------------------ */

.leadership{
    height: 90rem;
    padding: 2rem 0;
    position: relative;
}

.leadership .col-12-12,
.leadership .row{
    height: 100%;
}

.leadership__img--main{
    height: 100%;
    width: 100%;
    position: relative;
}

.leadership__content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 2rem;
    z-index: 2;
    pointer-events: none;
}

.leadership__content h3{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--font-black);
    letter-spacing: 0.04em;
    margin-bottom: 0.2rem;
}

.leadership__content h2{
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.2rem;
    text-transform: uppercase;
    color: var(--main-blue);
    margin-bottom: 1.76rem;
}

.leadership__content p{
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: var(--font-black);
    margin-bottom: 2rem;
}

.leadership-leaders {
    max-width: 109.6rem;
    margin: 0 auto;
}

.leadership-leaders__container {
    position: absolute;
    bottom: 7rem;
    left: 0;   
    right: 0;   
    z-index: 2; 
    width: calc(100% - 7rem);
    display: flex;
    box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2); 
    border-radius: .4rem;
    overflow: hidden;
}

.leadership-leaders__box {
    position: relative;
    flex: 0 1 20%;
    padding: 2.2rem 2.3rem;
    background-color: var(--main-white);
}

.leadership-leaders__box:first-of-type {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
}

.leadership-leaders__box:last-of-type {
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
}

.leadership-leaders__box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0.1rem;
    top: 0;
    right: 0;
    background-color: var(--main-grey);
}

.leadership-leaders__box:last-of-type::after {
    background-color: transparent;
} 

.leadership-leaders__box h4 {
    color: var(--main-blue);
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: .1rem;
}

.leadership-leaders__box .leader li {
    color: var(--font-black);
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.33em;
    letter-spacing: -.01em;
    display: inline-block;
}

.leadership-leaders__box .leader li::after {
    content: '|';
    height: 100%;
    width: .1rem;
    margin: 0 .5rem;
    color: var(--main-grey);
}

.leadership-leaders__box .leader li:last-of-type:after {
    content: none;
}

@media only screen and (min-width : 961px) {
    .leadership {
        padding-top: 6.5rem;
        padding-bottom: 10rem;
        height: 120rem;
        border: 3rem solid var(--main-tang);
        max-width: 144rem;
        width: 100%;
        margin: 0 auto 10rem;
        align-items: baseline;
    }

    .leadership .row {
        position: relative;
    }

    .leadership .leadership__img--container{
        position: absolute;
        top: 0;
        left: 0;
    }

    .leadership .leadership__img--container .col-12-12 {
        padding: 0;
    }

    .leadership__content{
        margin-top: 11.7rem;
        padding-left: 8.2rem;
        width: 66.66666%;
    }

    .leadership__content h2{
        font-size: 7.5rem;
        line-height: 7.5rem;
        letter-spacing: 0.01em;
    }

    .leadership__content p{
        font-size: 2.2em;
        line-height: 2.8rem;
        max-width: 55rem;
        margin-bottom: 4.5rem;
    }

    .leadership__img--main:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../../img/layout/about/leadership-foreground.svg'), linear-gradient(180deg, #EEF4F6 11.45%, rgba(255, 255, 255, 0) 48.41%);;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
    }

    .leadership-leaders__container {
        max-width: 109.6rem;
        margin: auto;
    }
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .leadership {
        height: 80rem;
        border: 2rem solid var(--main-tang);
        position: relative;
        padding: 0;
    }
    .leadership .row{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .leadership .col-12-12 {
        padding: 0;
    }
    .leadership__img--main {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .leadership__img--main:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../../img/layout/about/leadership-foreground-mobile.svg'), linear-gradient(180deg, #EEF4F6 11.45%, rgba(255, 255, 255, 0) 48.41%);;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
    }
    .leadership__content {
        max-width: 29.5rem;
        padding-top: 6rem;
    }
    .row.leadership__img--container {
        overflow-x: auto;
    }
    .leadership__img--container .col-12-12{ 
        width: 96.1rem;
        position: absolute;
        top: 0;
        left: 0;
        max-width: none;
    }
    .leadership-leaders__container {
        width: calc(100% - 4rem);
        left: 2rem;
    }
    .leadership-leaders__box {
        flex: 0 1 16.9rem;
        max-width: 16.9rem;
        padding: 2.2rem 2.3rem;
    }
}

/* @end */ 

/* @group About Expertise
------------------------------------ */ 
.expertise {
    padding-top: 10.6rem;
    padding-bottom: 8.2rem;
}

.expertise .expertise-title__container h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .04em;
    font-size: 1.4em;
    line-height: 1.42em;
    color: var(--main-white);
    margin-bottom: .2rem;
}

.expertise .expertise-title__container h2 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .01em;
    font-size: 7.5em;
    line-height: 1em;
    color: var(--main-tang);
    margin-bottom: 1.9rem;
}

.expertise .expertise-title__container p {
    color: var(--main-white);
    font-size: 2.2em;
    line-height: 1.27em;
    font-weight: 400;
    max-width: 52rem;
    margin-bottom: 3.6rem;
}

.expertise-img__container .img-box {
    height: 68.3rem;
    border-radius: .4rem;
}

.expertise-img__container .expertise-img__txt h3{
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .04em;
    font-size: 1.4em;
    line-height: 1.42em;
    color: var(--main-white);
    opacity: .5;
    margin-bottom: .9rem;
}

.expertise-img__container .expertise-img__txt h2{
    color: var(--main-white);
    font-size: 3.6em;
    font-weight: 600;
    line-height: 1.16em;
    margin-bottom: .9rem;
}

.expertise-img__container .expertise-img__txt {
    padding-top: 2.4rem;
    padding-left: .75rem;
}

.expertise-img__container .expertise-img__txt li {
    color: var(--main-white);
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1.3em;
    display: inline-block;
}

.expertise-img__container .expertise-img__txt li::after {
    content: '|';
    height: 100%;
    width: .1rem;
    margin: 0 .5rem;
    color: var(--main-grey);
}

.expertise-img__container .expertise-img__txt li:last-of-type:after {
    content: none;
}

@media only screen and (min-width : 961px) {
    .expertise {
        background: url(../../img/layout/floorplans-widget/background-available.svg), var(--main-blue);
        background-position: top right;
        background-repeat: no-repeat;
    }
}

@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .expertise {
        background: url(../../img/layout/floorplans-widget/background-available-mobile.svg), var(--main-blue);
        background-position: top right;
        background-repeat: no-repeat;
    }
    .expertise-img__container .img-box {
        height: 28rem;
    }
    .expertise-img__container .expertise-img__txt h3 {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .04em;
        font-size: 1.4em;
        line-height: 1.42em;
        color: var(--main-white);
        opacity: .5;
        margin-bottom: 0.9rem;
    }
    .expertise-img__container .expertise-img__txt h2 {
        font-weight: 600;
        line-height: 1.2em;
        margin-bottom: 0.6rem;
        color: var(--main-white);
        font-size: 1.6em;
    }
    .expertise-img__container figcaption {
        padding: 0.8rem;
        overflow: scroll;
    }
    .expertise-img__container figcaption h4 {
        font-size: 1.2em;
        line-height: 1.1em;
        margin-bottom: 0.5rem;
    }
    .expertise-img__container figcaption p {
        font-size: 1em;
        line-height: 1.2em;
    }
    .expertise .expertise-title__container h2 {
        font-size: 3.6em;
        line-height: 1.16em;
        max-width: 29.8rem;
    }
    .expertise .expertise-title__container p {
        font-size: 1.8em;
        line-height: 1.3em;
        max-width: 30rem;
    }
    .expertise .expertise-title__container .bttn-tang {
        width: fit-content;
    }
    .expertise-gallery__box .expertise-gallery-box .txt-box h4 {
        line-height: 1.4em;
    }
    .expertise-gallery__box .expertise-gallery-box .txt-box ul.project li {
        line-height: 1.25em;
    }
}

/* @end */ 

/* @group About Expertise Gallery
------------------------------------ */ 


.expertise-gallery {
    background-color: var(--main-blue);
    padding-bottom: 14.3rem;
}

.expertise-gallery__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 9.7rem;
}

.expertise-gallery__box .expertise-gallery-box {
    position: relative;
}

.expertise-gallery__box .expertise-gallery-box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0.1rem;
    top: 0;
    right: 0;
    background-color: var(--main-grey);
    opacity: .3;
}

.expertise-gallery__box .expertise-gallery-box:nth-child(3n+3)::after {
    background-color: transparent;
}

.expertise-gallery__box .expertise-gallery-box .box { 
    display: block;
    cursor: pointer;
}

.expertise-gallery__box .expertise-gallery-box .img-box {
    position: relative; 
    background-color: var(--main-blue); 
    border-radius: .4rem; 
}

.expertise-gallery__box .expertise-gallery-box .img-box figcaption,
.expertise-img__container figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.45);
    background-blend-mode: darken;
    transition: opacity .7s, visibility .7s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.expertise-gallery__box .expertise-gallery-box:hover .img-box figcaption,
.expertise-img__container:hover figcaption {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.expertise-gallery__box .expertise-gallery-box .img-box figcaption h4,
.expertise-img__container figcaption h4 {
    color: var(--main-tang);
    font-weight: 600;
}

.expertise-gallery__box .expertise-gallery-box .img-box figcaption p,
.expertise-img__container figcaption p {
    color: var(--main-white);
    font-weight: 400;
}

.expertise-gallery__box .expertise-gallery-box .txt-box { 
    background-color: var(--main-blue);
}

.expertise-gallery__box .expertise-gallery-box .txt-box h3 { 
    color: var(--main-white);
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: .6rem;
}

.expertise-gallery__box .expertise-gallery-box .txt-box h4 { 
    color: var(--main-white); 
    font-size: 1em; 
    font-weight: 600; 
    line-height: 1.4em; 
    letter-spacing: 0.02em; 
    text-transform: uppercase; 
    opacity: .5;
    margin-bottom: .75rem;
}

.expertise-gallery__box .expertise-gallery-box .txt-box ul.project li {
    color: var(--main-white);
    font-size: 1.2em;
    line-height: 1.33em;
    font-weight: 300;
    letter-spacing: -.01em;
    display: inline;
}

.expertise-gallery__box .expertise-gallery-box .txt-box ul.project li::after {
    content: '|';
    height: 100%;
    width: .1rem;
    margin: 0 .5rem;
    color: var(--main-grey);
}

.expertise-gallery__box .expertise-gallery-box .txt-box ul.project li:last-of-type:after {
    content: none;
}

@media only screen
and (min-width : 961px) {
    .expertise-gallery__box {
        width: calc(100% + 5rem);
        position: relative;
        left: -2.5rem;
    }
    .expertise-gallery__box .expertise-gallery-box {
        position: relative;
        flex: 0 1 33.333333%;
        max-width: 33.333333%;
        padding: 0 2.5rem;
    }
    .expertise-gallery__box .expertise-gallery-box .box{
        margin: 0 auto;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box{
        height: 41rem;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box figcaption {
        padding: 3.5rem 2.5rem;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box figcaption h4,
    .expertise-img__container figcaption h4 {
        font-size: 2em;
        line-height: 1.2em;
        margin-bottom: 1.5rem;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box figcaption p,
    .expertise-img__container figcaption p {
        font-size: 1.5em;
        line-height: 1.53em;
    }
    .expertise-img__container figcaption {
        padding: 3.5rem;
        cursor: pointer;
    }
    .expertise-gallery__box .expertise-gallery-box .txt-box {
        padding: 2.7rem .75rem 3rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1330px) {
    .expertise-gallery__box {
        width: calc(100% + 3rem);
        left: -1.5rem;
    }
    .expertise-gallery__box .expertise-gallery-box {
        padding: 0 1.5rem;
    }
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .expertise-gallery {
        padding-bottom: 0;
    }
    .expertise-gallery__box {
        row-gap: 4.9rem;
        width: calc(100% + 2.5rem);
        position: relative;
        left: -1.25rem;
    }
    .expertise-gallery__box .expertise-gallery-box {
        flex: 0 1 50%;
        max-width: 50%;
        padding: 0 1.25rem;
        margin-bottom: 1.1rem;
    }
    .expertise-gallery__box .expertise-gallery-box:nth-child(3)::after {
        background-color: var(--main-grey);
    }
    .expertise-gallery__box .expertise-gallery-box:nth-child(even):after {
        background-color: transparent;
    }
    .expertise-gallery__box .expertise-gallery-box .txt-box {
        padding: 0.5rem 0.1rem 1.2rem;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box {
        height: 17rem;
        margin-bottom: 0.54rem;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box figcaption {
        padding: .8rem;
        overflow: scroll;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box figcaption h4,
    .expertise-img__container figcaption h4 {
        font-size: 1.2em;
        line-height: 1.1em;
        margin-bottom: .5rem;
    }
    .expertise-gallery__box .expertise-gallery-box .img-box figcaption p {
        font-size: 1em;
        line-height: 1.2em;
    }
    .expertise-gallery__box .expertise-gallery-box .txt-box h4 {
        margin-bottom: .5rem;
    }
    .expertise-gallery__box .expertise-gallery-box .txt-box h3 {
        font-size: 1.6em;
    }
}

@media only screen
and (min-width : 0)
and (max-width : 445px) {

}

/* @end */ 

/* Animaciones */ 

.header-about h1,
.header-about p,
.header-about li,
.header-about h3,
.header-about .splide__slide,
.header-about .splide__arrow {opacity: 0;}

.header-about.animateActive h1,
.header-about.animateActive p,
.header-about.animateActive li,
.header-about.animateActive h3,
.header-about.animateActive .splide__slide, 
.header-about.animateActive .splide__arrow {animation: fadeDown 1.2s forwards;}

.header-about.animateActive h1 {animation-delay:.3s;}
.header-about.animateActive p {animation-delay:.5s;}
.header-about.animateActive h3 {animation-delay:.5s;}
.header-about.animateActive li:nth-child(1) {animation-delay:.7s;}
.header-about.animateActive li:nth-child(2) {animation-delay:.8s;}
.header-about.animateActive li:nth-child(3) {animation-delay:.9s;}
.header-about.animateActive li:nth-child(4) {animation-delay:1s;}
.header-about.animateActive li:nth-child(5) {animation-delay:1.1s;}
.header-about.animateActive li:nth-child(5) {animation-delay:1.2s;}
.header-about.animateActive .splide__slide:nth-child(4n+1) {animation-delay:.8s;}
.header-about.animateActive .splide__slide:nth-child(2) {animation-delay:1s;}
.header-about.animateActive .splide__arrow {animation-delay:1s;}
.header-about.animateActive .splide__slide:nth-child(3) {animation-delay:1.2s;}

.about-overview h3,
.about-overview h2,
.about-overview p,
.about-overview .overview-box {opacity: 0;} 

.about-overview.animateActive h3,
.about-overview.animateActive h2,
.about-overview.animateActive p,
.about-overview.animateActive .overview-box {animation: fadeDown 1.3s forwards;} 

.about-overview.animateActive h3 {animation-delay:.3s;}
.about-overview.animateActive h2 {animation-delay:.5s;}
.about-overview.animateActive p {animation-delay:.7s;}
.about-overview.animateActive .overview-box:nth-child(1) {animation-delay:.9s;}
.about-overview.animateActive .overview-box:nth-child(2) {animation-delay:1.1s;}
.about-overview.animateActive .overview-box:nth-child(3) {animation-delay:1.3s;} 

.leadership h3,
.leadership h2,
.leadership p,
.leadership .leadership-leaders__box,
.leadership .leadership-leaders__container {opacity: 0;} 

.leadership.animateActive h3,
.leadership.animateActive h2,
.leadership.animateActive p {animation: fadeDown .7s forwards;} 

.leadership.animateActive h3 {animation-delay:.3s;}
.leadership.animateActive h2 {animation-delay:.5s;}
.leadership.animateActive p {animation-delay:.7s;}

.leadership.animateActive .leadership-leaders__box, 
.leadership.animateActive .leadership-leaders__container {animation: fade 1.2s forwards;} 

.leadership.animateActive .leadership-leaders__container  {animation-delay:.7s;}
.leadership.animateActive .leadership-leaders__box:nth-child(1) {animation-delay:.8s;}
.leadership.animateActive .leadership-leaders__box:nth-child(2) {animation-delay:.9s;}
.leadership.animateActive .leadership-leaders__box:nth-child(3) {animation-delay:1s;}
.leadership.animateActive .leadership-leaders__box:nth-child(4) {animation-delay:1.1s;}
.leadership.animateActive .leadership-leaders__box:nth-child(5) {animation-delay:1.2s;} 

.expertise h3,
.expertise h2,
.expertise p,
.expertise a,
.expertise .expertise-img__container {opacity: 0;} 

.expertise.animateActive h3,
.expertise.animateActive h2,
.expertise.animateActive p,
.expertise.animateActive a {animation: fadeDown .9s forwards;} 

.expertise.animateActive h3 {animation-delay:.3s;}
.expertise.animateActive h2 {animation-delay:.6s;}
.expertise.animateActive p {animation-delay:.7s;}
.expertise.animateActive a {animation-delay:.9s;}

.expertise.animateActive .expertise-img__container {animation: fadeRight .7s forwards;} 

.expertise.animateActive .expertise-img__container {animation-delay:.7s;} 


.expertise-gallery .expertise-gallery-box {opacity: 0;} 

.expertise-gallery header.animateActive + .row .expertise-gallery-box {animation: fadeDown .9s forwards;} 

.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(1) {animation-delay: .3s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(2) {animation-delay: .5s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(3) {animation-delay: .7s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(4) {animation-delay: .9s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(5) {animation-delay: 1.1s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(6) {animation-delay: 1.3s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(7) {animation-delay: 1.5s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(8) {animation-delay: 1.7s;} 
.expertise-gallery header.animateActive + .row .expertise-gallery-box:nth-child(9) {animation-delay: 1.9s;} 

.expertise-gallery header {opacity: 0;visibility: hidden;}