/******* Variables *********/
$imgw! {
    if (css.vars.w()>1600) "1920";
    else if (css.vars.w()>1280) "1600";
    else if (css.vars.w()>980) "1280";
    else if (css.vars.w()>"767") "980";
    else "767";
}
$imgw2! {
    if (css.vars.w()>767) "1920";
    else "767";
}
$innerHeight {
    if (css.vars.w()>1280) "540px";
    else if (css.vars.w()>980) "493px";
    else "377px";
}

/***** fonts *****/

$primaryFont {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
}

$bfont! {
    if (css.vars.w()>767) "18px";
    else "16px";
}

/***** colors *****/
$primary { #ada006}
$accent {#073a6b}
$grey {#393e41}
$lightgrey {#787c7e}
$lightblue {#0092dc}
$black {#393e41 }
$white {#fff}

/********* Spacing ************/
$containMax {1200px}
$sectionPadding! {
    if (css.vars.w()>987) "4.3125rem 1.5rem";
    else "2.3125rem 1.5rem";
}
$sectionPaddingWBTN! {
    if (css.vars.w()>987) "4.3125rem 1.5rem 2.3125rem";
    else "2.3125rem 1.5rem 2rem"
}
$flex {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
}
$flexCenter {
    justify-content: center;
    align-items: center;
}
$positionCenter {
    left: 50%;
    transform: translate(-50%);
}
/****** Pseudos ********/
$psPosition {
    content: '';
    position: absolute;
    display: block;
}
/****Defaults and globals*****/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body,
html {
    $primaryFont;
    font-weight: 300;
    font-size: $bfont!;
    line-height: 1.333333em;
    text-align: left;
}

.green a {
    color: red;
}

a {
    color: white;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

p {
    text-align: left;
    color: $black;
}

.contain {
    width: 100%;
    margin: auto;
    max-width: $containMax;
}

section {
    padding: $sectionPadding!;
}

body {
    .cookie-disclaimer {
        & {background: white; color: rgb(57, 62, 65);}
        .btn-agree {
            background: $accent;
        }
        .btn-preferences {
            background: $primary;
        }
        li:before {
            display: none;
        }
        .c-nav .btn-close-pref a {
            background: $accent;
        }
        .btn-close {
            color: $accent;
        }
    }
}

/********* Disclosure ****************/
#shade{background:#000;opacity:0.7;position:fixed;left:0;top:0;width:100%;height:100%;z-index:105;display:none;}
.popup
{
	&{z-index:106;width:80%;height:80%;top:10%;left:10%;position:fixed;background:#fff;display:none;}
	.content{color:black;font-size:0.875em;overflow-y:scroll;box-sizing:border-box;margin:0;padding: 0 2em 2em 2em;height:calc(100% - 5em);max-width:100%;background-color:#fff;}
	h2, h3{padding:1em 0;box-sizing: border-box;margin-bottom:0;font-family:$primaryFont;font-weight:400;font-size:1.313em;color:$accent;letter-spacing:.0875em;text-transform: uppercase;line-height:1.333em;}
	.btn-close{position:absolute;right:10px;top:10px;background:url(/i/Portfolio_X_button.svg) no-repeat center/100%;width:36px;height:36px;display:block;}
    .privacy-title {padding:1em 0 .25em;}
    h3 {font-size: 1em; margin-bottom: 1em;padding:0; text-align: center;}
    .content p, .content h4{font-size:1em;margin-bottom:1em;}
    .indented {padding-left:2em;}
    .underlined {text-decoration:underline;}
    li {color: #393e41; margin-left: 30px;}
    ol > li:before {display: none;}
    .content {text-align: left;}
    table {
        &{
            max-width: 600px;
            margin: 15px 0;
        }
        td {width: 50%;padding-left: 10px;}
    }
    a {color: $primary;}
    address {font-style:normal;}
}


/***text sizes/format ***/

.home-title {
    color: white;
    font-size: 5.72222rem;
    font-weight: 100;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-title {
    color: white;
    font-size: 4rem;
    font-weight: 100;
    font-family: $primaryFont;
    line-height: 1.25em;
}

.sTitle_wrapper {
    & {
        $flex;
        align-items: center;
        margin: 1px 0 4.25rem;
    }
    .line {
        flex: 1.4;
        height: 2px;
        background: $accent;
    }
}

.section-title {
    color: $accent;
    font-size: 1.333333rem;
    font-weight: 600;
    letter-spacing: .25em;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    margin-right: 1em;
    line-height: 1.16666em;
}

.subtitle * {
    color: white;
    font-size: 1.1111111111111112rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    line-height: 1.333333em;

}
.title {
    text-transform: uppercase;
    font-weight: 500;
    margin: 1rem auto 2rem;
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.25em;
    letter-spacing: .15em;
}

.btn {
    & {
    color:$accent;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .25em;
    position: relative;
    transition: color .2s ease;
    padding: 1rem 3rem;
    box-shadow: inset 0 0 0 2px $accent;
    border-radius: 050px;
    display: inline-block;
    transition: all .2s ease;
    }
    .iso_arrow {
        transform: rotate(-90deg);
        width: 20px;
        margin-left: 20px;
    }
    .st0 {
        fill: $accent;
        transition: fill .2s ease;
    }
}

.btn:hover {
    & {
        background: $accent;
        color: white;
    }
    .st0 {
        fill: white;
    }
}

.inner {
    .s1 {
        & {
            height: 502px;
            min-height: 252px;
            $flex;
            $flexCenter;
            position: relative;
        }
    }
}

ul {
    list-style: none;
}
li {
    text-align: left;
    color: white;
    position:relative;
    margin-bottom: 10px;
}
li:before {
    $psPosition;
    left: -19px;
    top: 11px;
    transform: translate(-5px, -50%);
    background:$primary;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}


/************************ Header *************************/
header {
    & {
        transition: .75s all .2s ease;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0 1.5rem;
        z-index: 100;
    }
    .contain {
        $flex;
        justify-content: space-between;
        align-items: flex-end;
        position: relative;
        padding: .8em 0;
        max-width: 1500px;
    }
    .logo {
        & {
            position: relative;
            display: block;
            min-height: 76.45px;
            max-width: 15.625em;
            margin-right: 1em;
            width: 100%;
        }
        img {
            width: 100%;
            transition: opacity .2s ease .2s;
            position: absolute;
            left: 0;
            top: 0;
        }
        .logo_white {
            opacity: 1;
        }
        .logo_color {
            opacity: 0;
        }
    }
    .menu_container {
        display: none;
    }
    nav {
        & {
            width: 100%;
            /* max-width: 470px; */
            max-width: 540px;
            -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
        }
        .wrapper {
            $flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 11px;
        }
        a {
            color:white;
            transition: .75s color ease;
            margin-left: .4em;
            text-transform: uppercase;
            letter-spacing: .1em;
            font-weight: 500;
            position: relative;
            font-size: 14px;
        }
        a.mobile {display: none;}
        a:hover, a.current {
            color: $lightblue;
        }

    }
    .top_nav {
        & {
            position: absolute;
            right: -29px;
            top: -1px;
            $flex;
        }
        a {
            display: inline-block;
            padding: 8px 0;
            color: white;
            font-size: 12px; 
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .1em;
            transition: color .75s ease, background-color .75s ease;
        }
        a.current, a:hover {
            background-color: $accent;
            color: white;
            border-color: rgba(0,0,0,0);
           
        }
        a:nth-child(1) {
            padding-left: 29px;
            padding-right: 15px;
            position: relative;
        }
        a:nth-child(1):after {
            $psPosition;
            right: -1px;
            top: 48%;
            transform: translate(0, -50%);
            height: 10px;
            width: 1px;
            background: white;
            border-left: none;
        }
        a:nth-child(1):hover:after {
                opacity: 0;
        }
        a:nth-child(2) {
            padding-right: 29px;
            padding-left: 15px;
        }
    }
}

header#new {
    .top_nav {top: 20px;}
    nav {
        .drop-down {
            & {
                list-style: none;
                display: inline-block;
                position: relative;
            }
            span {
                font-size: 5px;
                position: relative;
                top: -3px;
            }
            ul {
                list-style: none;
                list-style: none;
                background: #fff;
                width: 100%;
                min-width: 102px;
                position: absolute;
                left: 0;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.3s ease;
                box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
            }
            ul li a {
                text-transform: capitalize;
                font-weight: 400;
                display: block;
                padding: 8px 4px;
                border-bottom: solid 1px #0000001a;
                font-size: 14px;
                color: #052C55;
            }
            ul li {margin-bottom: 0;}
            ul li::before {display: none;}
        }
        .drop-down:hover {
            .main {color: #0092dc;}
            ul {
                opacity: 1;
                visibility: visible;
            }
        }

        .team-page.n0 {color: #0092dc;}
        .culture-page.n1 {color: #0092dc;}
    }
}

header.fixed {
    & {
        background-color: white;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
    }
    .logo {
        .logo_white {
            opacity: 0;
        }
        .logo_color {
            opacity: 1;
        }
    }
    nav {
        a {color: rgb(7, 58, 107)}
        a:hover, a.current {color: $lightblue;}
    }
    .top_nav {
        a {
            color: $accent;
        }
        a:hover {
            color: white;
        }
        a:nth-child(1):after {
            background: $accent;
        }
    }
}

#menu_btn {
    &{background: none; border: none; outline: none;cursor:pointer;z-index:102;position: relative;;right:0;color:#fff;width:30px;height:30px; top: 5px;}
    i{transition-delay: .6s;transition:all 0.2s ease-out;height:3px;width:30px;background-color:$accent; position: absolute; border-radius: 2px;}
    i:nth-child(1){right:0;top:0; width:25px;}
    i:nth-child(2){right:0;top:6px;width:25px;}
    i:nth-child(3){right:0;top:12px;width:25px;}
}
#menu_btn:hover
{
    i {background-color:$accent;}
}

/******* Footer **********/
footer {
    & {
        background: url(/i/Footer_News.jpg) center/cover no-repeat;
        /* background: url(/i/Footer_home.jpg) center/cover no-repeat; */
        $flex;
        padding: 0 1.5rem 0;
        width: 100%;
    }
    .contain {
        $flex;
        overflow: visible;
    }
    .left:before {
        $psPosition;
        top: 0;
        right: 0;
        background: rgba(0,0,0, .6);
        z-index: 1;
        width: 1000%;
        height: 100%;
    }
    .left {
        &{
            width:12.5%;
            min-width: 200px;
            padding: 1.5rem 0 1.5rem;
            position: relative;
        }
        > div {
            width: 100%;
            margin-left: auto;
        }
        .wrapper {
            & {
                $flex;
                flex-direction: column;
                align-items: flex-start;
            }
            a {
                color: white;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 2.2em;
                letter-spacing: .1em;
                position: relative;
                z-index: 3;
            }
            a:hover, a.current {
                color: $primary;
            }
            a:nth-last-child(1) {
                display: none;
            }
        }
        .top_nav {display: none;}
    }
    .right {
        & {
            width:87.5%;
            padding: 1.5rem 0 1.5rem 1rem; 
        }
        > div {
            width: 100%;
            margin-right: auto; 
            $flex;
            flex-direction: column;
            align-items: flex-end;
            justify-content: space-between;
            height: 100%;
            text-align: right;
        }
        .form {
            &{
                border-bottom: 1px solid white;
                $flex;
                align-items: center;
                max-width: 799px;
                width: 100%;
            }
            form {
                $flex;
                align-items: center;
                justify-content: flex-start;
                width: 100%;
            }
            p {
                text-transform: uppercase;
                font-size: 14px;
                line-height: 1.2em;
                letter-spacing: .2em;
                color: $primary;
                padding: .7rem .7rem .7rem 0;
                text-align: left;
                font-weight: 500;
                min-width: 200px;
                width: 25%;
                border-right: 1px solid white;
            }
            input {
                padding: .7rem 1em .2em;
                color: white;
                background: none;
                box-shadow: none;
                bordeR: none;
                border-radius: 0;
                -webkit-appearance: none;
                appearance: none;
                height: 100%;;
            }
            input[type="text"] {
                flex: 1;
                font-size: 14px;
            }
            input::placeholder {
                color: white;
                opacity: .8;
                font-size: 14px;
                letter-spacing: .05em;
            }
            .submit {
                max-width: 130px;
                width: 100%;
                position: relative;
            }
            .submit:hover:after {
                right: -10px;
            }
            .submit:after {
                background: url(/i/button_gold_arrow.svg) center/contain no-repeat;
                $psPosition;
                height: 20px;
                right: 0;
                transition: right .3s ease;
                top: 28%;
                transform: rotate(-90deg);
                width: 15px;
            }
            input[type="submit"] {
                background: none;
                padding-right: 35px;
                box-shadow: none;
                border-radius: 0;
                -webkit-appearance: none;
                appearance: none;
                color: $primary;
                text-transform: uppercase;
                letter-spacing: .2em;
                font-size: 10px;
                font-weight: 500;
                cursor: pointer;
            }
        }
        .copyright {
           &{
                text-align: right;
           }
           a, p {
               font-size: 14px;
               color: white;
           }
           a {
               color: $primary;
           }
           a:hover {
               color: white;
           }
        }
    }
}

/*********************************** Resused Sections *********************/
#key_stats {
    .section-title {
        color: $accent;
    }
    .sTitle_wrapper .line {
        background: $accent;
    }
    .by_the_numbers {
        & {
            display: flex;
            justify-content: center;
            min-height: 245px;
            flex-flow: wrap;
        }
       .key_stat {
           & {
               width: 19%;
               position: relative;
               min-height: 100%;
               padding: 2rem 1rem 1rem;
               $flex;
               justify-content: flex-start;
               flex-direction: column;
               align-items: center;
               margin: 5px 5px;
               min-width: 210px;
               min-height: 210px;
           }
           img {
                position: absolute;
                width: 100%;
                left: 0;
                top: 0;
           }
           p {
                color: white;
                position: relative;
                z-index: 10;
                text-align: center;
           }
           p.bt{
           	font-size: 2.875rem;
              margin: 20px 0 10px;
              font-weight: 100;
          }
          p.st{
          		 font-size: .8rem;
                text-transform: uppercase;
                font-weight: 500;
                width: 75%;
                line-height: 1.25em;
                letter-spacing: .15em;
                margin-top:10px;
          }
           
       }
       
    }
    
}

#investment_strategy {
    & {
        background: url(/i/Home_Investment_Strategy_img.jpg) center/cover no-repeat;
        background-attachment: fixed;
        padding: $sectionPaddingWBTN!;
    }
    .sTitle_wrapper {
        .section-title {
            color: $primary;
        }
        .line {
            background: $primary;
        }
    }
    .btn {
        & {
            margin-top: 6rem;
            padding: 1rem 2rem;
            color: white;
            border: white;
            box-shadow: white 0px 0px 0px 2px inset;
        }
        svg {
            .st0 {
                fill: white;
            }
        }
    }
    .btn:hover  {
        & {color: $accent;background: white;}
        svg {
            .st0 {
                fill: $accent;
            }
        }
    }
    .grid {
        & {
            $flex;
            flex-flow: wrap;
            justify-content: space-between;
        }
        .grid_item {
            &{
                width: 33.33333%;
                padding: 0 2rem;
                margin-bottom: 6rem;
                border-left: 1px solid rgba(255,255,255, .35);
            }
            > div {
                max-width: 200px;
            }
            div p {
                color: $primary;
                text-transform: uppercase;
                font-weight: 500;
                margin: 1rem auto 2rem;
                font-size: .8rem;
                text-transform: uppercase;
                font-weight: 500;
                line-height: 1.25em;
                letter-spacing: .15em;
            }
            p {
                color: white;
                text-align: center;
            }
            img {
                max-height: 65px;
                width: 100%;
            }
        }
        .grid_item:nth-child(3n + 3) {
            border-right: 1px solid rgba(255,255,255, .35);
        }
        .grid_item:nth-last-child(-n + 3) {
            margin-bottom: 0;
        }
    }
}

#criteria {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#criteria {
    & {
        padding: $sectionPaddingWBTN!;
        padding-left: 0;
        padding-right: 0;
        background-color: #e0e9ef;
    }
    .contain {
        max-width: 1260px;
        padding: 0 1.5rem;
    }
    .sTitle {
        color: $primary;
    }
    p {
        color:black;
    } 
    .grid {
        $flex;
        height: 270px;
        margin: 2rem 0;
        max-width: $containMax;
        justify-content: space-between;
        overflow: hidden;
    }
    .grid_item {
        & {
            width: 32%;
            height: 100%;
        }
        div {
            background: rgba(0,0,0, .5);
            $flex;
            height: 100%;
            $flexCenter;
        }
        .title{
            &{margin: 0;} 
            p {
                color: white;
                margin: 0;background: $accent;
                text-align:  center;
                padding:.5rem;
            }
        }
    }
    .grid_item:nth-child(1) {
        div {background: url(/i/focus-1.jpg) center/cover no-repeat;}
    }
    .grid_item:nth-child(2) {
        div {background: url(/i/focus-2.jpg) center/cover no-repeat;}
    }
    .grid_item:nth-child(3) {
        div {background: url(/i/focus-3.jpg) center/cover no-repeat;}
    }
}

#growth_infra {
    &{
        background: url(/i/Home_growth-bg.jpg) center/cover no-repeat;
    }
    .section-title, p {color: white;}
    .sTitle_wrapper {
        .line {background: white;}
    }
    .contain > ce p {
        margin-right: auto;
        font-weight: 400;
    }
    .grid {
        $flex;
        flex-flow: wrap;
        justify-content: space-between;
        margin-top: 4rem;
        max-width: 885px;
    }
    .grid_item {
        width: 25%;
        min-width: 170px;
        text-align: center;
    }
    .grid_item:nth-child(-n+4) {
        margin-bottom: 4rem;
    }
    img {
        max-width: 120px;
        margin-bottom: 20px;
    }
    .title p {
        color: white;
        text-align: center;
        max-width: 160px;
        margin: auto;
    }
}

.text-only {
    & {
        padding: $sectionPaddingWBTN!;
    }
    .contain {
        height: 300px;
        margin-bottom: 4rem;
        text-align: left;
        position: relative;
    }
    p {
       // max-width: 505px;
    } 
      
}
.contact-head {
    &{
        background-color: #e0e9ef;
    }
    .sTitle_wrapper {
        margin-bottom: 0;
    }
}
#contact-section {
    & {
        background-color: #e0e9ef;
    }
    section {
        padding: 0;
    }
    .map {
        &{
            max-height: 0px;
            width: 100%; 
            transition: max-height .5s ease;
            overflow: hidden;
        }
        div {
            height: 413px;
            width: 100%; 
            position: relative;
        }
        .maptext {
            &{
            position: absolute;
            $positionCenter;
            top: 55%;
            }
            p {
                font-size: 14px;
                color: $accent;
                text-align: center;
                line-height: 1.1;
                font-weight: 600;
            }
        }
    }
    .map.sel {
        max-height: 413px;
    }
    #map_lon > div {background: url(/i/Tiger_map_London.jpg) center/cover no-repeat;}
    #map_nyc > div {background: url(/i/Tiger_map_NY_Madison.jpg) center/cover no-repeat;}
    .nyc, .lnd {
        padding-bottom: 0;
    }
    .lnd {
        padding-top: 0;
    }
    .contain {
        & {
            $flex;
            flex-flow: wrap;
        }
        .left, .right {
            width: 50%;
        }
    }
    .location {
        .image {
            width: 85%;
            height: 350px;
            $flex;
            $flexCenter;
            margin: auto;
        }
        .title p {
            font-size: 2rem;
            color: white;
            text-align:center;
            margin: auto;
        }
    }
    .left .image {
        background: url(/i/nyc_loc.jpg) center/cover no-repeat;
    }
    .right .image {
        background: url(/i/london_loc.jpg) center/cover no-repeat;
    }
    .map_info {
        & {
            padding: 4.5rem 1rem;
            $flex;
            $flexCenter;
            flex-direction: column;
        }
        p, a {text-align: center;line-height: 1.5em;}
        .title {
            &{margin: 0;}
            p {
                margin-bottom: 1.6875rem;
                color: $accent;
            }
        }
        a {
            color: $accent;
        }
        a:hover {
            color: $lightblue;
        }
        .btn {
            & {
                margin-top: 2rem;
                padding: 1rem 2rem;
            }
            p {
                display: inline;
                color: $accent;
            }
            .iso_arrow {
                transition: all .3s ease;
            }
        }
        .btn.sel {
            & {
                background-color: $accent;
            }
            .iso_arrow {
                transform: rotate(180deg); 
            }
            .st0 {
                fill: white;
            }
            p {
                color: white;
            }
        }
        .btn:hover p {
            color: white;
        }
    }
}

/***** portfolio links ****************/
.portfolio {
    & {
        position: relative;
        width: 22%;
        margin: 0 10px;
        max-height: 250px;
        height: width(&self*0.7272)px;
        display: inline-block;
        background: $accent;
        cursor: pointer;
    }
    img {
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity .5s ease;
    }
    .color, .blue {
        width: 100%;
        height: 100%;
    }
    .color {
        opacity: 0;
        z-index: 1;
    }
    .blue {
        opacity: 1;
        z-index: 3;
    }
    .tombstone-logo {
        z-index: 10;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 75%;
    }
    .logo_white {
        opacity: 1;
    }
    .logo_color {
        opacity: 0;
    }



}
.portfolio:hover {
    .color {
        opacity: 1;
    }
    .blue  {
        opacity: 0;
    } 
}

/*********************************** Home *********************************/
#home {
    ce {
        z-index: 10;
    }
    .s1 {
        & {
            background: $black;
            height: 100vh;
            min-height: 810px;
            padding: 0;
            position: relative;
            $flex;
            flex-direction: column;
            $flexCenter;
            padding: 1.5em;
            overflow: hidden;
        }
        .contain {
            position: relative;
            z-index: 20;
            top: 40px;
            overflow: visible;
        }
        .image_carousel .fx-list {display: none;}
        .text_carousel {
            
            .slide {
                min-height: 250px;
                text-align: center;
            }
            h2 {
                line-height: 1em;
            }
            .home-title {
                font-weight: 400;
            }
            p {
                font-size: 2rem;
                letter-spacing: .15em;
                line-height: 1em;
                color: white;
                text-align: center;
                font-weight: 500;
                text-transform: uppercase;
            }
            .fx-list {
                $flex;
                $flexCenter;
                position: relative;
                top: 50px;
            }
            .carousel_nav {
                a {
                    width: 10px;
                    height: 10px;
                    display: inline-block;
                    margin: 0 10px;
                    border: 1px solid white;
                }
                a.fx-on {
                    background: white;
                }
            }
        }
        .image_carousel {
            & {
                position: absolute;
                top: 0;
                left: 0;
                height: 100vh;
                width: 100%;
            }
            .slide {
                height: 100vh;
                min-height: 800px;
            }
            .slide:nth-child(1) {
                background: url(/i/Home-hero-1.jpg) center/cover no-repeat;
            }
            .slide:nth-child(2) {
                background: url(/i/Home_Theater2.jpg) center/cover no-repeat;
            }
            .slide:nth-child(3) {
                background: url(/i/Home-hero-2.jpg) center/cover no-repeat;
            }
            .slide:nth-child(4) {
                background: url(/i/Home-hero-3.jpg) center/cover no-repeat;
            }
            .slide:nth-child(5) {
                background: url(/i/Home_Theater5.jpg) center/cover no-repeat;
            }
        }
       
        .scroll {
            & {
                position: absolute;
                bottom: 40px;
                $positionCenter;
                z-index: 20;
                cursor:pointer;
                $flex;
                $flexCenter;
                flex-direction: column;
            }
            .top, .bottom, .middle {
                position: absolute;
                left: 50%;
                bottom: -25px;
                width: 60%;
                transform: translate(-50%, -15px) scale(.7); 
                opacity: 0;
                animation: scollAni 3s ease infinite;
            }
            .middle {
                animation-delay: 1s;
            }
            .bottom {
                animation-delay: 2s;
            }
            svg {
                &{
                width: 35px;
                margin-bottom: 30px;
                }
                * > {
                    transition: fill .3s ease;
                }
            }
            svg:hover {  
                p {
                    color: $primary;
                }
            }
            p {
                text-transform: uppercase;
                font-weight: 700;
                font-size: 10px;
                letter-spacing: .25em;
                color: white;
            }
        }
        .scroll:hover  {
            p {color: $primary;}
            .st1, .st2, .st0 {
                fill: $primary;
            }
        }
    }
    .s5 {   
        & {overflow: hidden;background: url(/i/home_ESG.jpg) center/cover no-repeat;position: relative;}
	.left { display:inline-block; width:75%; vertical-align:top; min-width:400px; padding-top:49px; }
	.right { display:inline-block; width:25%; text-align:right; }
        .section-title {color: white;}
        .line { background: white;}
        p {color: white}
        .contain {
            height: auto;
        }
        .esg_grid {
            & {
                $flex;
                justify-content: space-between;
                position: relative;
                top: 50px;
                align-items: flex-start;
            }
            .grid_item {
                & {
                    width: 29%;
                    $flex;
                    flex-direction: column;
                    $flexCenter;
                }
                .circle {
                    & {
                        border-radius: 100%;
                        border: 3px solid white;
                        height:width(&self)px;
                        width: 57%;
                        padding-bottom: 17%;
                        $flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: flex-end;
                        margin-bottom: 2rem;
                    }
                    img {
                        width:50px;
                        margin-bottom: .5rem;
                    }
                    p {
                        font-size: 1rem;
                        color: white;
                        text-align: center;
                        font-weight: 400;
                        text-transform: uppercase;
                    }
                }
                p { 
                    text-align: center;
                }
            }
        }
        .btn {
            & {
                margin-top: 2rem;
                padding: 1rem 2rem;
                color: white;
                border: white;
                box-shadow: white 0px 0px 0px 2px inset;
            }
            svg {
                .st0 {
                    fill: white;
                }
            }
        }
        .btn:hover  {
            & {color: $accent;background: white;}
            svg {
                .st0 {
                    fill: $accent;
                }
            }
        }
    }
    .s6 {   
        & {background: url(/i/Home_team_image3.jpg) center/cover no-repeat;}
        .section-title {color: $primary;}
        .line {background: $primary;}
        p {color: white}
        .btn {
            & {
                margin-top: 2rem;
                padding: 1rem 2rem;
                color: white;
                border: white;
                box-shadow: white 0px 0px 0px 2px inset;
            }
            svg {
                .st0 {
                    fill: white;
                }
            }
        }
        .btn:hover  {
            & {color: $accent;background: white;}
            svg {
                .st0 {
                    fill: $accent;
                }
            }
        }
    }
    .s7 {
        & {padding: $sectionPaddingWBTN!}
        .portfolio_carousel {
            position: relative;
            margin-bottom: 2rem;
        }
        .slick-track {
            $flex;
            justify-content: space-between;
            overflow: hidden;
        }
        .slick-list {
            overflow: hidden;
        }
        .slick-arrow {
            background-color: transparent;
            border: none;
            box-shadow: none;
            font-size: .1px;
            cursor: pointer;
            width: 20px;
            height: 25px;
            background: url(/i/button_gold_blue.svg) center/contain no-repeat;
            position: absolute;
            top: 50%;
        }
        .slick-prev {
            left: -35px;
            transform: rotate(90deg)
        }
        .slick-next {
            right: -35px;
            transform: rotate(-90deg)

        }
    }
}
/********************************** Contact ********************************/
#contact {
    .s1 {
        background: url(/i/contactus-hero.jpg) center/cover no-repeat;
    }
    footer {
        /* background: url(/i/Footer_ContactUs.jpg) center/cover no-repeat; */
        /* background: url(/i/tiger_contact_footer.jpeg) center/cover no-repeat; */
    }
    header.fixed  .top_nav a.current {color: white}
}

/********************************** Strategy ********************************/
@keyframes lineGrow {
    0% {
        stroke-dashoffset: 736px;
    }
    100% {
        stroke-dashoffset: 1442px;
    }
}
#strategy {
    .btn {display: none !important;}
    footer {
        /* background: url(/i/Footer_Strategy.jpg) center/cover no-repeat; */
    }
    .s1 {
        background: url(/i/strategy-hero.jpg) center/cover no-repeat;
        background-color: black;
    }
    .s3 {
        & {
            background: url(/i/Strategy_Graph_image.jpg) center/cover no-repeat;
        }
        .big-text-section {
            p {
                position: relative;
                text-transform: uppercase;
                font-weight: 500;
                font-size: 1.325rem;
                letter-spacing: .25em;
                color: $primary;
                line-height: 1.1em;
                margin-bottom: 4rem;
            }
        }
        .contain {
            & {
                $flex;
            }
            > div {
                width: 50%;
            }
        }
        .graph.animated {
            .st3 {
                animation: lineGrow 1.1s ease forwards;
            }
            .top_right, .focus, .bottom_left {
                opacity: 1;
            }
            .st2 {
                width: 184px;
            }
        }
        .graph {
            &{
                position: relative;
            }
            .st3 {
                stroke-dasharray: 719px;
                stroke-dashoffset: 736px;
            }
            .st2 {
                width: 0;
                transition: width .5s linear;
                transition-delay: .3s; 
            }
            > ce {
                position: absolute;
            }
            .axis p {
                color: $primary;
            }
            p {
                color: white;
            }
            .x-axis {
                left: 50px;
                bottom: -9%;
            }
            .y-axis {
                left: 5px;
                top: -3%;
            }
            .focus {
                top: 2%;
                left: 50%;
                opacity: 0;
                transform: translate(-38%);
                transition: opacity .2s ease;
                transition-delay: .9s;
            }
            .bottom_left {
                left: 28px;
                bottom: 19%;
                font-size: 14px;   
                line-height: 1rem;  
                opacity: 0;
                transition: opacity .2s ease;
            }
            .top_right {
                top: 13%;
                right: 10px;
                font-size: 14px; 
                line-height: 1rem; 
                opacity: 0;
                transition: opacity .2s ease;
                transition-delay: 1s; 
            }
        }
        .graph_list {
            &{
                padding: 0 3rem;
                $flex;
                justify-content: flex-start;
                flex-direction: column;
                align-items: center;
            }
            .title{
                &{margin-top: 0;}
                p { color: $primary;}
            } 
        }
    }
    
    .criteria {
        &{
            background: url(/i/criteria_background.jpg) center/cover no-repeat;
        }
        .section-title {color: $primary;}
        .line {background: $primary;}
        .title {
            position: relative;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 1.125rem;
            letter-spacing: 0.25em;
            color:white;
            line-height: 1.1em;
            margin-bottom: 2rem;
            display: block;
            text-align: left;
            margin-top: 0;
        }
        p, li {
            color: white;
        }
        li {
            margin-left: 2rem;
        }
        ul {
            margin-top: 1rem;
            padding-left: 1rem;
        }
        .content {
            & {
                margin-bottom: 3rem;
                $flex;
                justify-content: space-between;
                align-items: flex-start;
            }
            div:nth-child(1) {
                & {width: 25%;}
                ce {
                   text-align: right;
                }
            }
            div:nth-child(2) {
                width: 70%;
                padding-left: 2rem;
            }

        }
        .content:nth-last-child(1) {
            margin-bottom: 0;
        }
    }
    .s4 {
        & {
            padding: 0;
            min-height: 472px !important;;
            max-height: 472px;
        }
        .fx-list {
            &{
                width: 40%;
                height: 476px;
                max-width: 700px;
            }
            .fx-nav {
                display: block;
                padding: 1.55rem;
                border-bottom: 1px solid rgba(255,255,255,.4);
                transition: background-color .2s ease;
            }
            .fx-nav:hover, .fx-nav.fx-on {
                background-color: $primary;
            }
        }
        .fx-slides {
            &{min-height: 474px;}
            > div {min-height: 474px;}
            > div > div {min-height: 474px;padding: 1.5rem 1.5rem 1.5rem 3rem;$flex;flex-direction: column;$flexCenter;}
            p, ul, li {
                max-width: 600px;
                color: $accent;
                width: 100%;
            }
            ul {
                margin-top: 1.5rem;
            }
        }
    }
}

/*********************************** Portfolios ********************************/
#portfolio {
    .s1 {
        background: url(/i/Theater_Portfolio.jpg) center/cover no-repeat;
    }
    footer {
        /* background: url(/i/Footer_Portfolio.jpg) center/cover no-repeat; */
    }
    .s2 {
        & {background: #e0e9ef;}
        .section-title {color: $accent;}
        .line {background: $accent;}
        .fx-list {
            .fx-nav {
                display: none;
            }
            .fx-nav {
                color: #96a7b3;
                margin: 0;
                padding: 0rem 3rem 1.5rem 0;
            }
            .fx-on {
                color: $primary;
            }
        }
        .fx-slides {
            > div > div {
                $flex;
                justify-content: flex-start;
                flex-flow: wrap;
            }
            .portfolio {
                width: 23%;
                margin-left: 0;
                margin-bottom: 30px;
                margin-right: 2.5%;
                min-height: 200px;
            }
            .portfolio:nth-child(4n + 4) {
                margin-right: 0;
            }
        }
    }
    .s2.close {
        display: none;
    }
    .s3.open {
        display: block;
    }
    .s3,.s3b {
        & {
            background: #e0e9ef;
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
            padding-bottom: 1.5rem;
            display: none;
        }
        .sTitle_wrapper {
            margin: 0 1.5rem 3rem;
        }
        .fx-list {
            display: none;
        }
        .close {
            position: absolute;
        }
        .banner-image {
            background: url(/i/Portfolio_big_banner1.jpg) center/cover no-repeat;
            height: 450px; 
        }
        .bottom {
            & {
                $flex;
                padding-top: 1.5rem;
                position: relative;
            }
            .info {
                &{
                    width: 35%;
                    min-width: 400px;
                    text-align: center;
                    padding: 0rem 1.5rem 0 0;
                }
                .image_wrapper {
                    position: relative;
                    max-height: 124px;
                    min-height: 124px;
                    max-width: 300px;
                    margin: auto;
                    margin-bottom: 1.5rem;
                    $flex;
                }
                img, .grid, a {
                    margin: auto;
                }
                img {
                    width: 250px; max-height: 120px; object-fit: contain; object-position: center;
                }
                .grid {
                    &{
                        $flex;
                        flex-flow: wrap;
                        max-width: 300px;
                    }
                    > div {
                        width: 50%;
                        padding: .8rem .4rem .4rem 0;
                        border-bottom: 1px solid #96a7b3;
                    }
                }
                > a {
                    width: 100%;
                    text-align: left;
                    color: $accent;
                    display: inline-block;
                    max-width: 300px;
                    margin-top: .8rem;
                }
                .arrow {
                    &{
                    position: absolute;
                    top: 64%;
                    height: 25px;
                    width:25px;
                    }
                    .st0 {
                        fill: $accent;
                    }
                }
                .prev {
                    left: -25px;
                    transform: rotate(90deg) translate(-117%);
                }
                .next {
                    right: -25px;
                    transform: rotate(-90deg) translate(117%);
    
                }
            }
            .text {
                &{ 
                    width: 65%;
                    padding: 0rem 0 0 10%;
                    text-align: justify;
                    border-left: 2px solid $accent;
                }
                p {
                    text-align: justify;
                }
                .btn:hover {
                    & {
                        background: $accent;
                        color: white;
                    }
                    svg .st0 {
                        fill: white;
                    }
                }
                .btn {
                    &{
                        padding: 1rem 2rem;
                        margin-top: 3rem;
                        color: $accent;
                        box-shadow: #073a6b 0px 0px 0px 2px inset;
                    }
                    svg {
                        & {
                        transform: rotate(90deg);
                        margin: 0;
                        }
                        .st0 {
                            fill: #073a6b;
                        }
                    }
                }
            }
        }
    }
    .s3b{display:block;}
}
/***********************************Team ***********************************/
#team {
    footer {
        /* background: url(/i/Footer_Team.jpg) center/cover no-repeat; */
        background: url(/i/tiger_team_footer.jpeg) center/cover no-repeat;
    }
    .s1 {
        /* background: url(/i/Theater_Team.jpg) center/cover no-repeat; */
        background: url(/i/tiger_team_banner.jpeg) center/cover no-repeat;

    }
    .s2 {
        & {
            padding-left: 0;
            padding-right: 0;
            background-color: #e0e9ef;
        }
        > .fx-slider > .fx-list {
            & {
                margin-bottom: 3rem;
                padding: 0 1.5rem;
            }
            > div {
                $flex;
                justify-content: flex-start;
                border-bottom: 1px solid #96a7b3;
            }
            .fx-nav {
                color: $accent;
                margin: 0;
                padding: 0rem 3rem 3rem 0;
            }
            .fx-on {
                color: $lightblue;
            }
        }
    }
    #teamMobileContainer {display: none;}
    #teamDesktopContainer {
        & {
            margin: auto;
        }
    }
    #teamMobileContainer,
    #teamDesktopContainer {
        .fx-list {
            & {padding: 0 1.5rem;}
            .contain {
                height: 100%;
                min-height: 100%;
                $flex;
            }
        }
        .teamDesktop:first-child {
            .fx-nav {
                margin-top: 0;
            }
        }
        .fx-nav {
            & {
                max-width: 280px;
                display: inline-block;
                flex-direction: column;
                width: 23.5%;
                position: relative;
                margin: 1rem 2% 0 0; 
                padding-bottom: 2rem;
                transition: padding .3s linear;
            }
            .onImage {
                position: absolute;
                opacity: 0;
                top: 0;
                left: 0;
                z-index: 3;
            }
            .offImage {
                opacity: 1;
            }
            img {
                width: 100%;
                transition: opacity .6s ease;
                background: $accent;
            }
            .teamDeskBottom {
                & {
                    width: 100%;    
                    text-align: center;
                }
                .title * {
                    color: $accent;
                    margin: .5rem auto;                    
                    text-align: center;
                    transition: color .3s ease;
                    font-weight: 600;
                }
                ce:nth-child(2) p {
                    text-align: center;
                    font-size: .88rem;
                }
            }
        }
        .fx-nav:after {
            $psPosition;
            $positionCenter;
            top: initial;
            bottom: -170px;
            transform: rotate(45deg) scale(1) translate(-47px);
            transform-origin: center;
            height: 50px;
            width: 50px;
            border: 10px solid white;
            background: $accent;
            opacity: 0;
        }
        .fx-nav.fx-on:after {
            opacity: 1;
            bottom: -90px;
            transition: bottom .1s ease .1s;
        } 
        .fx-nav:hover, .fx-nav.fx-on {
            .teamDeskBottom {
                .title * {color: $lightblue;}
            }
            .onImage {position: absolute;opacity: 1;top: 0; left: 0;
            }
        }
        .fx-nav:last-child {
            & {
                padding-left:0; 
                margin-right: 0%;
            }
        }
        .slide {
            & {
            background: white;
            position: relative;
            z-index: 15;
            padding: $sectionPadding!;
            }
            .bioCont {
                text-align: left;
                position: relative;
                $flex;
            }
            .title_cont {
               &{
                  width: 35%;
                  padding-right: 2.5rem;
                  border-right: 2px solid $accent;
               }
               .bigName {
                   font-size: 3.375rem;
                   line-height: 1em;
                   font-weight: 100;
               }
               .title {
                color: #96a7b3;
               }
               .linkedIn
               {
                width: 20px;
                height: 20px;
                display: block;
                background: url(/i/linkedin_default.svg) no-repeat center/contain;
                transition: background-image 0.3s ease;
               }
               .linkedin:hover {background-image: url(/i/linkedin_hover.svg);}
            }
            .personBio {
                padding-left: 4rem;
                width: 65%;
            }
        }
    } 
    .pBio {
        &{font-size: 1em;}
    }
    .links {
       &{ margin-top: 1.3rem;}
       a {margin-right: 7px;cursor: pointer;}
    }
    .deskName {
        &{position: relative;top: -10px; max-height: 48px;
        }
        .tName {text-align: center; color: $black;
        }
        .tTitle {text-align: center;margin: 0;color: #4c6c7d;font-weight: 400;font-size: inherit;
        }
    }
    /************** Senior Advsior *************/
    .advisor {
        img, .teamItemImageContainer {
            display: none;
        }
        .teamMobileItem {
            margin-bottom: 0;
        }
        .teamDeskBottom {
            & {
                padding: 1.5rem .5rem;
                border: 1px solid $accent;
                height: 135px;
                margin-top: 0;
            }
            .title * {
                margin: auto;
            }
        }
        
    }
    .advisor.fx-on, .advisor:hover {
        .teamDeskBottom {
            & {background: $accent;}
            .title * {
                color: $lightblue !important;
            }
            p {
                color: white;
            }
        }
    }
}

#team, #news {
    .s1 {
        & {
            position: relative;
        }
        h1 {
            position: relative;
            z-index: 5;
        }
        .cover {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0,0,0, .2);
            z-index: 3;
        }
    }
}

/***********************************News ***********************************/
#news {
    footer {
        background: url(/i/Footer_News.jpg) center/cover no-repeat;
    }
    .s1 {
        & {
            background: url(/i/news-hero.jpg) center/cover no-repeat;
        }
    }
    .s2 {
        &{background: $accent;}
        .section-title {
            color: $primary;
        }
        .sTitle_wrapper {
            .line {background: $primary;}
        }
        .fx-slides {
            .document_inner {
                & {
                    $flex;
                    justify-content: space-between;
                    align-items: flex-end;
                    padding: 2rem 0;
                    border-bottom: 1px solid rgba(255,255,255, .3);
                }
                .doc_title {
                    width: 60%;
                    margin-right: 1em;
                }
                p {
                    color: white;
                    text-align: left;
                    text-transform: uppercase;
                    letter-spacing: .2em;
                }
                .title {
                    color: $primary;
                    margin: 0 0 .1rem;
                }
                .btn {
                    & {
                        padding: 0.7778rem 2.77rem;
                        font-size: 10px;
                        display: flex;
                        max-height: 52px;
                        color: $primary;
                        box-shadow: $primary 0px 0px 0px 2px inset;
                    }
                    .iso_arrow {
                        width: 21px;
                    }
                    svg .st0 {
                        fill: $primary;
                    }
                }
                .btn:hover {
                    &{
                     background: $primary;
                     color: $accent;
                    }
                    svg .st0 {
                        fill: $accent;
                    }
                }
            }
        }
        .fx-list {
            > div {
                & {
                    text-align: left;
                    padding: 1.5rem 0;
                }
                .fx-nav {
                    margin-right: 15px;
                    color: #1e61b5;
                    font-size: 14px;
                }
                .fx-on, .fx-nav:hover  {
                    color: $primary;
                }
            }
        }
    }
}
/***********************************News ***********************************/
#esg {
    .s1 {
        background: url(/i/Theater_ESG.jpg) center/cover no-repeat;
    }
    footer {
        /* background: url(/i/Footer_ESG.jpg) center/cover no-repeat; */
    }
    /*.s2 {
        & {
            padding-bottom: 6.6225rem;
        }
        
        .infographic {
            & {
                background: url(/i/esg_infographic1.png) center/contain no-repeat;
                height: 500px;
                width: 500px;
                margin-top: 3rem;
                position: relative;
            }
            .esg_toggle, .content, .esg_title {
                position: absolute;
            }
            .esg_toggle[data-id="1"] {
                left: -175px;
                top: 21%;
            }
            .esg_toggle[data-id="2"] {
                right: -94px;
                top: 21%;
                width: 148px;
            }
            .esg_toggle[data-id="3"] {
                & {
                left: 50%;
                bottom: -63px;
                transform: translate(-50%);
                flex-direction: column;
                cursor: pointer;
                }
                .open {
                    margin-bottom: 1.5rem;
                }
            }
            .esg_toggle {
                & {
                    $flex;
                    width: 230px;
                    align-items: center;
                    justify-content: space-between;
                    cursor:pointer;
                }
                .title {
                    margin: 0;
                }
                p  {
                    color: #96a7b3;
                    margin: 0;
                }
                .open {
                    background: url(/i/esg_infographic_plus.svg) center/contain no-repeat;
                    width: 40px;
                    height: 40px;
                }
            }
            .esg_toggle:hover {
                p {color: $primary;}
            }
            .esg_toggle.active {
                p {
                    color: $primary;
                }
                .open {
                    background: url(/i/esg_infographic_minus.svg) center/contain no-repeat;
                }
            }
            .esg_title, .content {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
            .esg_title {
                p {
                    font-size: 26px;
                    letter-spacing: .25em;
                    color: $primary;
                }
            }
            .content {
                & {
                    height: 375px;
                    width: 375px;
                }
                .slide {
                    position: absolute;
                    border-radius: 100%;
                    width: 375px;
                    height: 375px;
                    padding: 3rem;
                    background-color: white;
                    background-image: url(/i/esg_infographic_gold_circle.svg);
                    background-size: 95%;
                    background-position: center;
                    background-repeat: no-repeat;
                    transform: scale(0);
                    transition: transform .5s ease;
                }
                .slide.active {
                    transform: scale(1);
                }
                img {
                    width: 35px;
                    margin-bottom: 20px;
                }
                p {
                    text-align: center;
                }
            }
            .slide[data-id="2"] {
                    img {width: 22px;}
            }
        }
    }*/
    .s2 {
       &{ background: url(/i/mountains-full.png) center/cover no-repeat; min-height: 500px; }
       p {
           color: white;
       }
       .section-title {color: white;}
       .sTitle_wrapper .line {
           background: white;
       }
    }
	.s4.short {
            background: url(/i/ESG_leaves_2.jpg) top right/ 90% no-repeat;
        }
    .s4 {
        & {
            background: url(/i/ESG_leaves.jpg) top right/ 90% no-repeat;
        }
        .contain {
            text-align: left;
        }
        p {
            margin-bottom: 1rem;
        }
        p, li {
            color: rgb(57, 62, 65);
            max-width: 600px;
        }
        .section-title {color: $accent;}
        .sTitle_wrapper .line {
            background: $accent;
        }
        li {
            margin-left: 1.35rem;
        }
		.left2 { display:inline-block; width:45%; }
		.right2 {
			&{display:inline-block; width:55%; text-align:center; font-size:13px; line-height:1.2em; vertical-align:top; padding-top:125px; padding-left:20px;}
			.left2b { width:50%; display:inline-block; vertical-align:top; padding-top:53px;}
			.left2b.beta {width: 49%;}
			.right2b { width:50%; display:inline-block; vertical-align:top; padding:0 0 0 20px;}
			.l2bt { padding: 23px 20px 0 10px; }
		}
		.right2.beta {width: 54%;}

		.disclaimers
		{
			& {margin-top: 1rem;}
			a {color: $lightblue;}
		}
    }
    .s5 {   
        & {overflow: hidden;background: url(/i/home_ESG.jpg) center/cover no-repeat;position: relative;}
        .section-title {color: white;}
        .line { background: white;}
		.left { display:inline-block; width:75%; vertical-align:top; min-width:400px; padding-top:49px; }
		.left.beta {width: 100%; display: block;}
		.right { display:inline-block; width:25%; text-align:right; }
        p {color: white}
        .contain {
            height: auto;
        }
        .esg_grid {
            & {
                $flex;
                justify-content: space-between;
                padding-top: 2rem;
                align-items: flex-start;
                margin-top: 50px;
            }
            .grid_item {
                & {
                    width: 29%;
                    $flex;
                    flex-direction: column;
                    $flexCenter;
                }
                .circle {
                    & {
                        border-radius: 100%;
                        border: 3px solid white;
                        height:width(&self)px;
                        width: 57%;
                        padding-bottom: 17%;
                        $flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: flex-end;
                        margin-bottom: 2rem;
                    }
                    img {
                        width:50px;
                        margin-bottom: .5rem;
                    }
                    p {
                        font-size: 1rem;
                        color: white;
                        text-align: center;
                        font-weight: 400;
                        text-transform: uppercase;
                    }
                }
                p { 
                    text-align: center;
                }
            }
        }
    }
    .s3 {
        & {
            background: url(/i/ESG_Benefits_image.jpg) center top/cover no-repeat;  
        }
        .sTitle_wrapper {
            & {
                width: 100%;
                margin-bottom:2.25rem;
            }
            .section-title {color: white;}
            .line {background: white;}
        }
        .contain {
            & {
                $flex;
                flex-flow: wrap;
                justify-content: space-between;
            }
            > ce p {
                color: white;
                margin-bottom: 2rem;
            }
			
			.text 
			{
				p {color: #fff;}
				ce p {margin-bottom: 1rem;}
				ce:last-child p {margin-bottom: 2rem;}
			}

            .document {
                & {
                    width: 49%;
                    margin-bottom: 1rem;
                    background: rgba(255,255,255, .7);
                }
                .document_inner {
                    $flex;
                    padding: 1rem;
                    justify-content: space-between;
                    height: 120px;
                }
				.document_inner.beta {height: 176px;}
                .img {
                    width: 20%;
                    margin-right: 1rem;
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                }
                .desc {
                    & {
                    padding-left: 1rem;
                    border-left: 1px solid $primary;
                    width: 80%;
                    $flex;
                    $flexCenter;
                    }
                    p {
                        font-size: 16px;
                        line-height: 1.25em;
                    }
                }
            }
            .document:nth-child(odd) {
                margin-right: 2%;
            }
            .document:nth-child(1) {
                .img:nth-child(1) {
                    background-size: 120%;
                }
            }
        } 
    }
}

