@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*
        3.36%
        6.64%
        1.855%
        60%
        1.855%
        5.36%
        3.633%
    */

    .capabilities svg{
        max-height:100%;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
    }

    .capabilities .graph-major-groups{
        height:0;
        padding-top:3.36%;
        position:relative;
    }

    .capabilities .graph-skillset-groups{
        height:0;
        padding-top:6.64%;
        position:relative;
    }

    .capabilities .graph-minor-groups{
        height:0;
        padding-top:1.855%;
        position:relative;
    }

    .capabilities .flow-graph{
        height:0;
        padding-top:60%;
        position:relative;
    }

    .capabilities .graph-individual-groups{
        height:0;
        padding-top:1.855%;
        position:relative;
    }

    .capabilities .team-designation-bar{
        height:0;
        padding-top:5.36%;
        position:relative;
    }

    .capabilities .team-heading{
        height:0;
        padding-top:3.633%;
        position:relative;
    }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:768px){

}
body {
    overflow: hidden;
}
svg, text {
    font-family:'area-normal', sans-serif;
}
.team-icon {
    display: none !important;
}
.capabilities {
    padding: 2rem 0;
    width: 100%;
    overflow: hidden;
}
.capabilities .team div > h2 {
    font-weight: 700;
    font-size: 1.125rem;
}
.capabilities .team div > h3 {
    font-size: 1rem;
    margin-top: 0;
}
.capabilities h5,
.content-section h5 {
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0.75rem;
}
.capabilities .overview h5 {
    color: #3f51b5;
}
.capabilities .info-circle {
    color: #2a2a3d;
}
.capabilities .info-circle:before {
    font-size: 2.5rem;
}
.capabilities .info-circle:before {
    font-family: 'icomoon', serif !important;
    content: "\e904";
    display: inline-block;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.capabilities svg{
    width:100%;
}
.capabilities .category-toggle {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #828287;
    width: 288px;
}
.capabilities .category-toggle:after {
    clear: both;
    float: none;
    content: '';
    display: table;
}
.capabilities .category-toggle li {
    display: block;
    float: left;
    padding: 0.5em;
    width: 50%;
    max-width: 150px;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    transition: background-color 600ms ease;
}

@media (min-width: 768px) {
    .capabilities .team div > h2 {
        font-size: 1.375rem;
        font-weight: 600;
    }
}
@media (min-width: 1366px) {
    .capabilities .team div > h2 {
        font-size: 1.25rem;
    }
}
@media (min-width: 1440px) {
    .capabilities .team div > h2 {
        font-size: 1.375rem;
        font-weight: 600;
    }
}
@media (min-width: 1920px) {
    .capabilities .team div > h2 {
        font-size: 1.75rem;
        font-weight: 500;
    }
    .capabilities .team div > h3 {
        font-size: 1.125rem;
    }
    .team .member p {
        font-size: 1.125em;
    }
    .capabilities h5 {
        font-size: 1.25em;
    }
}
@media (min-width: 2560px) {
    .capabilities .team div > h2 {
        font-size: 2rem;
        font-weight: 500;
    }
    .capabilities .team div > h3 {
        font-size: 1.5rem;
        margin-top: 0.75rem;
    }
    .capabilities h5 {
        font-size: 1.25em;
    }
}

[data-section="capabilities"] .category-toggle li:nth-of-type(1),
[data-section="team"] .category-toggle li:nth-of-type(2) {
    background-color: #828287;
    color: #fff;
}
/* section based switches  */

[data-section="our-skills"] .flex_col .team,
[data-section="capabilities"] .flex_col .team,
[data-section="team"] .flex_col .capa,
[data-section="capabilities"] .flex_col.mobile-capabilities-view {
    display: none;
}

.capabilities .flex_container .flex_col svg {
    max-height: 800px;
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
}
.capabilities .flex_container .flex_col .graph-minor-groups svg,
.capabilities .flex_container .flex_col .graph-individual-groups svg {
    min-height: 8px;
}

.capabilities-selectors {
    padding: 0;
    margin: 0;
    display: block;
}

.capabilities-selectors li {
    margin: 0.23em 0.23em 0.57em 0.23em;
    display: inline-block;
    transition: opacity 600ms ease;
}

.capabilities-selectors img {
    display: inline-block;
    width: 45px;
    height: 45px;
}

@media screen and (min-width:375px){
    .capabilities-selectors img {
        width: 54px;
        height: 54px;
    }
}

@media screen and (min-width:414px){
    .capabilities-selectors img {
        width: 54px;
        height: 54px;
    }
}

.capabilities-selectors button {
    color: transparent;
    border-radius: 30px;
    padding: 0;
    outline-width: 0;
    line-height: 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 2px;
    transform: scale(0.95);
    transition: color 650ms ease, transform 350ms cubic-bezier(0.5, -0.6, 0.5, 6);
    cursor: pointer;
}

.capabilities .overview {
    margin-top: 28px;
}

.capabilities .capa div h2 {
    margin-top: 0;
    border-top-width: 0;
    border-top-style: solid;
    border-top-color: transparent;
}

.graph-skillset-groups svg > g,
.team-designation-bar svg > g {
    cursor: pointer;
}

/* graph opacities */

.graph-minor-groups svg > g > g,
.flow-graph svg > g > g,
.graph-individual-groups svg > g > g,
.team-designation-bar svg > g > g,
.graph-skillset-groups svg > g {
    opacity: 1;
    transition: opacity 600ms ease;
}

.graph-skillset-groups svg > g {
    opacity: 1;
}

.flow-graph svg > g > g {
    opacity: 0.5;
}

.graph-minor-groups svg > g > g.show,
.graph-individual-groups svg > g > g.show,
.team-designation-bar svg > g > g.show,
.graph-skillset-groups svg > g.show {
    opacity: 1;
}

.flow-graph svg > g.show > g {
    opacity: 0.75;
}
/* ============================================ capa section show hide start */

[data-section="team"] .flex_col > .capa,
[data-section="capabilities"] .flex_col > .team,
[data-section="our-skills"] .flex_col > .team,
[data-item] .capa > div,
[data-item] .team > div,
[data-item="overview"] .reset-interface {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 1000ms ease;
}

[data-item] .capa > div,
[data-item] .team > div{
    padding-bottom:0;
}

[data-section="team"] .flex_col > .team,
[data-section="capabilities"] .flex_col > .capa,
[data-item="overview"] .capa .overview,
[data-item="branding"] .capa .capabilities-branding,
[data-item="clientevents"] .capa .capabilities-clientevents,
[data-item="datavisualisations"] .capa .capabilities-datavisualisations,
[data-item="presentations"] .capa .capabilities-presentations,
[data-item="illustration"] .capa .capabilities-illustration,
[data-item="socialmediaandemails"] .capa .capabilities-socialmediaandemails,
[data-item="userexperiencedesign"] .capa .capabilities-userexperiencedesign,
[data-item="webdevelopment"] .capa .capabilities-webdevelopment,
[data-item="videoandanimation"] .capa .capabilities-videoandanimation,
[data-item="contentplanning"] .capa .capabilities-contentplanning,
[data-item="marketingstrategy"] .capa .capabilities-marketingstrategy,
[data-item="branding"] .mobile-team-view .branding,
[data-item="clientevents"] .mobile-team-view .clientevents,
[data-item="datavisualisations"] .mobile-team-view .datavisualisations,
[data-item="presentations"] .mobile-team-view .presentations,
[data-item="illustration"] .mobile-team-view .illustration,
[data-item="socialmediaandemails"] .mobile-team-view .socialmediaandemails,
[data-item="userexperiencedesign"] .mobile-team-view .userexperiencedesign,
[data-item="webdevelopment"] .mobile-team-view .webdevelopment,
[data-item="videoandanimation"] .mobile-team-view .videoandanimation,
[data-item="contentplanning"] .mobile-team-view .contentplanning,
[data-item="marketingstrategy"] .mobile-team-view .marketingstrategy,
[data-item="overview"] .team .overview,
[data-item="martinduee"] .team .martinduee,
[data-item="annareinbold"] .team .annareinbold,
[data-item="hampusbornebusch"] .team .hampusbornebusch,
[data-item="lottabornebusch"] .team .lottabornebusch,
[data-item="andredevilliers"] .team .andredevilliers {
    max-height: 875px;
    opacity: 1;
    position: relative;
    pointer-events:auto;
}

[data-item="martinduee"] .team .martinduee.member,
[data-item="annareinbold"] .team .annareinbold.member,
[data-item="hampusbornebusch"] .team .hampusbornebusch.member,
[data-item="lottabornebusch"] .team .lottabornebusch.member,
[data-item="andredevilliers"] .team .andredevilliers.member {
    padding-bottom: 1em;
    /*border-bottom: 1px solid #828287;*/
    border-bottom: 0;
}

.team .member p {
    font-size: 1em;
}

[data-item] .capa .capabilities-selectors li {
    opacity: 0.55;
}

[data-item="overview"] .capa .capabilities-selectors li,
[data-item="branding"] .capa .capabilities-selectors li.branding,
[data-item="clientevents"] .capa .capabilities-selectors li.clientevents,
[data-item="datavisualisations"] .capa .capabilities-selectors li.datavisualisations,
[data-item="presentations"] .capa .capabilities-selectors li.presentations,
[data-item="illustration"] .capa .capabilities-selectors li.illustration,
[data-item="socialmediaandemails"] .capa .capabilities-selectors li.socialmediaandemails,
[data-item="userexperiencedesign"] .capa .capabilities-selectors li.userexperiencedesign,
[data-item="webdevelopment"] .capa .capabilities-selectors li.webdevelopment,
[data-item="videoandanimation"] .capa .capabilities-selectors li.videoandanimation,
[data-item="contentplanning"] .capa .capabilities-selectors li.contentplanning,
[data-item="marketingstrategy"] .capa .capabilities-selectors li.marketingstrategy {
    opacity: 1;
}

/* ============================================ capa section show hide end*/

/* mobile team view */

.mobile-team-view ul {
    display: block;
    padding: 0;
    /*margin:1em 0 0 0;*/
    margin:0 0 0 0;
    position: relative;
    border-top: 1px solid transparent;
    width: 100%;
    transition: border-color 650ms ease;
}

.mobile-team-view ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 0.7em;
    padding-top: 0em;
    position: absolute;
    opacity: 0;
    pointer-events:none;
    cursor:pointer;
    transition: opacity 650ms ease;
    width:100%;
}