/****** FIRM ******/
#firm header nav .drop-down .main {color: #0092DC;}
#firm {
    .s1 {
        & {background: url(/i/tiger_team_banner-hero.jpg) center/cover no-repeat;}
        .home-title.culture {display: none;}
    }
    .s1.n1 {
        & {background: url(/i/culture-hero.jpg) center/cover no-repeat;}
        .home-title.team {display: none;}
        .home-title.culture {display: block;}
    }
    .s2 {
        & {
            padding: 80px 0;
            background-color: #e0e9ef;
        }
        .page-nav {
            & {
                width: 100% !important;
                max-width: 325px;
                margin: 0 auto;
                display: flex;
                margin-bottom: 5rem;
            }
            .fx-nav {
                width: 50%;
                position: relative;
            }
            .fx-nav p {
                font-size: 1.3rem;
                line-height: 1.67rem;
                font-weight: 600;
                text-align: center;
                text-transform: uppercase;
                letter-spacing: 6px;
                color: #052c5580;
            }
            .fx-nav.fx-on p {color: #0092DC;}
        }
        #teamMobileContainer {display: none;}
        #teamDesktopContainer, #teamMobileContainer {
            .fx-list {padding: 0 1.5rem;}
            .fx-list .contain {
                height: 100%;
                min-height: 100%;
                display: flex;
            }
            .fx-nav {
                & {
                    max-width: 280px;
                    display: inline-block;
                    flex-direction: column;
                    width: 23.5%;
                    position: relative;
                    margin: 1rem 2% 0 0;
                    padding-bottom: 2rem;
                    transition: padding .3s linear;
                }
                img {
                    width: 100%;
                    transition: opacity .6s ease;
                    background: #073a6b;
                }
                .onImage {
                    position: absolute;
                    opacity: 0;
                    top: 0;
                    left: 0;
                    z-index: 3;
                }
                .offImage {
                    opacity: 1;
                }
                .teamDeskBottom {
                    width: 100%;
                    text-align: center;
                }
                .teamDeskBottom .title * {
                    color: #073a6b;
                    margin: 0.5rem auto;
                    text-align: center;
                    transition: color .3s ease;
                    font-weight: 600;
                }
                .teamDeskBottom ce:nth-child(2) p {
                    text-align: center;
                    font-size: .88rem;
                }
            }
            .teamDesktop:first-child .fx-nav {
                margin-top: 0;
            }
            .fx-nav:last-child {
                padding-left: 0;
                margin-right: 0%;
            }
            .fx-nav:after {
                content: '';
                position: absolute;
                display: block;
                left: 50%;
                transform: translate(-50%);
                top: initial;
                bottom: -170px;
                transform: rotate(45deg) scale(1) translate(-47px);
                transform-origin: center;
                height: 50px;
                width: 50px;
                border: 10px solid white;
                background: #073a6b;
                opacity: 0;
            }
            .fx-nav:hover {
                .onImage {
                    position: absolute;
                    opacity: 1;
                    top: 0;
                    left: 0;
                }
                .offImage {opacity: 1;}
                .teamDeskBottom .title * {color: #0092dc;}
            }
            .fx-nav.fx-on:after {
                opacity: 1;
                bottom: -90px;
                transition: bottom .1s ease .1s;
            }
            /* Slide */
            .pBio {
                font-size: 1em;
            }
            .slide {
                & {
                    background: white;
                    position: relative;
                    z-index: 15;
                    padding: 4.3125rem 1.5rem;
                }
                .bioCont {
                    text-align: left;
                    position: relative;
                    display: -webkit-flexbox;
                    display: -ms-flexbox;
                    display: flex;
                }
                .title_cont {
                    width: 35%;
                    padding-right: 2.5rem;
                    border-right: 2px solid #073a6b;
                }
                .personBio {
                    padding-left: 4rem;
                    width: 65%;
                }
                .title_cont .bigName {
                    font-size: 3.3rem;
                    line-height: 1em;
                    font-weight: 100;
                }
                .title_cont .title {
                    color: #96a7b3;
                }
                .title_cont .linkedIn {
                    width: 20px;
                    height: 20px;
                    display: block;
                    background: url(/i/linkedin_default.svg) no-repeat center/contain;
                    transition: background-image 0.3s ease;
                }
            }
        }
        .culture  {
            .contain {
                & {padding: 0 1.5rem 2rem 1.5rem;}
                > div {
                    & {
                        height: 216px;
                        display: flex;
                        gap: 3rem;
                        align-items: center;
                        border-bottom: solid 1px rgb(255, 255, 255, 0.5);
                        padding: 4rem 0;
                    }
                    h4 {
                        font-size: 1.3rem;
                        line-height: 1.67rem;
                        font-weight: 600;
                        letter-spacing: 6px;
                        color: #ADA006;
                        position: relative;
                        text-align: left;
                        min-width: 450px;
                        padding-left: 9rem;
                    }
                    h4::before {
                        content: "";
                        display: block;
                        width: 110px;
                        height: 110px;
                        position: absolute;
                        top: 50%;
                        left: 0;
                        transform: translateY(-50%);
                    }
                    p {
                        color: #fff;
                        max-width: 640px;
                    }
                }
                > div:last-of-type {border-bottom: none;}
                > div:nth-child(1) h4::before {background: url(/i/icon_investor.svg) no-repeat center/contain;}
                > div:nth-child(2) h4::before {background: url(/i/icon_firm.svg) no-repeat center/contain;}
                > div:nth-child(3) h4::before {background: url(/i/icon_collaborative.svg) no-repeat center/contain;}
                > div:nth-child(4) h4::before {background: url(/i/icon_success.svg) no-repeat center/contain;}
                > div:nth-child(5) h4::before {background: url(/i/icon_back.svg) no-repeat center/contain;}
                > div:nth-child(6) h4::before {background: url(/i/icon_get.svg) no-repeat center/contain;}
                > div:nth-child(7) h4::before {background: url(/i/icon_results.svg) no-repeat center/contain;}
                > div:nth-child(8) h4::before {background: url(/i/icon_lead.svg) no-repeat center/contain;}
                > div:nth-child(9) h4::before {background: url(/i/icon_improve.svg) no-repeat center/contain;}
                > div:nth-child(10) h4::before {background: url(/i/icon_maintain.svg) no-repeat center/contain;}
            }
        }
    }
    .s2.n1 {
        & {background: url(/i/culture_bg.png) no-repeat center/cover;}
        .page-nav .fx-nav p {color: #ffffff54;}
        .page-nav .fx-nav.fx-on p {color: #0092DC;}
    }
}


#update_pw,#reset_pw
{
	&{background:#fff;}
	#logo{margin-top:15px;display:inline-block;}
	#logo img{width:280px;}
	header{background:#fff;}
	header .content{height:90px}
	section
	{
		&{margin-top:90px;padding:3em 0;}
		h1{margin-bottom:0.6em;font-size:2em;font-weight:300;color:#004f9d;line-height:1em;text-align:left;display:inline-block;}
		h1::after{content:"";display:block;margin-top:20px;width:216px;border-bottom:1px solid #004f9d;}
		.content{max-width:1100px;margin:0 5%}
		.form-buttons
		{
			&{margin-top:3em;}
			a{border-radius:30px;transition:all 0.25s ease;display:inline-block;padding:20px 40px;color:#008ccc;border:1px solid #008ccc;margin-right:2em;font-weight:400;text-transform:uppercase;font-size:1em;letter-spacing:0.075em;}
			a:hover{color:#fff;background-color:#008ccc;}
		}
		.fx-field input,.fx-field textarea{border:1px solid rgb(86, 99, 112);font-size:1.125em;padding:0.5em;width:100%;box-sizing:border-box}
		.fx-field{margin-bottom:3em;}
		label{font-size:1.125em;color:rgb(86, 99, 112);background:#fff;left:0.5em;padding:0 0.25em;}
		textarea{resize:none;height:10em;}
		.fx-msg{left:0 !important;top:100% !important;color:#ff0000;font-size:0.875em;}
		.fx-input:focus ~ label, .fx-input.hasData ~ label{left:0.75em;}
	  .instruction{margin-top:-2.5em;}
	}
}
/***********************************Responsive ***********************************/
@keyframes scollAni {
    0% {
        transform: translate(-50%, -20px) scale(.7); 
        opacity: 0;
    }
    50% {
        transform: translate(-50%, 0) scale(1); 
        opacity: 1;
    }
    100% {
        transform: translate(-50%, 20px) scale(.7); 
        opacity: 0;
    }
} 
@media (max-width: 1260px) {
    #key_stats .by_the_numbers {
        .key_stat p.st {
             font-size: 13px;
        }
        .key_stat:nth-child(4) p:nth-child(2)::before {
            font-size: 13px;
            transform: translate(-50%, -154%);
        }
        .key_stat p.bt {
            font-size: 2.175rem;
            margin-bottom: 11px;
        }
    }
}

@media (max-width: 1200px) {
    #esg {
        .s3 {
            .contain {
                .document {
                    .document_inner {
                        & {
                            
                            padding: .75em;
                        }
                        .img {
                            width: 20%;
                        }
                        .desc {
                            width: 80%;
                        }
                        p {
                            font-size: 16px;
                            line-height: 1.1em;
                        }
                    }
                }
                
            }     
        }
    }
    #strategy {
        .s3 {
           .contain {
              &{flex-direction: column-reverse;align-items: center;}
              .graph {
                  width: 100%;
                  max-width: 600px;
               }
              .graph_list {
                    &{
                        width: 100%;
                        border-bottom: 1px solid rgba(255,255,255, .3);
                        margin-bottom: 3rem;
                        padding: 0  1.5rem 3rem;
                    }
                }
           } 
        }
    }
}

@media (max-width: 1350px) {
    #portfolio {
        .s3,.s3b {
            .banner-image {
                height: 375px;
            }
            .bottom {
                .prev {
                    transform: rotate(90deg) translate(0%,-6px);
                }
                .next {
                    transform: rotate(-90deg) translate(0%,-6px);
                }
                .text {
                    padding:0 1.5rem;
                }
            }
        }
    }
}

@media (max-width:1100px) {
    #investment_strategy {
        .grid {
            .grid_item {
                width: 50%;
                margin-bottom: 4rem;
            }
            .grid_item:nth-child(3n + 3) {
                border-right: none;
            }
            .grid_item:nth-last-child(3) {
                margin-bottom: 4rem
            }
            .grid_item:nth-child(even) {
                border-right: 1px solid rgba(255,255,255,.35) !important;
            }
        }
    }
    #home {
        .s7 {
            .slick-arrow {
                top: 45%;
                height: 12px;
            }
            .slick-next {
                right: -22px;
            }
            .slick-prev {
                left: -22px;
            }
        }
    }
}

@media (max-width:987px) {
    .home-title {
        font-size: 4rem;
    }
    #invesment_strategy, #growth_infra {
        background-attachment: unset;
    }
    #home {
        .s1 .text_carousel {
            p {font-size: 2rem;}
        }
        .s7 {
            .slick-track {
                display: block;
            }
        }
        .s5, .s6 {
            background-attachment: unset;
        }
        .s5 {
            .esg_grid {
                & {
                    flex-direction: column;
                }
                .grid_item {
                    & {
                        width: 100%;
                        margin-bottom: 2rem;
                    }
                    .circle {
                        width: 200px;
                        height: 200px;
                        padding: 0 !important;
                        $flexCenter;
                    }
                }
            }
        }
        
    }
    .text-only .contain { 
        margin-bottom: 1rem;
    }
    #criteria {
        .grid {height: 250px;}
    }
    /************** esg *********************/
    #esg {
        .s4 {
            background-size: 90%;
        }
        .s5 {
            .esg_grid {
                & {
                    flex-direction: column;
                }
                .grid_item {
                    & {
                        width: 100%;
                        margin-bottom: 2rem;
                    }
                    .circle {
                        width: 200px;
                        height: 200px;
                        padding: 0 !important;
                        $flexCenter;
                    }
                }
            }
        }
        .s2 {
            .infographic {
                & {
                width: 400px;
                height: 400px;
                }
                .esg_title {
                    p {font-size: 1.2rem;}
                }
                .esg_toggle {
                    p {
                        font-size: 10px;
                    }
                    .open {
                        width: 20px;
                    }
                }
                .esg_toggle[data-id="1"] {
                    left: -96px;
                    width: 132px;
                }
                .esg_toggle[data-id="2"] {
                    right: -40px;
                    width: 75px;
                }
                .esg_toggle[data-id="3"] {
                    & {
                        bottom: -35px;
                    }
                   .open {
                       margin-bottom: .5rem;
                       height: 20px;
                   }
                }
                .content {
                    & {
                        width: 291px;
                        height: 291px;
                    }
                    .slide {
                        & {
                            width: 291px;
                            height: 291px;
                            padding: 1.5rem;
                            $flex;
                            $flexCenter;
                            flex-direction: column;
                        }
                        img {
                            width: 25px;
                        }
                        p {
                            font-size: 14px;
                            line-height: 1.3em;
                        }
                    }
                }
            }
        }
        .s3 {
            background-attachment: unset;
        }
    }
    /************** Portfolio Page ************/
    #portfolio {
        .s2 {
            .fx-slides {
                .portfolio {
                    width: 31%;
                    margin-right: 3%;
                }
                .portfolio:nth-child(4n+4){
                    margin-right: 3%;
                }
                .portfolio:nth-child(3n+3){
                    margin-right: 0%;
                }
            }
        }
        .s3,.s3b {
            
            .banner-image {
                height: 250px;
            }
            .bottom {
                & {
                    flex-direction: column;
                    padding-top: 3rem;
                }
                .text, .info {
                    padding: 1.5rem;
                    width: 100%;
                }
                .info {
                    &{
                        border-bottom: 1px solid $primary;
                        min-width: 300px;
                    }
                }
                .text {
                    border-left: none;
                }
            }
        }
    }
    /************** News Page ************/
    #news {
        .s2 {
            .fx-slides .document_inner {
                &{
                    flex-direction: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    text-align: left;
                }
                .doc_title {
                    margin: 0 0 1.5rem 0;
                    width: 100%;
                }
            }
            .fx-list {
                > div .fx-nav {
                    font-size: 12px;
                }
            }
        }
    }
    #strategy {
        .s4 {
            & {
                max-height: initial;
                min-height: initial !important;
            }
            .fx-list {
                display: none;
            }
            .fx-slides {
                display: none;
            }
            .fx-accordion {
                .fx-nav {
                    color: white;
                    background: $accent;
                    border-bottom: 1px solid rgba(255,255,255, .3);
                    padding: 1rem;
                }
                .fx-on, .fx-nav:hover {
                    color: $primary;
                }
                li {
                    color: black;
                    margin-bottom: 5px;
                }
                .fx-slide {
                   > div { 
                       padding: 1.5rem;
                   }
                   ul {
                       padding-left: 1.5rem;margin-top: 15px;
                   }
                }
            }
        }
        .criteria {
            .content {
                & {
                    margin-bottom: 3rem;
                    $flex;
                    justify-content: space-between;
                    align-items: flex-start;
                    flex-direction: column;
                }
                div:nth-child(1) {
                    & {width: 100%;}
                    ce {
                       text-align: left;
                    }
                }
                div:nth-child(2) {
                    width: 100%;
                    padding-left: 0rem;
                }
    
            }
        }
    }

    #firm {
        .s2 {
            #teamDesktopContainer, #teamMobileContainer {
                .slide {
                    .bioCont {flex-direction: column;}
                    .title_cont {width: 100%; border-right: none; border-bottom: solid 1px #073a6b; padding-right: 0; margin-bottom: 2rem;}
                    .personBio {width: 100%; padding-left: 0;}
                }
            }
            .culture {
                .contain > div {
                    & {height: auto; flex-direction: column; gap: 2rem; padding: 2rem 0;}
                    h4 {min-width: auto; padding-left: 0; text-align: center; padding-top: 6rem;}
                    h4::before {width: 80px; height: 80px; top: 0; left: 50%; transform: translateX(-50%);}
                    h4 br {display: none;}
                    p {max-width: none; text-align: center;}
                }
            }
        }
    }
}