@media screen and (min-width:320px){
    .mobile-team-view ul li,
    .mobile-capabilities-view ul li{
        width:99%;
    }
}
@media screen and (min-width:768px){
    .mobile-team-view ul li,
    .mobile-capabilities-view ul li{
        width:49%;
    }
}
@media screen and (min-width:960px){
    .team .member p {
        font-size: 1.125em;
    }
}
@media screen and (min-width:1024px){
    .mobile-team-view ul li {
        width:99%;
    }
    .mobile-capabilities-view ul li{
        width:99%;
    }
}
@media screen and (min-width:1280px){
    .mobile-team-view ul li,
    .mobile-capabilities-view ul li{
        width:49%;
    }
}
@media screen and (min-width:1366px){
    .team .member p {
        font-size: 1em;
    }
}
@media screen and (min-width:1440px){
    .team .member p {
        font-size: 1.125em;
    }
}
@media (min-width: 2560px) {
    .team .member p {
        font-size: 1.25em;
    }
}

.mobile-team-view ul li img,
.mobile-team-view ul li h5,
.mobile-team-view ul li h6{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: top;
    height: 18px;
    font-weight: 400;
}

.mobile-team-view ul li h6{
    /*padding-left:55px;*/
    display:block;
    box-sizing:border-box;
}

.mobile-team-view ul li img{
    position:relative;
    top:10px;
    margin-right: 10px;
    height: 40px;
}

.mobile-team-view .branding {
    border-color: rgb(103, 228, 255);
}

.mobile-team-view .clientevents {
    border-color: rgb(228, 214, 255);
}

.mobile-team-view .datavisualisations {
    border-color: rgb(73, 94, 164);
}

.mobile-team-view .presentations {
    border-color: rgb(99, 201, 255);
}

.mobile-team-view .illustration {
    border-color: rgb(123, 123, 221);
}

.mobile-team-view .socialmediaandemails {
    border-color: rgb(135, 240, 245);
}

.mobile-team-view .userexperiencedesign {
    border-color: rgb(75, 146, 214);
}

.mobile-team-view .webdevelopment {
    border-color: rgb(39, 183, 255);
}

.mobile-team-view .videoandanimation {
    border-color: rgb(152, 172, 255);
}

.mobile-team-view .contentplanning {
    border-color: rgb(200, 240, 158);
}

.mobile-team-view .marketingstrategy {
    border-color: rgb(156, 235, 196);
}

.capabilities .capa .capabilities-branding h2 {border-color: rgb(103, 228, 255);}
.capabilities .capa .capabilities-clientevents h2 {border-color: rgb(228, 214, 255);}
.capabilities .capa .capabilities-datavisualisations h2 {border-color: rgb(73, 94, 164);}
.capabilities .capa .capabilities-presentations h2 {border-color: rgb(99, 201, 255);}
.capabilities .capa .capabilities-illustration h2 {border-color: rgb(123, 123, 221);}
.capabilities .capa .capabilities-socialmediaandemails h2 {border-color: rgb(135, 240, 245);}
.capabilities .capa .capabilities-userexperiencedesign h2 {border-color: rgb(75, 146, 214);}
.capabilities .capa .capabilities-webdevelopment h2 {border-color: rgb(39, 183, 255);}
.capabilities .capa .capabilities-videoandanimation h2 {border-color: rgb(152, 172, 255);}
.capabilities .capa .capabilities-contentplanning h2 {border-color: rgb(200, 240, 158);}
.capabilities .capa .capabilities-marketingstrategy h2 {border-color: rgb(156, 235, 196);}

[data-item="branding"] .branding button {color: rgb(103, 228, 255);transform: scale(1.05);}
[data-item="clientevents"] .clientevents button {color: rgb(228, 214, 255);transform: scale(1.05);}
[data-item="datavisualisations"] .datavisualisations button {color: rgb(73, 94, 164);transform: scale(1.05);}
[data-item="presentations"] .presentations button {color: rgb(99, 201, 255);transform: scale(1.05);}
[data-item="illustration"] .illustration button {color: rgb(123, 123, 221);transform: scale(1.05);}
[data-item="socialmediaandemails"] .socialmediaandemails button {color: rgb(135, 240, 245);transform: scale(1.05);}
[data-item="userexperiencedesign"] .userexperiencedesign button {color: rgb(75, 146, 214);transform: scale(1.05);}
[data-item="webdevelopment"] .webdevelopment button {color: rgb(39, 183, 255);transform: scale(1.05);}
[data-item="videoandanimation"] .videoandanimation button {color: rgb(152, 172, 255);transform: scale(1.05);}
[data-item="contentplanning"] .contentplanning button {color: rgb(200, 240, 158);transform: scale(1.05);}
[data-item="marketingstrategy"] .marketingstrategy button {color: rgb(156, 235, 196);transform: scale(1.05);}

[data-item="branding"] .capa .capabilities-branding,
[data-item="clientevents"] .capa .capabilities-clientevents,
[data-item="datavisualisations"] .capa .capabilities-datavisualisations,
[data-item="presentations"] .capa .capabilities-presentations,
[data-item="illustration"] .capa .capabilities-illustration,
[data-item="socialmediaandemails"] .capa .capabilities-socialmediaandemails,
[data-item="userexperiencedesign"] .capa .capabilities-userexperiencedesign,
[data-item="webdevelopment"] .capa .capabilities-webdevelopment,
[data-item="videoandanimation"] .capa .capabilities-videoandanimation,
[data-item="contentplanning"] .capa .capabilities-contentplanning,
[data-item="marketingstrategy"] .capa .capabilities-marketingstrategy{
    padding-bottom:1em;border-bottom-width:0; border-bottom-style:solid; border-bottom-color:transparent;
}