@media (max-width:767px) {
    /**** globals *******/
    .sTitle_wrapper  {
        margin-bottom: 2.2rem;
    }
    .btn {
        &{padding: 1rem;font-size: 10px;}
        svg {display: none;}
    }
    .home-title {
        font-size: 2.5rem;
    }
    .inner .s1 {
        margin-top: 72px;
        max-height: 294px;
    }
    /***** Header *****/
    header,
    header.fixed {
        & {
            background: white;
        }
        .top_nav {display: none;}
        .contain {
            padding: 1em 0;
            align-items: center;
        }
        .menu_container {
            display: block;
        }
        #menu-btn:hover {
            background-color: $primary;
        }
        #menu_btn.active {
            i{
                top:5px;
                background-color: $primary;
            }
            i:nth-child(1){transform:rotate(45deg); width: 30px !important;}
            i:nth-child(2){opacity:0}
            i:nth-child(3){transform:rotate(-45deg); width: 30px !important;}
        }
        nav {
            & {
                position: fixed;
                height: 100vh;
                width: 100vw;
                z-index: 10;
                left: 0;
                top: 0;
            }
            .wrapper {
                position: fixed;
                top: 56%;
                width: 100%;
                text-align: center;
                cursor: pointer;
                $flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }
            a.mobile {display: inline-block;}
            a {
                position: relative;
                display: inline-block;
                transition-delay: 0s;
                opacity: 0;
                font-size: 1.3rem;
                transform: translate(0%, 100%);
                transition: opacity .2s ease, transform .3s ease;
                margin-bottom: 35px;
                color: $accent;
                margin-left: 0;
            }
        }
        nav:before,
        nav:after {
            content: "";
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: rgba(7, 58, 107, .6);
            z-index: -1;
            transition: transform cubic-bezier(.77, 0, .175, 1) .6s;
            transform: translateX(0%) translateY(-100%);
            left: 0;
            top: 0;
        }
        nav:after {
            background: rgba(243, 243, 243, 1);
            transition-delay: 0s;
        }
        nav:before {
            transition-delay: .1s;
        }
        .logo {
            &{
            max-width: 9.625em;
            height: 43px;
            min-height: initial;
            z-index: 100;
            }
            .logo_white {opacity: 0;}
            .logo_color {opacity: 1;}
        }
    }

    header#new {
        nav {
            .drop-down {
                .main {margin-left: 0;}
                span {display: none;}
                ul {display: none;}
            }
        }
    }

    header.active {
        nav {
            & {
                visibility: visible;
            }
            a.fade {
                opacity: 1;
                transform: translateX(0%);
                transition: opacity .3s ease, transform .3s ease, color .3s ease;
            }
        }
        nav:before,
        nav:after {
            transform: translateX(0%) translateY(0%);
        }
        nav:after {
            transition-delay: .1s;
        }
        nav:before {
            transition-delay: 0s;
        }
    }
    /********** footer *******/
    footer {
        .left {
            display: none;
        }
        .right { 
            & {
                width: 100%;
                padding-left: 0;
            }
            >div {
                align-items: flex-start;
            }
            .form {
                &{
                    margin:0 0 5rem 0;
                    flex-flow: wrap;
                    border-bottom: none;
                }
                form {
                    flex-direction: column;
                }
                p {
                    flex-grow: 2;
                    width: 100%;
                    border-right: none;
                }
                input {
                    padding: .7rem 1em.7rem 0;
                }
                input[type="text"] {
                    width: 100%;
                }
                .submit:after {
                    top: 30%;
                }
                .submit {
                   &{
                    padding:.3em 25px .3em 0;
                    margin-top: 10px;
                    width: initial;
                    height: 50px;
                   }
                   input {
                       font-size: 12px;
                   }
                }
                input[type="text"] {border-left: none;border-bottom: 1px solid $lightgrey;height: 50px;}
            }
            .copyright {
                text-align: left;
            }
        }
    }
    /********* Home *********/
    #home {
        footer {
            /* background-image: url(/i/Footer_mobile_Home.jpg); */
            background-image: url(/i/Footer_mobile_News.jpg);
        }
        .s1 {
            .text_carousel {
                p {font-size: 1.5rem;}
                .slide:nth-child(5) {
                    .home-title {
                        font-size: 2rem;
                    }
                }
            }
            .scroll svg {
                width: 20px;
            }
        }
        .s5 {
            .video_back {display: none;}
        }
        .s7 {
            .portfolio {
                max-width: initial;
                max-height: 250px;
            }
        }
    }
    /****** Strategy *******/
    #strategy {
        footer {
            /* background-image: url(/i/Footer_mobile_Strategy.jpg); */
        }
        .s1 {
            background-position: 60% center;
        }
        .s3 .big-text-section p {
            font-size: 1.125rem;
        }
    }
    /****** esg *******/
    #esg {
        footer {
            /* background-image: url(/i/Footer_mobile_ESG.jpg); */
        }
        .s2 {
            padding-bottom: 2.3125rem;
        }
        .infographic {display: none;}
        .s3 {
            .contain {
                .document{
                    & {
                        width: 100%;
                        margin-right: 0 !important;
                    }
                    .document_inner {
                        & {
                            text-align: center;
                            display: block;
                            height: initial;
                        }
                        .img {
                            width: 150px;
                            height: 50px; 
                            margin: auto;
                            margin-bottom: 1rem;
                        }
                        .desc {
                            border-left: none;
                            border-top: 1px solid $primary;
                            padding: 1rem 0 0 0;
                            margin: auto;
                            width: 100%;
                            max-width: 533px;
                        }
                    }
                }
                
            }     
        }
    }
    /****** Team ******/
    #team {
        footer {
            /* background-image: url(/i/tiger_team_footer.jpeg); */
        }
        #teamDesktopContainer {display: none;}
        #teamMobileContainer {
            & {display: block;}
            .fx-nav {
                width: 100%;
                margin: 0 1.5rem;
                max-width: 310px;
            }
            .teamMobileItem {
                & {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 1.5rem;
                }
            }
            .teamDeskBottom {
                & {
                    top: 76%;
                    width: 100%;
                    margin: 1rem auto 0;
                    max-width: 350px;
                    z-index: 5;
                }
                .title * {
                    font-size: 1.5rem;
                    line-height: 1.6rem;
                }
            }
            .teamMobileTop {
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative;
                margin: auto;
                overflow: hidden;
            }
            .teamItemImageContainer {
                width: 100%;
                max-width: 350px;
                position: relative;
            }
            .teamImage {
                width: 100%;
                max-width: 350px;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                position: absolute;
                transition: all.5s ease;
            }
            .teamImageOn {
                opacity: 0;
            }
            .teamImageOff {
                opacity: 1;
            }
        
            .tTitle {
                color: black;
                text-align: center;
            }
            .teamMobileContent {
                margin-bottom: 22px;
            }
            .bio {
                text-align: left;
                position: relative;
            }
            .slide .personBio {
                width: 100%;
                padding-left: 0;
            }
        }
        /************** Senior Advsior *************/
       
            .advisor {
                & {
                    margin-bottom: 0 !important;
                }
                .teamDeskBottom {
                    & {
                        height: auto;
                    }
                }
            }
        
        
    }
    /****** Sections *******/
    #investment_strategy {
        .grid {
            .grid_item {
                width: 100%;
                border: none !important;
                margin-bottom: 3rem !important;
            }
            .grid_item:nth-child(even) {
                border: none !important;
            }
        }
        .btn {
            margin-top: 3rem;
        }
    }
    #growth_infra {

        .grid {
            .grid_item {
                min-width: 125px;
                width: 47%;
            }
            .grid_item:nth-child(-n+6) {
                margin-bottom: 2.5rem;
            }
        }
    }
    #criteria {
        .grid {
            flex-direction: column;
            height: auto;
        }
        .grid_item {
            width: 100% !important;
            height: 150px;
        }
    }
    #contact {
        footer {
            /* background-image: url(/i/tiger_contact_footer.jpeg); */
        }
    }
    #contact-section {
        .map_info {
            .right {
                display: none;
            }
            .left {
                width: 100%;
                padding: 2.5rem 1.5rem;
            }
        }
        .nyc_info {
            border: none;
            border-bottom: 1px solid rgb(189,198,203);
        }
        .contain {
            .left, .right {
                width: 100%;
            }
            > div:nth-child(1) {
                order: 1;
            }
            > div:nth-child(2) {
                order: 3;
            }
            > div:nth-child(3) {
                order: 2;
            }
            > div:nth-child(4) {
                order: 4;
            }
        }
    }
    #news {
        footer {
            background-image: url(/i/Footer_mobile_News.jpg);
        }
    }
    #portfolio {
        footer {
            /* background-image: url(/i/Footer_mobile_Portfolio.jpg); */
        }
        .s2 {
            .fx-slides {
                .portfolio {
                    width: 48%;
                    margin-right: 0%;
                }
                .portfolio:nth-child(4n+4){
                    margin-right: inherit;
                }
                .portfolio:nth-child(3n+3){
                    margin-right: inherit;
                }
                .portfolio:nth-child(odd) {
                    margin-right: 4%;
                }
            }
        }
        .s3,.s3b {
            .banner-image {
                height:200px;
            }
        }
    }

    #firm {
        .s2 {
            .page-nav {margin-bottom: 4rem;}
            #teamMobileContainer {
                & {display: block;}
                .teamMobileItem {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    margin-bottom: 1.5rem;
                }
                .teamMobileTop {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    position: relative;
                    margin: auto;
                    overflow: hidden;
                }
                .teamItemImageContainer {
                    width: 100%;
                    max-width: 350px;
                    position: relative;
                }
                .teamDeskBottom {
                    margin: 1rem auto 0;
                    max-width: 350px;
                    z-index: 5;
                }
                .tTitle {
                    color: black;
                    text-align: center;
                }
            }
            #teamDesktopContainer {display: none;}
            .culture {
                .contain {padding-bottom: 0;}
                .contain > div {
                    & {gap: 1rem;}
                    h4 {font-size: 1rem; line-height: 1.4rem; letter-spacing: 4px; padding-top: 5rem;}
                    h4::before {width: 60px; height: 60px;}
                }
            }
        }
    }
}