@media screen and (min-width:768px){
    .capabilities .capa .capabilities-branding{
        border-color: rgb(103, 228, 255);
    }
    .capabilities .capa .capabilities-clientevents{
        border-color: rgb(228, 214, 255);
    }
    .capabilities .capa .capabilities-datavisualisations{
        border-color: rgb(73, 94, 164);
    }
    .capabilities .capa .capabilities-presentations{
        border-color: rgb(99, 201, 255);
    }
    .capabilities .capa .capabilities-illustration{
        border-color: rgb(123, 123, 221);
    }
    .capabilities .capa .capabilities-socialmediaandemails{
        border-color: rgb(135, 240, 245);
    }
    .capabilities .capa .capabilities-userexperiencedesign{
        border-color: rgb(75, 146, 214);
    }
    .capabilities .capa .capabilities-webdevelopment{
        border-color: rgb(39, 183, 255);
    }
    .capabilities .capa .capabilities-videoandanimation{
        border-color: rgb(152, 172, 255);
    }
    .capabilities .capa .capabilities-contentplanning{
        border-color: rgb(200, 240, 158);
    }
    .capabilities .capa .capabilities-marketingstrategy{
        border-color: rgb(156, 235, 196);
    }
}

.flex_container .flex_col.mobile-capabilities-view {
    width: 100%;
}

.mobile-capabilities-view ul {
    width: 100%;
    display: block;
    padding-left: 0;
}

.mobile-capabilities-view ul li {
    /*font-size: 87.5%;*/
    display: inline-block;
    padding: 0.25em 0.75em 0.5em;
    transition: opacity 300ms ease;
    opacity:0;
    position:absolute;
    pointer-events:none;
    cursor:pointer;
}

[data-item="martinduee"] .mobile-capabilities-view .martinduee,
[data-item="annareinbold"] .mobile-capabilities-view .annareinbold,
[data-item="hampusbornebusch"] .mobile-capabilities-view .hampusbornebusch,
[data-item="lottabornebusch"] .mobile-capabilities-view .lottabornebusch,
[data-item="andredevilliers"] .mobile-capabilities-view .andredevilliers {
    position: static;
    opacity: 1;
    pointer-events: auto;
}

/* mobile capabilities */

.mobile-capabilities-view ul li{
    line-height:1;
}

.mobile-capabilities-view ul li img {
    position:relative;
    left:-8px;
    top:20px;
    width: 54px;
    margin-right: 15px;
    vertical-align: unset;
}

/* desktop team view */

.desktop-team-view {
    margin: 1em 0 0 0;
    padding: 0;
    display: block;
}

.desktop-team-view li {
    margin-bottom: 0.25em;
    display: inline-block;
    transition: opacity 600ms ease;
    width: 40px;
    height: 40px;
    border-radius: 32px;
    text-align: center;
    margin: 5px;
    cursor: pointer;
}

.desktop-team-view li img {

}

.desktop-team-view h5,
.desktop-team-view h6 {
    display: none;
}
/* team view switches */

@media screen and (min-width:320px){

    [data-section="capabilities"] .mobile-team-view ul:before{
        content:'Team';
        display:block;
        font-weight: 700;
    }

    [data-section="our-skills"] .mobile-team-view ul:before{
        content:'Team';
        display:block;
        font-weight: 700;
    }

    [data-section="team"] .mobile-capabilities-view ul:before{
        content:'Capabilities';
        display:block;
        font-weight: 700;
    }

    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before,
    [data-section="team"] .mobile-capabilities-view ul:before{
        font-size: 1.1875em;
    }

    [data-item="overview"] .mobile-team-view ul:before,
    [data-item="overview"] .mobile-capabilities-view ul:before{
        display:none;
    }

    .mobile-team-view ul li h5{
        font-size:1em;
        position:relative;
        top: 10px;
    }
    .mobile-team-view ul li h6{
        font-size:0.875em;
        margin-top:0.35em;
        /*
        height:1.4em;
        position: relative;
        top: -10px;
        */
    }

    .capabilities .capa div h2 {
        font-size: 1.125rem;
        padding-top:0.75em;
        font-weight: 700;
    }
    .capabilities-selectors{
        margin-bottom:2rem;
    }
}

@media screen and (min-width: 768px) {
    .capabilities .flex_container .flex_col {
        width: 100%;
    }
    .capabilities .flex_container .flex_col section {
        height: auto;
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .mobile-capabilities-view ul li {
        font-size: 1rem;
    }
    .graph-skillset-groups {
        margin-top: 15px;
        margin-bottom: 6px;
    }
    .graph-minor-groups,
    .graph-individual-groups {
        min-height: 8px;
    }
    .flow-graph,
    .graph-individual-groups {
        margin-top: -1px;
    }
    .team-designation-bar {
        margin-top: 6px;
    }

    .capabilities .capa div h2 {
        font-size: 1.25rem;
        font-weight: 600;
        margin-top: 0;
        padding-top:0;
        border-top-width: 0;
        border-top-style: none;
        border-top-color: transparent;
    }

    .mobile-team-view ul li h5{
        font-size: 1em;
    }
    .mobile-team-view ul li h6{
        font-size: 0.875em;
    }

    .capabilities-selectors{
        margin-bottom:0;
    }
    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before,
    [data-section="team"] .mobile-capabilities-view ul:before{
        font-size: 1.125em;
    }

    [data-section="capabilities"] .mobile-team-view ul:before{
        margin-bottom: 0.3rem;
    }
}

@media screen and (min-width:1024px){
    .mobile-capabilities-view ul li {
        font-size: 0.875rem;
    }
    .mobile-capabilities-view ul li img {
        top: 14px;
        width: 40px;
        margin-right: 0;
    }
}

@media screen and (min-width:1280px) {
    .mobile-capabilities-view ul li {
        font-size: 0.825rem;
    }
}
@media screen and (min-width:1366px) {
    .capabilities .capa div h2 {
        font-size: 1.25rem;
    }
    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before,
    [data-section="team"] .mobile-capabilities-view ul:before{
        font-size: 1em;
    }
    .capabilities .category-toggle {
        display: none;
    }
    .capabilities .graph-major-groups,
    .capabilities .graph-minor-groups,
    .capabilities .graph-groups {
        display: block;
    }
}

@media screen and (min-width:1440px){
    .capabilities .capa div h2 {
        font-size: 1.375rem;
    }
    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before,
    [data-section="team"] .mobile-capabilities-view ul:before{
        font-size: 1.125em;
    }
    .mobile-capabilities-view ul li {
        font-size: 0.875rem;
    }
}

@media screen and (min-width:1920px){
    .capabilities .capa div h2 {
        font-size: 1.75rem;
        font-weight: 500;
    }
    .mobile-capabilities-view ul li {
        font-size: 1rem;
    }
    .mobile-capabilities-view ul li img {
        top:20px;
        width: 54px;
        margin-right: 15px;
    }
    .mobile-team-view ul li h5{
        font-size: 1.25rem;
        position: static;
    }
    .mobile-team-view ul li h6{
        font-size:1rem;
        height:1.75em;
    }
    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before,
    [data-section="team"] .mobile-capabilities-view ul:before{
        font-size: 1.625em;
        font-weight: 500;
    }
    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before{
        margin-bottom: 1rem;
    }
}

@media screen and (min-width:2560px){
    .capabilities .capa div h2 {
        font-size: 2rem;
        font-weight: 500;
    }
    .mobile-capabilities-view ul li {
        font-size: 1.125rem;
    }
    .mobile-team-view ul li h6{
        font-size:1.125rem;
    }

    [data-section="capabilities"] .mobile-team-view ul:before,
    [data-section="our-skills"] .mobile-team-view ul:before,
    [data-section="team"] .mobile-capabilities-view ul:before{
        font-size: 2rem;
        font-weight: 500;
    }
}

.flex_container .flex_col.reset-interface {
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.flex_container .flex_col.reset-interface img,
.flex_container .flex_col.reset-interface h5 {
    display: inline-block;
    height: 18px;
    position: relative;
}

.flex_container .flex_col.reset-interface img {
    top: 4px;
    margin-right: 0.5em;
}
/* das item states */
/* on click/tap switch everything off */
[data-item="branding"] .graph-skillset-groups g,
[data-item="clientevents"] .graph-skillset-groups g,
[data-item="datavisualisations"] .graph-skillset-groups g,
[data-item="presentations"] .graph-skillset-groups g,
[data-item="illustration"] .graph-skillset-groups g,
[data-item="socialmediaandemails"] .graph-skillset-groups g,
[data-item="userexperiencedesign"] .graph-skillset-groups g,
[data-item="webdevelopment"] .graph-skillset-groups g,
[data-item="videoandanimation"] .graph-skillset-groups g,
[data-item="contentplanning"] .graph-skillset-groups g,
[data-item="marketingstrategy"] .graph-skillset-groups g,
[data-item="martinduee"] .graph-skillset-groups g,
[data-item="annareinbold"] .graph-skillset-groups g,
[data-item="hampusbornebusch"] .graph-skillset-groups g,
[data-item="lottabornebusch"] .graph-skillset-groups g,
[data-item="andredevilliers"] .graph-skillset-groups g,

[data-item="branding"] .graph-minor-groups svg > g > g,
[data-item="clientevents"] .graph-minor-groups svg > g > g,
[data-item="datavisualisations"] .graph-minor-groups svg > g > g,
[data-item="presentations"] .graph-minor-groups svg > g > g,
[data-item="illustration"] .graph-minor-groups svg > g > g,
[data-item="socialmediaandemails"] .graph-minor-groups svg > g > g,
[data-item="userexperiencedesign"] .graph-minor-groups svg > g > g,
[data-item="webdevelopment"] .graph-minor-groups svg > g > g,
[data-item="videoandanimation"] .graph-minor-groups svg > g > g,
[data-item="contentplanning"] .graph-minor-groups svg > g > g,
[data-item="marketingstrategy"] .graph-minor-groups svg > g > g,
[data-item="martinduee"] .graph-minor-groups svg > g > g,
[data-item="annareinbold"] .graph-minor-groups svg > g > g,
[data-item="hampusbornebusch"] .graph-minor-groups svg > g > g,
[data-item="lottabornebusch"] .graph-minor-groups svg > g > g,
[data-item="andredevilliers"] .graph-minor-groups svg > g > g,

[data-item="branding"] .graph-individual-groups svg > g > g,
[data-item="clientevents"] .graph-individual-groups svg > g > g,
[data-item="datavisualisations"] .graph-individual-groups svg > g > g,
[data-item="presentations"] .graph-individual-groups svg > g > g,
[data-item="illustration"] .graph-individual-groups svg > g > g,
[data-item="socialmediaandemails"] .graph-individual-groups svg > g > g,
[data-item="userexperiencedesign"] .graph-individual-groups svg > g > g,
[data-item="webdevelopment"] .graph-individual-groups svg > g > g,
[data-item="videoandanimation"] .graph-individual-groups svg > g > g,
[data-item="contentplanning"] .graph-individual-groups svg > g > g,
[data-item="marketingstrategy"] .graph-individual-groups svg > g > g,
[data-item="martinduee"] .graph-individual-groups svg > g > g,
[data-item="annareinbold"] .graph-individual-groups svg > g > g,
[data-item="hampusbornebusch"] .graph-individual-groups svg > g > g,
[data-item="lottabornebusch"] .graph-individual-groups svg > g > g,
[data-item="andredevilliers"] .graph-individual-groups svg > g > g{
    opacity:0.55;
}

[data-item="branding"] .graph-individual-groups svg > g > g,
[data-item="clientevents"] .graph-individual-groups svg > g > g,
[data-item="datavisualisations"] .graph-individual-groups svg > g > g,
[data-item="presentations"] .graph-individual-groups svg > g > g,
[data-item="illustration"] .graph-individual-groups svg > g > g,
[data-item="socialmediaandemails"] .graph-individual-groups svg > g > g,
[data-item="userexperiencedesign"] .graph-individual-groups svg > g > g,
[data-item="webdevelopment"] .graph-individual-groups svg > g > g,
[data-item="videoandanimation"] .graph-individual-groups svg > g > g,
[data-item="contentplanning"] .graph-individual-groups svg > g > g,
[data-item="marketingstrategy"] .graph-individual-groups svg > g > g,
[data-item="martinduee"] .graph-individual-groups svg > g > g,
[data-item="annareinbold"] .graph-individual-groups svg > g > g,
[data-item="hampusbornebusch"] .graph-individual-groups svg > g > g,
[data-item="lottabornebusch"] .graph-individual-groups svg > g > g,
[data-item="andredevilliers"] .graph-individual-groups svg > g > g{
    filter: blur(4px);
    -webkit-filter: blur(4px);
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

[data-item="branding"] .flow-graph svg g g,
[data-item="clientevents"] .flow-graph svg g g,
[data-item="datavisualisations"] .flow-graph svg g g,
[data-item="presentations"] .flow-graph svg g g,
[data-item="illustration"] .flow-graph svg g g,
[data-item="socialmediaandemails"] .flow-graph svg g g,
[data-item="userexperiencedesign"] .flow-graph svg g g,
[data-item="webdevelopment"] .flow-graph svg g g,
[data-item="videoandanimation"] .flow-graph svg g g,
[data-item="contentplanning"] .flow-graph svg g g,
[data-item="marketingstrategy"] .flow-graph svg g g,
[data-item="martinduee"] .flow-graph svg g g,
[data-item="annareinbold"] .flow-graph svg g g,
[data-item="hampusbornebusch"] .flow-graph svg g g,
[data-item="lottabornebusch"] .flow-graph svg g g,
[data-item="andredevilliers"] .flow-graph svg g g {
    opacity:0.15;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    transform: translate3d(0, 0, 0);
    will-change: transform;
}

[data-item="branding"] .team-designation-bar svg > g > g,
[data-item="clientevents"] .team-designation-bar svg > g > g,
[data-item="datavisualisations"] .team-designation-bar svg > g > g,
[data-item="presentations"] .team-designation-bar svg > g > g,
[data-item="illustration"] .team-designation-bar svg > g > g,
[data-item="socialmediaandemails"] .team-designation-bar svg > g > g,
[data-item="userexperiencedesign"] .team-designation-bar svg > g > g,
[data-item="webdevelopment"] .team-designation-bar svg > g > g,
[data-item="videoandanimation"] .team-designation-bar svg > g > g,
[data-item="contentplanning"] .team-designation-bar svg > g > g,
[data-item="marketingstrategy"] .team-designation-bar svg > g > g,
[data-item="martinduee"] .team-designation-bar svg > g > g,
[data-item="annareinbold"] .team-designation-bar svg > g > g,
[data-item="hampusbornebusch"] .team-designation-bar svg > g > g,
[data-item="lottabornebusch"] .team-designation-bar svg > g > g,
[data-item="andredevilliers"] .team-designation-bar svg > g > g{
    opacity:0.35;
}

[data-item="branding"] .graph-skillset-groups .branding,
[data-item="branding"] .graph-minor-groups .branding,
[data-item="branding"] .graph-individual-groups .branding,
[data-item="branding"] .team-designation-bar .branding,

[data-item="clientevents"] .graph-skillset-groups .clientevents,
[data-item="clientevents"] .graph-minor-groups .clientevents,
[data-item="clientevents"] .graph-individual-groups .clientevents,
[data-item="clientevents"] .team-designation-bar .clientevents,

[data-item="datavisualisations"] .graph-skillset-groups .datavisualisations,
[data-item="datavisualisations"] .graph-minor-groups .datavisualisations,
[data-item="datavisualisations"] .graph-individual-groups .datavisualisations,
[data-item="datavisualisations"] .team-designation-bar .datavisualisations,

[data-item="presentations"] .graph-skillset-groups .presentations,
[data-item="presentations"] .graph-minor-groups .presentations,
[data-item="presentations"] .graph-individual-groups .presentations,
[data-item="presentations"] .team-designation-bar .presentations,

[data-item="illustration"] .graph-skillset-groups .illustration,
[data-item="illustration"] .graph-minor-groups .illustration,
[data-item="illustration"] .graph-individual-groups .illustration,
[data-item="illustration"] .team-designation-bar .illustration,

[data-item="socialmediaandemails"] .graph-skillset-groups .socialmediaandemails,
[data-item="socialmediaandemails"] .graph-minor-groups .socialmediaandemails,
[data-item="socialmediaandemails"] .graph-individual-groups .socialmediaandemails,
[data-item="socialmediaandemails"] .team-designation-bar .socialmediaandemails,

[data-item="userexperiencedesign"] .graph-skillset-groups .userexperiencedesign,
[data-item="userexperiencedesign"] .graph-minor-groups .userexperiencedesign,
[data-item="userexperiencedesign"] .graph-individual-groups .userexperiencedesign,
[data-item="userexperiencedesign"] .team-designation-bar .userexperiencedesign,

[data-item="webdevelopment"] .graph-skillset-groups .webdevelopment,
[data-item="webdevelopment"] .graph-minor-groups .webdevelopment,
[data-item="webdevelopment"] .graph-individual-groups .webdevelopment,
[data-item="webdevelopment"] .team-designation-bar .webdevelopment,

[data-item="videoandanimation"] .graph-skillset-groups .videoandanimation,
[data-item="videoandanimation"] .graph-minor-groups .videoandanimation,
[data-item="videoandanimation"] .graph-individual-groups .videoandanimation,
[data-item="videoandanimation"] .team-designation-bar .videoandanimation,

[data-item="contentplanning"] .graph-skillset-groups .contentplanning,
[data-item="contentplanning"] .graph-minor-groups .contentplanning,
[data-item="contentplanning"] .graph-individual-groups .contentplanning,
[data-item="contentplanning"] .team-designation-bar .contentplanning,

[data-item="marketingstrategy"] .graph-skillset-groups .marketingstrategy,
[data-item="marketingstrategy"] .graph-minor-groups .marketingstrategy,
[data-item="marketingstrategy"] .graph-individual-groups .marketingstrategy,
[data-item="marketingstrategy"] .team-designation-bar .marketingstrategy,

[data-item="martinduee"] .graph-skillset-groups .martinduee,
[data-item="martinduee"] .graph-minor-groups .martinduee,
[data-item="martinduee"] .graph-individual-groups .martinduee,
[data-item="martinduee"] .team-designation-bar .martinduee,

[data-item="annareinbold"] .graph-skillset-groups .annareinbold,
[data-item="annareinbold"] .graph-minor-groups .annareinbold,
[data-item="annareinbold"] .graph-individual-groups .annareinbold,
[data-item="annareinbold"] .team-designation-bar .annareinbold,

[data-item="hampusbornebusch"] .graph-skillset-groups .hampusbornebusch,
[data-item="hampusbornebusch"] .graph-minor-groups .hampusbornebusch,
[data-item="hampusbornebusch"] .graph-individual-groups .hampusbornebusch,
[data-item="hampusbornebusch"] .team-designation-bar .hampusbornebusch,

[data-item="lottabornebusch"] .graph-skillset-groups .lottabornebusch,
[data-item="lottabornebusch"] .graph-minor-groups .lottabornebusch,
[data-item="lottabornebusch"] .graph-individual-groups .lottabornebusch,
[data-item="lottabornebusch"] .team-designation-bar .lottabornebusch,

[data-item="andredevilliers"] .graph-skillset-groups .andredevilliers,
[data-item="andredevilliers"] .graph-minor-groups .andredevilliers,
[data-item="andredevilliers"] .graph-individual-groups .andredevilliers,
[data-item="andredevilliers"] .team-designation-bar .andredevilliers{
    opacity:1 !important;
    filter: none !important;
}

[data-item="branding"] .flow-graph .branding > g,
[data-item="clientevents"] .flow-graph .clientevents > g,
[data-item="datavisualisations"] .flow-graph .datavisualisations > g,
[data-item="presentations"] .flow-graph .presentations > g,
[data-item="illustration"] .flow-graph .illustration > g,
[data-item="socialmediaandemails"] .flow-graph .socialmediaandemails > g,
[data-item="userexperiencedesign"] .flow-graph .userexperiencedesign > g,
[data-item="webdevelopment"] .flow-graph .webdevelopment > g,
[data-item="videoandanimation"] .flow-graph .videoandanimation > g,
[data-item="contentplanning"] .flow-graph .contentplanning > g,
[data-item="marketingstrategy"] .flow-graph .marketingstrategy > g,
[data-item="martinduee"] .flow-graph .martinduee,
[data-item="annareinbold"] .flow-graph .annareinbold,
[data-item="hampusbornebusch"] .flow-graph .hampusbornebusch,
[data-item="lottabornebusch"] .flow-graph .lottabornebusch,
[data-item="andredevilliers"] .flow-graph .andredevilliers {
    opacity:0.85 !important;
    filter: none !important;
}

[data-item="martinduee"] .team .desktop-team-view .martinduee {
    background: linear-gradient(to bottom right, #673AB7, #3F51B5, #2196F3, #4FC3F7, #80DEEA, #78E6CE, #AED581, #CDDC39);
}

[data-item="annareinbold"] .team .desktop-team-view .annareinbold {
    background: linear-gradient(to bottom right, #673AB7, #3F51B5, #4FC3F7, #78E6CE, #9FA8DA, #B39DDB, #F0B9F1, #CDDC39);
}

[data-item="hampusbornebusch"] .team .desktop-team-view .hampusbornebusch {
    background: linear-gradient(to bottom right, #673AB7, #3F51B5, #4FC3F7, #80DEEA, #78E6CE, #9FA8DA, #F0B9F1);
}

[data-item="lottabornebusch"] .team .desktop-team-view .lottabornebusch {
    background: linear-gradient(to bottom right, #78E6CE, #F0B9F1, #AED581, #CDDC39);
}

[data-item="andredevilliers"] .team .desktop-team-view .andredevilliers {
    background: linear-gradient(to bottom right, #3F51B5, #2196F3, #78E6CE);
}

[data-item="martinduee"] .desktop-team-view .martinduee img,
[data-item="annareinbold"] .desktop-team-view .annareinbold img,
[data-item="hampusbornebusch"] .desktop-team-view .hampusbornebusch img,
[data-item="lottabornebusch"] .desktop-team-view .lottabornebusch img,
[data-item="andredevilliers"] .desktop-team-view .andredevilliers img {
    -webkit-filter: brightness(3);
    filter: brightness(3);
}

@media screen and (min-width:1024px){
    .capabilities .flex_container .flex_col:nth-child(1){
        width:70%;
    }
    .capabilities .flex_container .flex_col:nth-child(2){
        width:30%;
        padding-top: 2em;
    }
    .capabilities .flex_container .flex_col:nth-child(3){
        width:100%;
    }
}

@media screen and (min-width:1280px){
    .capabilities .flex_container .flex_col:nth-child(1){
        width:60%;
    }
    .capabilities .flex_container .flex_col:nth-child(2){
        width:40%;
    }
    .capabilities .flex_container .flex_col .display-desktop {
        position: absolute;
        bottom: 0; left: 0;
        padding: 0 2rem 0.5rem 1rem;
    }
}

@media screen and (min-width:1366px){
    .capabilities .flex_container .flex_col .display-desktop {
        padding: 0 2rem 0.75rem 2.75rem;
    }
    .capabilities .flex_container .flex_col .display-desktop h5 {
        font-size: 1rem;
    }
}

@media screen and (min-width:1440px){
    .capabilities .flex_container .flex_col:nth-child(2){
        padding-top: 2em;
    }
    .capabilities .flex_container .flex_col .display-desktop {
        padding: 0 3rem 1rem 2.75rem;
    }
    .capabilities .flex_container .flex_col .display-desktop h5 {
        font-size: 1.125rem;
    }
}

@media screen and (min-width:1920px){
    .capabilities .flex_container .flex_col:nth-child(1){
        width:60%;
    }
    .capabilities .flex_container .flex_col:nth-child(2){
        width:40%;
        padding-top: 2em;
    }
}

[data-item] .team .mobile-capabilities-view,
[data-item] .capa .mobile-team-view{
    max-height:800px;
    opacity:1;
}

[data-item] .team .mobile-capabilities-view{

}

/* @max width to make sure the capabilities selectors are 6 per row... */
@media screen and (min-width:600px){
    .capa .capabilities-selectors.mobile{
        width:auto;
    }
}

#capabilities-extra img {
    max-height: 100px;
}

#capabilities-extra .card .card-text {
    font-size: 0.875rem;
    color: #505054;
    line-height: 1.3;
}

section.team-members .row.grid + .row.grid {
    padding-top: 0;
}
section.team-members .content h4 {
    font-size: 1.75rem;
    color: #2a2a3d;
    margin: 0;
    padding: 3rem 1rem 2rem 1rem;
}
section.team-members .dark-background {
    background-color: #0a4169;
    color: #ffffff;
}
section.team-members .light-background {
    background-color: #fafafa;
    color: #2a2a3d;
}
section.team-members .team-member .team-header {
    display: flex;
    /*margin-bottom: 25px;*/
}
section.team-members .team-member .team-header .team-image img {
    /*max-width: 40%;*/
    display: inline-block;
    align-self: center;
}
section.team-members .team-member .team-header .team-headings h2 {
    margin-bottom: 0;
    font-size: 1.375rem;
}
section.team-members .team-member .team-header .team-headings h3 {
    margin-top: 8px;
    font-size: 1rem;
    /*color: #2a2a3d;*/
}
section.team-members .team-member .team-header .team-headings {
    display: inline-block;
    align-self: center;
    /*padding-left: 25px;*/
}
section.team-members .team-member .team-description,
section.team-members .team-member .team-description p {
    font-size: 1rem;
    line-height: 1.5rem;
}
section.team-members .team-member .team-description h2,
section.team-members .team-member .team-description h3 {
    display: none;
}
@media screen and (min-width: 768px) {
    #capabilities-extra .card .card-text {
        font-size: 0.875rem;
    }
}
@media screen and (min-width: 960px) {
    section.team-members .team-member .team-header .team-image img {
        max-width: 100%;
    }
}
@media (min-width: 1280px) {
    #capabilities-extra .card .card-title {
        font-size: 1.125rem; }
    #capabilities-extra .card .card-text {
        font-size: 1rem;
    }
    section.team-members .content h4 {
        font-size: 2.1875rem;
        color: #2a2a3d;
        margin: 0;
        padding: 3rem 1rem 2rem 1rem;
    }
    section.team-members .team-member .team-description,
    section.team-members .team-member .team-description p {
        font-size: 1.125rem;
    }
}
@media (min-width: 2560px) {
    #capabilities-extra .card .card-title {
        font-size: 1.625rem; }
    #capabilities-extra .card .card-text {
        font-size: 1.25rem;
    }
    section.team-members .content h4 {
        font-size: 2rem;
    }
    section.team-members .team-member .team-header .team-headings h2 {
        font-size: 1.5rem;
    }
    section.team-members .team-member .team-header .team-headings h3 {
        font-size: 1.125rem;
    }
    section.team-members .team-member .team-description,
    section.team-members .team-member .team-description p {
        font-size: 1.25rem;
    }
}