@media (max-width: 600px) {
    #strategy {
        .s3 {
           .contain {
              .graph {
                  .top_right, .bottom_left {
                      font-size: 9px;
                      line-height: .8rem;
                  }
                  .title {
                      font-size: .5rem;
                  }
                  .x-axis {
                    bottom: -13%;
                    width: 100%;
                    left: 7px;
                  }
                  .bottom_left {
                      left: 14px;
                  }
               }
           } 
        }
    }
    #portfolio {
        .s3,.s3b {
            .bottom {       
                .arrow {
                    top: 25px;
                }
            }
        }
    }
}

@media (max-width:500px){
    #portfolio {
        .s2 {
            .fx-slides {
                .portfolio {
                    width: 100%;
                    max-width: initial;
                    margin: 1rem 0 !important;
                }
            }
        }
    }
	#esg, #home {
		.s5 {
			.left { padding-right:25px; text-align:center; }
			.right { padding-top:15px; width:100%; text-align:center; }
		}
	}

	#esg {
	.s4
		{
			.left2 { display:block; width:100%; }
			.right2 {
				&{display:block; width:100%; text-align:center; font-size:13px; line-height:1.2em; vertical-align:top; padding-top:25px; padding-left:0px;}
				.left2b { width:100%; display:block; vertical-align:top; padding-top:25px;}
				.right2b { width:100%; display:block; vertical-align:top; padding:50px 0 0 20px;}
				.l2bt { padding: 23px 20px 0 10px; }
			}
		}
	}
}

/* News thumb */
.news-thumb {
    position: relative;
    top: 8px;
}
.news-thumb img {
    max-width: 220px;
    border-radius: 20px;
    border: solid 2px #ada006;
}

@media (max-width: 767px) {
    .news-thumb img {
        max-width: 167px;
    }
}