/* 

***************
date: 11.07.2022
version 2.0

*********

*********
COLORS

White       #FFFFFF
Axinom Blue #00467D
Lite Blue   #28AAE1
Mid Blue    #1478AF
Red         #F06E55
Orange      #FA961E
Green       #96C841
Yellow      #FFC81E

Lite Grey   #F5F5F5

Buttons     #96C841
Buttons:hover #648C1F

**********************
columnContainer = 936px width
columnContainerBig = 1536px width

*/
    /* EAS */

    .easContainer {
        float: right;
        margin-right: 112px;
        width: 96px;
        padding: 12px 16px;
        top: 0px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 0px 0px 24px 24px;
        cursor: pointer;
    }

    .easContainer>img {
        width: 100%;
        max-width: 94px;
        display: block;
        margin: auto;
    }

    .easContainer:hover {
        background: rgba(255, 255, 255, 0.5);
    }

    /* LINKS */

    a.btnLink,
    .btnLink {
        text-decoration: none;
        width: fit-content;
        width: -moz-fit-content;
        width: -webkit-fit-content;
    }

    a.flex,
    a.flexFront {
        display: flex;
        text-decoration: none;
    }

    a.flexFrontHot {
        display: grid;
        min-width: 13%;
        max-width: 35%;
        text-decoration: none;
    }

    a.logo {
        opacity: 50%;
        cursor: pointer;
    }

    a.logo:hover {
        opacity: 100%;
        cursor: pointer;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
    }

    a.team {
        color: #fff;
        /*border-bottom: 1px solid rgba(255, 255, 255, .3);*/
        font-family: Fira Sans;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        margin: 0;
        -webkit-transition: color .3s ease, border-color .3s ease, transform .3s ease;
        transition: color .3s ease, border-color .3s ease, transform .3s ease;
    }

    a.teamImg {
        display: block;
        width: 200px;
        height: 200px;
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
        margin: auto;
    }

    a.team:hover {
        cursor: pointer;
        transform: scale(1.05);
        -webkit-transition: color .3s ease, border-color .3s ease, transform .3s ease;
        transition: color .3s ease, border-color .3s ease, transform .3s ease;
        /*border-bottom: 1px solid rgba(255, 255, 255, 0);*/
        background: rgba(255, 255, 255, 0.15);
    }

    a.teamImg:hover {
        cursor: pointer;
        transform: scale(1.05);
        -webkit-transition: color .3s ease, transform .3s ease;
        transition: color .3s ease, transform .3s ease;
    }

    .tile {
        display: flex;
        text-decoration: none;
        width: 18%;
        max-width: 440px;
        min-height: 348px;
    }

    a.content {
        display: flex;
        overflow: hidden;
        border-radius: 32px;
        width: 45%;
        max-width: 296px;
        margin: 8px;
        text-decoration: none;
    }

    a.content:hover {
        border-radius: 44px;
        cursor: pointer;
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -webkit-transition: transform .3s ease, border-radius .3s ease;
        transition: transform .3s ease, border-radius .3s ease;
        -moz-transition: transform .3s ease, border-radius .3s ease;
        -o-transition: transform .3s ease, border-radius .3s ease;
    }

    a.bot {
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        -webkit-transition: color .3s ease, border-color .3s ease;
        transition: color .3s ease, border-color .3s ease;
    }

    a.bot:hover {
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0);
        -webkit-transition: color .3s ease, border-color .3s ease;
        transition: color .3s ease, border-color .3s ease;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.15);
    }

    a.bot:visited {
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        -webkit-transition: color .3s ease, border-color .3s ease;
        transition: color .3s ease, border-color .3s ease;
    }

    a.botdark {
        color: #00467D;
        text-decoration: none;
        border-bottom: 1px solid rgba(0, 70, 125, 0.3);
        -webkit-transition: color .3s ease, border-color .3s ease;
        transition: color .3s ease, border-color .3s ease;
    }

    a.botdark:hover {
        color: #00467D;
        text-decoration: none;
        border-bottom: 1px solid rgba(0, 70, 125, 0);
        -webkit-transition: color .3s ease, border-color .3s ease;
        transition: color .3s ease, border-color .3s ease;
        cursor: pointer;
        background: rgba(0, 70, 125, 0.15);
    }

    a.botdark:visited {
        color: #00467D;
        text-decoration: none;
        border-bottom: 1px solid rgba(0, 70, 125, 0.3);
        -webkit-transition: color .3s ease, border-color .3s ease;
        transition: color .3s ease, border-color .3s ease;
    }

    /* SOCIAL MEDIA BLOCK */

    .copyright,
    .copyrightDark {
        width: 100%;
        max-width: 800px;
        font-style: normal;
        font-weight: 300;
        text-align: center;
        color: #ffffff;
        margin: auto;
    }

    .copyrightDark {
        color: #00467D !important;
    }

    .socialContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 80%;
        margin-right: 10%;
        margin-left: 10%;
    }

    .contactContainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .socialIcon>img {
        height: 40px;
        transition: transform .2s;
        /* Animation */
        filter: drop-shadow(0px 1px 1px rgba(6, 36, 105, 0.3));
        margin: 12px;
        opacity: 50%;
    }

    .contactIcon>img {
        height: 30px;
        transition: transform .2s;
        /* Animation */
        margin: 6px;
        opacity: 30%;
    }

    .socialIcon>img:hover,
    .contactIcon>img:hover {
        transform: scale(1.2);
        filter: drop-shadow(0px 8px 4px rgba(6, 36, 105, 0.3));
        cursor: pointer;
    }

    .socialContainerBig {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .socialIconBig>img {
        height: 80px;
        transition: transform .2s;
        /* Animation */
        /*filter: drop-shadow(0px 1px 4px rgba(6, 36, 105, 0.1));*/
        margin: 12px;
    }

    .socialIconBig>img:hover {
        transform: scale(1.2);
        /*filter: drop-shadow(0px 8px 12px rgba(6, 36, 105, 0.1));*/
        cursor: pointer;
    }

    /* DIVIDERS */

    hr.axblue {
        border-top: 1px solid #00467D;
        width: 80%;
        opacity: 30%;
        max-width: 936px;
    }

    hr.wht {
        border-top: 1px solid white;
        width: 100%;
        opacity: 30%;
    }

    hr.blck {
        border-top: 1px solid #000000;
        width: 80%;
        opacity: 15%;
        max-width: 936px;
    }

    hr.blck100 {
        border-top: 1px solid #000000;
        width: 100%;
        opacity: 15%;
        max-width: 936px;
    }

    /* BODY */

    body {
        margin: 0;
        padding: 0;
        width: 100%;
        font-family: Fira Sans;
        background-image: unset;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .container936,
    .container936Jot {
        width: 90%;
        max-width: 936px;
        margin: auto;
    }

    .container600 {
        width: 90%;
        max-width: 600px;
        margin: auto;
    }

    .containerBig {
        width: 80%;
        max-width: 1593px;
        margin: 0 auto;
    }

    .containerFull {
        width: 100%;
    }

    /* TEXT */

    p.txtL,
    ul.txtL,
    .txtL,
    p.txtM,
    ul.txtM,
    p.articleDescriptorL,
    .txtM,
    p.txtS,
    .txtS,
    p.txtXS,
    .txtXS,
    p.contentTag,
    p.hotTopicDate,
    p.contentTagDivider,
    p.videoSubTag,
    h1.g,
    h1.anim90,
    h1.anim180,
    h1.anim60,
    h1.anim120,
    h2,
    h2.resources,
    h3,
    h3.mosaic,
    h4,
    h5,
    h6 {
        font-family: Fira Sans;
        font-style: normal;
    }

    h1.g {
        font-weight: 800;
        font-size: 72px;
        line-height: 90px;
        margin: 0;
    }

    .animWrap90 {
        display: block;
        overflow: hidden;
        height: 90px;
    }

    .animWrap180 {
        display: none;
        overflow: hidden;
        height: 180px;
    }

    .animWrap60 {
        display: none;
        overflow: hidden;
        height: 60px;
    }

    .animWrap120 {
        display: none;
        overflow: hidden;
        height: 120px;
    }

    h1.anim90,
    h1.anim180,
    h1.anim60,
    h1.anim120 {
        font-weight: 800;
        font-size: 72px;
        line-height: 90px;
        margin: 0;
        position: relative;
        top: 0px;
    }

    h1.anim90 {
        animation: text-slide90 12s infinite ease;
        -webkit-animation: text-slide90 12s infinite ease;
        -moz-animation: text-slide90 12s infinite ease;
        -o-animation: text-slide90 12s infinite ease;
    }

    @keyframes text-slide90 {
        0% {
            transform: translateY(0px);
        }

        21% {
            transform: translateY(0px);
        }

        25% {
            transform: translateY(-90px);
        }

        46% {
            transform: translateY(-90px);
        }

        50% {
            transform: translateY(-180px);
        }

        71% {
            transform: translateY(-180px);
        }

        75% {
            transform: translateY(-270px);
        }

        96% {
            transform: translateY(-270px);
        }

        100% {
            transform: translateY(-360px);
        }
    }

    h2,
    h2.resources,
    h2.contact {
        font-weight: 800;
        font-size: 50px;
        line-height: 70px;
        margin: 0;
    }

    h2.resources {
        line-height: 50px !important;
    }

    h3,
    h3.mosaic {
        font-weight: 500;
        font-size: 28px;
        line-height: 38px;
        margin: 0;
    }

    h4 {
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        margin: 0;
    }

    h5 {
        font-style: normal;
        font-weight: 900;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        margin: 0;
    }

    h6 {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        margin: 0;
    }

    p.txtM,
    ul.txtM,
    p.articleDescriptorL,
    .txtM {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
    }

    p.txtL,
    ul.txtL,
    .txtL {
        font-size: 24px;
        line-height: 32px;
        margin: 0;
    }

    p.txtS,
    .txtS {
        font-size: 16px;
        line-height: 20px;
    }

    p.txtXS, .txtXS {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.05em;
        max-width: 300px;
        margin: auto;
    }

    p.contentTag,
    p.hotTopicDate,
    p.contentTagDivider,
    p.videoSubTag {
        font-weight: 600;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0.1em;
        margin: 0;
    }

    p.contentTagDivider {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    p.descriptor,
    p.tooltip,
    .descriptor,
    p.articleDescriptor {
        font-family: Fira Sans;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    /* MODIFICATORS */

    .wht {
        color: #FFFFFF !important;
    }

    .blck {
        color: #000000 !important;
    }

    .blue {
        color: #28AAE1 !important;
    }

    .axblue {
        color: #00467D !important;
    }

    .red {
        color: #F06E55 !important;
    }

    .orange {
        color: #FA961E !important;
    }

    .grey {
        color: #979797 !important;
    }

    .green {
        color: #96C841 !important;
    }

    .yellow {
        color: #FFC81E !important;
    }

    .bgBlck {
        background: #050505 !important;
    }

    .bgAxblue {
        background: #00467D;
    }

    .opc30 {
        opacity: 30% !important;
    }

    .opc50 {
        opacity: 50% !important;
    }

    .opc100 {
        opacity: 100% !important;
    }

    .alignCntr {
        text-align: center !important;
    }

    .alignLeft {
        text-align: left !important;
    }

    .italic {
        font-style: italic !important;
    }

    .weight200 {
        font-weight: 200 !important;
    }

    .weight300 {
        font-weight: 300 !important;
    }

    .weight400 {
        font-weight: 400 !important;
    }

    .weight500 {
        font-weight: 500 !important;
    }

    .weight600 {
        font-weight: 600 !important;
    }

    .weight700 {
        font-weight: 700 !important;
    }

    .weight800 {
        font-weight: 800 !important;
    }

    .weight900 {
        font-weight: 900 !important;
    }

    .width70 {
        width: 70% !important;
        margin: auto !important;
    }

    .width95 {
        width: 95% !important;
        margin: auto !important;
    }

    .width100 {
        width: 100% !important;
        margin: auto !important;
    }

    .blueShade {
        filter: drop-shadow(0px 4px 12px rgba(0, 70, 125, 0.8));
        -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 70, 125, 0.8));
        -moz-filter: drop-shadow(0px 4px 12px rgba(0, 70, 125, 0.8));
        -o-filter: drop-shadow(0px 4px 12px rgba(0, 70, 125, 0.8));
    }

    .tilesShade {
        filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
        -webkit-filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
        -moz-filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
        -o-filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
    }

    .mrgnAuto {
        margin: auto !important;
    }

    .mrgnZ {
        margin: 0 !important;
    }

    .fitContent {
        width: fit-content !important;
        width: -moz-fit-content !important;
        width: -webkit-fit-content !important;
        width: -o-fit-content !important;
    }

    .img32 {
        display: block;
        height: 32px;
        margin: auto;
    }

    .img64 {
        display: block;
        height: 64px;
        margin: auto;
    }

    .img80 {
        display: block;
        height: 80px;
        width: auto;
        margin: auto;
    }

    .pad16 {
        padding: 16px;
    }

    .max800 {
        max-width: 800px;
        margin: auto !important;
    }

    /* SPACERS */

    .spacerTop {
        height: 48px;
        width: 48px;
    }

    .spacerTopContact {
        height: 32px;
        width: 32px;
    }

    .spacer4 {
        height: 4px;
        width: 4px;
    }

    .spacer8 {
        height: 8px;
        width: 8px;
    }

    .spacer16 {
        height: 16px;
        width: 16px;
    }

    .spacer20 {
        height: 20px;
        width: 20px;
    }

    .spacer24 {
        height: 24px;
        width: 24px;
    }

    .spacer32 {
        height: 32px;
        width: 32px;
    }

    .spacer64 {
        height: 64px;
        width: 64px;
    }

    .spacer96,
    .spacer96Front {
        height: 96px;
        width: 96px;
    }

    .spacer96Front {
        display: block;
    }

    .spacer128 {
        height: 128px;
        width: 128px;
    }

    .spacer164 {
        height: 164px;
        width: 164px;
    }

    .spacer196 {
        height: 196px;
        width: 196px;
    }

    .spacerAfter {
        height: 64px;
        width: 64px;
    }

    .spaceToChat {
        width: 10px;
        height: 500px;
    }

    /* Frontpage Features */

    .frontFeatureContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        width: fit-content;
        width: -moz-fit-content;
        max-width: 70%;
        padding: 0;
        margin: auto;
    }

    .frontFeature {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        margin: auto;
        padding: 12px;
        line-height: 32px;
    }

    .frontFeature>img {
        height: 24px;
        margin-right: 8px;
    }

    /* Frontpage Hot Topics */

    .hotTopicCompWrap {
        width: 100%;
        max-width: 1200px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        align-items: center;
        align-content: center;
        margin: auto;
    }

    .hotTopicWrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        margin: auto;
        text-align: left;
    }

    .hotTopicDateMargin {
        margin-bottom: 4px !important;
    }

    .hotTopicLine22 {
        line-height: 22px !important;
    }

    .hotTopicTile {
        vertical-align: top;
        padding: 16px 24px 24px;
        margin: 8px;
        background: #E0EDF3;
        border-radius: 24px;
        text-align: left;
    }

    .hotTopicTile>img {
        display: block;
        height: 32px;
        width: auto;
        max-width: 100%;
        margin-bottom: 8px;
    }

    .hotTopicTile:hover {
        border-radius: 32px;
        background: rgba(255, 255, 255, 1);
        cursor: pointer;
        transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -webkit-transition: color .3s ease, transform .3s ease, border-radius .3s ease;
        transition: color .3s ease, transform .3s ease, border-radius .3s ease;
        -moz-transition: color .3s ease, transform .3s ease, border-radius .3s ease;
    }

    /* Frontpage Useful Links */

    .frontUsefulWrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        align-items: center;
        margin: auto;
    }

    .tileUseful {
        display: flex;
        flex-direction: row;
        background: #FFFFFF;
        border-radius: 32px;
        width: 100%;
        max-width: 388px;
        vertical-align: top;
        padding: 32px;
        margin: 8px;
    }

    .usefulImgMargin {
        margin-right: 16px;
    }

    /* Tag */

    .eventTag,
    .hotTopicTag {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #999999;
        border-radius: 36px;
        border: none;
        width: fit-content;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        height: fit-content;
        height: -moz-fit-content;
        height: -webkit-fit-content;
        text-decoration: none !important;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 12px;
        line-height: 12px;
        font-weight: 400;
        text-align: center;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding: 4px 10px;
        margin: 0;
    }

    .tagRed {
        background: #F06E55 !important;
        padding: 8px 12px !important;
        margin-left: 8px !important;
    }

    /* Search Icon */

    .searchIcon {
        display: block;
        height: 16px;
    }

    /* BUTTON */

    .btn {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #96C841;
        border: 2px solid #96C841;
        border-radius: 36px;
        border: none;
        text-decoration: none !important;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        color: #FFFFFF !important;
        cursor: pointer;
        padding: 12px 24px;
        margin: auto;
    }

    .btnBig {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #96C841;
        border: 2px solid #96C841;
        border-radius: 48px;
        border: none;
        text-decoration: none !important;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 28px;
        line-height: 44px;
        font-weight: 700;
        text-align: center;
        color: #FFFFFF !important;
        cursor: pointer;
        padding: 16px 32px;
        margin: auto;
    }

    .btnHuge {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #96C841;
        border: 2px solid #96C841;
        border-radius: 64px;
        border: none;
        text-decoration: none !important;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 48px;
        line-height: 68px;
        font-weight: 500;
        text-align: center;
        color: #FFFFFF !important;
        cursor: pointer;
        padding: 24px 56px;
        margin: auto;
    }

    .btnSec {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0);
        border-radius: 36px;
        text-decoration: none !important;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        cursor: pointer;
        padding: 10px 24px;
        margin: 0;
    }

    .secWht {
        border: 2px solid white;
        color: #FFFFFF;
    }

    .secGrey {
        border: 2px solid #979797;
        color: #979797;
    }

    .secGreen {
        border: 2px solid #96C841;
        color: #96C841;
        ;
    }

    .btnArrS {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #96C841;
        border-radius: 44px;
        border: none;
        cursor: pointer;
        padding: 12px;
        margin: 0;
        align-self: center;
        width: fit-content;
        width: -moz-fit-content;
    }

    .Sec {
        background-color: rgba(150, 200, 65, 0);
        border: #96C841 2px solid;
        padding: 6px !important;
    }

    .btnArrS img {
        display: block;
        height: 12px;
    }

    .arrow12 {
        display: block;
        height: 12px;
        fill: #96C841;
    }

    .btnChat {
        background: rgba(150, 200, 65, 0);
        color: #96C841 !important;
        margin-left: 16px !important;
        border: 2px solid rgba(150, 200, 65, 0.2);
    }

    .btnChat img {
        height: 16px;
        margin-left: 8px;
    }

    .btnChat:hover img {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        opacity: 100%;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .btnBorderWht {
        border: 2px solid rgba(255, 255, 255, 1);
    }

    .btnBorderWhtBlue {
        background: #28AAE1 !important;
        border: 2px solid rgba(255, 255, 255, 1);
    }

    .btn:hover,
    .btnBig:hover,
    .btnHuge:hover {
        background: #648C1F;
        border: #648C1F;
        cursor: pointer;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transition: color .3s ease, transform .3s ease;
        transition: color .3s ease, transform .3s ease;
        -moz-transition: color .3s ease, transform .3s ease;
        -o-transition: color .3s ease, transform .3s ease;
    }

    .btnSec:hover {
        cursor: pointer;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transition: color .3s ease, transform .3s ease;
        transition: color .3s ease, transform .3s ease;
        -moz-transition: color .3s ease, transform .3s ease;
        -o-transition: color .3s ease, transform .3s ease;
    }

    .secWht:hover, .secGrey:hover {
        background: white;
        color: #648C1F;
    }

    .secGrey:hover {
        border: 2px solid white;
    }

    .secGreen:hover {
        border: 2px solid #648C1F;
        background: #648C1F;
        color: white;
    }

    .tileService:hover .btnArrS {
        background-color: #648C1F;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .tileService:hover .Sec {
        background-color: rgba(100, 140, 31, 1);
        border: rgba(100, 140, 31, 1) 2px solid;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .tileSolution:hover .Sec {
        background-color: rgba(100, 140, 31, 1);
        border: rgba(100, 140, 31, 1) 2px solid;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .tileService:hover .arrow12 {
        fill: white;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .tileSolution:hover .arrow12 {
        fill: white;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

    .btnChat:hover {
        background: rgba(150, 200, 65, 0.2);
        border: 2px solid rgba(150, 200, 65, 0);
    }

    .btnBorderWht:hover {
        border: 2px solid rgba(255, 255, 255, 0);
        -webkit-transition: border .3s ease;
        transition: border .3s ease;
    }

    .btnBorderWhtBlue:hover {
        background: #1478AF !important;
        border: 2px solid rgba(255, 255, 255, 0);
        -webkit-transition: border .3s ease;
        transition: border .3s ease;
    }

    .btnSuperWrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: linear-gradient(282.46deg, #00467D 21.83%, #F06E55 87.8%);
        border-radius: 36px;
        cursor: pointer;
    }

    .btnSuper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #050505;
        border-radius: 36px;
        border: none;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 20px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer;
        padding: 8px 20px;
        margin: 4px;
    }

    .btnSuperWrap:hover {
        background: linear-gradient(282.46deg, #00467D 21.83%, #F06E55 87.8%);
        cursor: pointer;
        transform: scale(1.05);
        -webkit-transition: color .3s ease, transform .3s ease;
        transition: color .3s ease, transform .3s ease;
    }

    .btnSuper:hover {
        background: linear-gradient(282.46deg, #00467D 21.83%, #F06E55 87.8%);
        cursor: pointer;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
    }

    .btnSuperMosaicWrap {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: linear-gradient(282.46deg, #FFC81E 7.29%, #28AAE1 47.92%, #F06E55 91.67%);
        border-radius: 120px;
        cursor: pointer;
    }

    .btnSuperMosaic {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #050505;
        border-radius: 120px;
        border: none;
        font-family: Fira Sans;
        font-style: normal;
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        text-align: center;
        color: #FFFFFF;
        cursor: pointer;
        padding: 16px 32px;
        margin: 4px;
    }

    .btnSuperMosaic img {
        height: 32px;
        margin-right: 16px;
    }

    .btnSuperMosaicWrap:hover {
        background: linear-gradient(282.46deg, #FFC81E 7.29%, #28AAE1 47.92%, #F06E55 91.67%);
        cursor: pointer;
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -webkit-transition: color .3s ease, transform .3s ease;
        transition: color .3s ease, transform .3s ease;
        -moz-transition: color .3s ease, transform .3s ease;
    }

    .btnSuperMosaic:hover {
        background: linear-gradient(282.46deg, #FFC81E 7.29%, #28AAE1 47.92%, #F06E55 91.67%);
        cursor: pointer;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
    }

    .btnHeroWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: fit-content;
        width: -moz-fit-content;
        margin: 0;
    }

    .btnHeroWrapSpacer {
        margin-left: 16px;
    }

    @media only screen and (max-width: 600px) {

        .btnBig {
            font-size: 18px;
            line-height: 20px;
            padding: 12px 24px;
        }

    }

    /* HERO */

    .heroWrap,
    .heroWrapWht {
        display: block;
        width: 100%;
        margin: auto;
        background: #1E1E1E;
        border-radius: 0px 0px 96px 96px;
    }

    .heroWrapWht {
        background: white;
    }

    .hero {
        display: block;
        width: 100%;
        margin: auto;
        border-radius: 0px 0px 96px 96px;
    }

    .heroCompWrap,
    .heroContactWrap{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: 90%;
        max-width: 864px;
        margin: auto;
    }

    .heroContactWrap {
        width: fit-content !important;
        width: -moz-fit-content !important;
        width: -webkit-fit-content !important;
    }

    .heroCntrCompWrap {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        width: 85%;
        text-align: center;
        margin: auto;
    }

    .heroServiceMasterWrap, .heroServiceMasterWrapDark {
        display: block;
        width: 100%;
        margin: auto;
        background-image: url(/images/bg/bg_service.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
    }

    .heroServiceMasterWrapDark {
        background-image: url(/images/bg/bg_service_drk.svg) !important;
    }

    .heroServiceNewWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: 90%;
        max-width: 1044px;
        margin: auto;
    }

    .heroServiceNewLogo {
        display:block;
        height:44px;
        width:auto;
    }

    .heroImg,
    .heroImgContact,
    .heroImgSrv {
        display: block;
    }

    .heroImg {
        width: 200px;
    }

    .heroImgContact {
        width: 144px;
    }

    .heroImgSrv, .heroImgNewSrv  {
        width: 300px;
    }

    .headerImg {
        display: block;
        width: 100px;
        margin-right: 32px;
    }

    .headerWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: 100%;
        max-width: 968px;
    }

    .heroTxtWrap,
    .contactTxtWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 600px;
        margin-left: 64px;
    }

    .headerTxtWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 968px;
    }

    .heroFrontpage {
        background: #F06E55;
        background-image: url(/images/frontpage/2021/bg_hero_front.svg);
        background-image: url(/images/frontpage/2021/bg_hero_front.svg), radial-gradient(95% 225% at 99% 105%, #F06E55 10%, #00467D 65%);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: auto;
    }

    .heroMosaic {
        background: #F06E55;
        background-image: url(/images/mosaic/bg_hero_mosaic.svg);
        background-image: url(/images/mosaic/bg_hero_mosaic.svg), radial-gradient(110% 885% at 99% 110%, #F06E55 0%, #28AAE1 55%, #FFC81E 87%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .heroMedia {
        background: #F06E55;
        background-image: url(/images/media/2021/bg_hero_media.svg);
        background-image: url(/images/media/2021/bg_hero_media.svg), radial-gradient(95% 225% at 99% 105%, #F06E55 10%, #00467D 65%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .heroAero {
        background: #28AAE1;
        background-image: url(/images/aerospace/bg_hero_aero.svg);
        background-image: url(/images/aerospace/bg_hero_aero.svg), radial-gradient(95% 225% at 99% 105%, #28AAE1 10%, #00467D 65%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .heroMobility {
        background: #28AAE1;
        background-image: url(/images/mobility/bg_hero_mobility.svg);
        background-image: url(/images/mobility/bg_hero_mobility.svg), radial-gradient(95% 225% at 99% 105%, #FFC81E 10%, #00467D 65%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .heroPartners {
        background: #96C841;
        background-image: url(/images/partners/2022/bg_hero_partners.svg);
        background-image: url(/images/partners/2022/bg_hero_partners.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #96C841 10.33%, #95C742 16.92%, #91C443 22.29%, #8BBF45 26.62%, #84B848 30.1%, #7BB04C 32.92%, #70A750 35.26%, #659D55 37.32%, #58935A 39.29%, #4B875F 41.35%, #3E7C64 43.69%, #317069 46.51%, #24656F 49.99%, #175A74 54.32%, #0B5079 59.69%, #00467D 66.29%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .heroAbout {
        background: #00467D;
        background-image: url(/images/about_us/bg_rain.svg);
        background-image: url(/images/about_us/bg_rain.svg), radial-gradient(190% 190% at 50% -125%, #28AAE1 0%, #00467D 100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .heroContact {
        background: #00467D;
        background-image: url(/images/contact/bg_contact.svg);
        background-image: url(/images/contact/bg_contact.svg), radial-gradient(190% 190% at 50% -125%, #28AAE1 0%, #00467D 100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    @media only screen and (max-width: 1075px) {

        .heroServiceNewWrap {
            flex-direction: column;
            align-items: center;
            gap:32px;
            width: 85%;
        }
    }

    @media only screen and (max-width: 600px) {

        .heroImgNewSrv  {
            width: 80%;
            height:auto;
            max-height: 319px;
        }
        .heroServiceNewLogo {
            height:auto;
            width:90%;
            max-height: 44px;
        }

    }

    /* THREE COLUMNS */

    .threeColumnsContainer,
    .threeColumnsContainerPeople,
    .threeColumnsContainerWide {
        width: 100%;
        max-width: 968px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-evenly;
        justify-items: center;
        margin: auto;
    }

    .threeColumnsContainerWide {
        width: 100%;
        max-width: 1600px !important;
    }

    .threeColumnsContainerService {
        flex-direction: column !important;
        width: 90% !important;
        align-items: center;
        background: white;
        padding-top: 64px;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 32px;
        border-radius: 32px;
    }

    .threeColumnsContainerPeople {
        justify-content: center !important;
    }

    .threeColumns,
    .threeColumnsPeople {
        width: 30%;
        min-width: 160px;
        max-width: 274px;
        vertical-align: top;
        padding: 0px 24px;
        margin-bottom: 64px;
    }

    .threeColumnsPeople {
        min-width: 200px !important;
    }

    .threeColumnsImg {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        width: 30%;
        min-width: 160px;
        max-width: 264px;
        vertical-align: top;
        padding: 0px 24px;
        margin-bottom: 64px;
    }

    .threeColumnsImg>img {
        width: 100%;
        height: auto;
    }

    .teamNameWrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        align-items: center;
        padding: 0;
        margin: auto;
        width: fit-content;
        width: -moz-fit-content;
    }

    .teamNameWrapper>img, .teamNameWrapper>svg {
        height: 16px;
        margin-right: 8px;
    }

    .columnLeft {
        text-align: left;
    }

    .columnCenter {
        text-align: center;
    }

    .threeColumnsImg32 {
        height: 32px;
        width: auto;
    }

    .threeColumnsImg64 {
        height: 64px;
        width: auto;
    }

    .threeColumnsImg80 {
        height: 80px;
        width: auto;
    }

    .threeColumnsImg120 {
        height: 120px;
        width: auto;
    }

    .av200 {
        height: 200px;
        width: auto;
    }

    .img100 {
        height: 100px;
        width: auto;
    }

    .img120 {
        height: 120px;
        width: auto;
    }

    .img200 {
        height: 200px;
        width: auto;
    }

    .threeColumnsImg232 {
        height: auto;
        width: 232px;
    }

    .borderCircle {
        border-radius: 50%;
    }

    /* SOLUTION SERVICE TILE */

    .frontTilesComp {
        width: 90%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        margin: auto;
    }

    .frontTilesWrap {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        margin: auto;
    }

    .solutionComp {
        width: fit-content;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        max-width: 90%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        margin: auto;
    }

    .solutionWrap,
    .solutionWrapRelated {
        width: 100%;
        /*width: fit-content;
        width: -moz-fit-content;
        width: -webkit-fit-content;*/
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        margin: auto;
    }

    .solutionWrapRelated {
        width: 95%;
    }

    .servicesWrap {
        width: 75%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        margin: auto;
    }

    .officesWrap {
        width: 95%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        justify-items: center;
        margin: auto;
    }

    .solutionBtnWrap {
        width: 100%;
    }

    .tileFront {
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        border-radius: 32px;
        min-width: 168px;
        max-width: 232px;
        width: 100%;
        vertical-align: top;
        padding: 16px 32px 24px;
        margin: 8px;
    }

    .tileSolution,
    .tileService,
    .tileSolutionOff,
    .tileServiceOff {
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        border-radius: 32px;
        /*width: 160px;*/
        vertical-align: top;
        padding: 16px 32px 24px;
        margin: 8px;
    }

    .tileSolution,
    .tileSolutionOff {
        width: 160px;
    }

    .tileService,
    .tileServiceOff {
        width: 100%;
    }

    .tileSolutionRelated {
        width: 300px;
        align-items: center;
        justify-content: space-between;
    }

    .tileSolutionOff,
    .tileServiceOff {
        background: #F5F5F5 !important;
    }

    .tileSolutionRelated {
        background: white !important;
    }

    .tileOffice {
        width: 232px;
        vertical-align: top;
        padding: 16px 32px 48px 32px;
    }

    .btnComp {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        height: 100%;
    }

    .tileLeft {
        text-align: left;
    }

    .tileCenter {
        text-align: center;
    }

    .tileImg164 {
        height: 164px;
        width: auto;
    }

    .tileImg100 {
        height: 100px;
        width: auto;
    }

    .tileImg80 {
        height: 80px;
        width: auto;
    }

    .tileImg32 {
        height: 32px;
        width: auto;
    }

    .imgLeft {
        align-self: flex-start;
    }

    .tileSolution:hover,
    .tileSolutionRelated:hover,
    .tileService:hover,
    .tileFront:hover,
    .tileUseful:hover {
        border-radius: 44px;
        cursor: pointer;
        transform: scale(1.03);
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -o-transform: scale(1.03);
        transition: color .3s ease, transform .3s ease, border-radius .3s ease;
        -webkit-transition: color .3s ease, transform .3s ease, border-radius .3s ease;
        -moz-transition: color .3s ease, transform .3s ease, border-radius .3s ease;
        -o-transition: color .3s ease, transform .3s ease, border-radius .3s ease;
    }

    /* BUBBLE IMAGES*/

    .bubbleGraph {
        display: block;
        width: 100%;
        max-width: 1536px;
        border-radius: 24px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        margin: auto;
    }

    .svgGraph {
        display: block;
        width: 90%;
        max-width: 1536px;
        margin: auto;
    }

    /* BANNERS */

    .bannerFull {
        display: block;
        width: 100%;
        border-radius: 500px;
        margin: auto;
    }

    .logosWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 80%;
        padding: 40px 0 56px 0;
        margin: auto;
    }

    .logosWrap>img {
        height: 68px;
        width: auto;
        margin: 24px;
        opacity: 50%;
    }

    .logo68 {
        display: block;
        height: 68px;
        width: auto;
        margin: 24px;
    }

    .border0 {
        border-radius: 0px !important;
    }

    .border32 {
        border-radius: 32px !important;
    }

    .border64 {
        border-radius: 64px !important;
    }

    .border96 {
        border-radius: 96px !important;
    }

    .border96Top {
        border-radius: 96px 96px 0 0 !important;
    }

    .border96Bot {
        border-radius: 0 0 96px 96px !important;
    }

    .border50P{
        border-radius: 50% !important;
    }

    .bgAxBlue {
        background-color: #00467D;
    }

    .bgGreen {
        background-color: #96C841;
    }

    .bgBlue {
        background-color: #28AAE1;
    }

    .bgRed {
        background-color: #F06E55;
    }

    .bgOrange {
        background-color: #FA961E;
    }

    .bgYellow {
        background-color: #FFC81E;
    }

    .bgWht {
        background-color: #ffffff;
    }

    .bgRedBlue {
        background-color: #F06E55;
        background-image: radial-gradient(75.1% 75.1% at 51.59% -6.9%, #F06E55 16.15%, #00467D 88.54%);
        ;
    }

    .bgBlueBlue {
        background-color: #28AAE1;
        background-image: radial-gradient(75.1% 75.1% at 51.59% -6.9%, #28AAE1 16.15%, #00467D 88.54%);
        ;
    }

    .bgYellowBlue {
        background-color: #FFC81E;
        background-image: radial-gradient(75.1% 75.1% at 51.59% -6.9%, #FFC81E 16.15%, #00467D 88.54%);
        ;
    }

    .shade {
        box-shadow: 0px 4px 24px rgb(0 0 0 / 15%);
    }

    .bannerMeeting {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        max-width: fit-content;
        max-width: -moz-fit-content;
        border-radius: 32px;
        padding: 48px 96px 48px 96px;
        background-color: #ffffff;
        margin: auto;
    }

    .jobImg {
        display: block;
        height: 200px;
        margin: auto;
    }

    .meetingImg {
        display: block;
        width: 145px;
        margin: auto;
    }

    .meetingTxtWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 400px;
        margin-left: 32px;
    }

    .meetingTxt {
        line-height: 34px !important;
    }

    .meetingChatTxt {
        width: 164px !important;
        margin-left: 16px !important;
    }

    .mosaicBnrWrap,
    .mosaicBnrWrapFront {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: radial-gradient(111.12% 883.73% at 97.71% 109.14%, #FFC81E 0%, #28AAE1 55%, #F06E55 87.29%);
        border-radius: 200px;
        width: 70%;
        margin: auto;
    }

    .mosaicBnrWrapFront {
        width: 100% !important;
        max-width: 920px;
    }

    .mosaicBnr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background: #050505;
        border-radius: 200px;
        border: none;
        padding: 32px 80px 48px;
        margin: 4px;
    }

    .itemFlexRow {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .txtContentCompFront {
        width: 70%;
        margin-right: 32px;
    }

    .txtContentComp {
        width: 60%;
        margin-right: 32px;
    }

    .mosaicBnrImg {
        height: 48px;
        margin-right: 6px;
    }

    /* CONTENT TILES */

    .contentItemsWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        align-content: center;
        width: 90%;
        margin: auto;
    }

    .contentTileWrap {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 16px 24px 32px;
        overflow: hidden;
        background: #FFFFFF;
    }

    .contentItemHeader {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        width: 100%;
    }

    .articleImg {
        display: block;
        height: 164px;
        margin: auto;
        margin-top: 16px;
        margin-bottom: 16px;
        border-radius: 50%;
    }

    .contentItemFooter {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
    }

    /* FOOTER */

    .footer {
        display: block;
        width: 100%;
        margin: auto;
        border-radius: 96px 96px 0px 0px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
    }

    .footerCompWrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        width: 90%;
        max-width: 864px;
        margin: auto;
    }

    .footerImg {
        display: block;
        width: 200px;
    }

    .footerTxtWrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 600px;
        margin-left: 64px;
    }

    .icFooter {
        display: flex;
        align-items: center;
        justify-items: center;
        height: 64px;
        width: 100%;
        max-width: 936px;
        margin: auto;
    }

    .icFooter>img {
        height: 100%;
        width: auto;
        margin: auto;
    }

    .footerMosaic {
        background: #F06E55;
        background-image: url(/images/mosaic/bg_hero_mosaic.svg);
        background-image: url(/images/mosaic/bg_hero_mosaic.svg), radial-gradient(111.12% 883.73% at 97.71% 109.14%, #F06E55 0%, #28AAE1 55%, #FFC81E 87.29%);
    }

    .footerMedia {
        background: #F06E55;
        background-image: url(/images/media/2021/bg_hero_media.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #F06E55 10.33%, #00467D 66.29%);
    }

    .footerAero {
        background: #28AAE1;
        background-image: url(/images/aerospace/bg_hero_aero.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #28AAE1 10.33%, #00467D 66.29%);
    }

    .footerMobility {
        background: #FFC81E;
        background-image: url(/images/mobility/bg_hero_mobility.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #FFC81E 10.33%, #00467D 66.29%);
    }

    .footerPartners {
        background: #96C841;
        background-image: url(/images/partners/2022/bg_hero_partners.svg);
        background-image: url(/images/partners/2022/bg_hero_partners.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #96C841 10.33%, #95C742 16.92%, #91C443 22.29%, #8BBF45 26.62%, #84B848 30.1%, #7BB04C 32.92%, #70A750 35.26%, #659D55 37.32%, #58935A 39.29%, #4B875F 41.35%, #3E7C64 43.69%, #317069 46.51%, #24656F 49.99%, #175A74 54.32%, #0B5079 59.69%, #00467D 66.29%);
    }

    .footerAbout {
        background: #00467D;
        background-image: url(/images/bg/bg_axinom_hex.svg);
        background-image: url(/images/bg/bg_axinom_hex.svg), radial-gradient(189.62% 189.62% at 49.97% -123.58%, #28AAE1 0%, #00467D 100%);
    }

    .footerAxinom {
        background: #00467D;
        background-image: radial-gradient(95.31% 222.91% at 99.01% 104.02%, #F06E55 10.33%, #00467D 66.29%);
    }

    .footerObc {
        background: #28AAE1;
        background-image: url(/images/srv_obc/bg_obc.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #28AAE1 10.33%, #00467D 66.29%);
    }

    .footerService {
        background: #1478AF;
    }

    /* TECH LOGOS */

    .techLogos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        width: 90%;
        max-width: 1100px;
        text-align: center;
        margin: 0 auto 0 auto;
    }

    .techLogoTile {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        justify-items: center;
        max-width: 180px;
        width: 20%;
        min-width: 96px;
        height: 114px;
        background-color: #ffffff;
        border-radius: 32px;
        margin: 4px;
        vertical-align: top;
        cursor: help;
    }

    .techLogoImg {
        width: auto;
        max-height: 44px;
    }

    .techLogoTile>div>img {
        width: auto;
        max-height: 32px;
    }

    .spacer12 {
        height: 12px;
        width: 32px;
    }

    .techLogoTile>div {
        font-style: normal;
        font-weight: 300;
        color: #000000;
    }

    .logoTxt {
        line-height: 20px !important;
    }

    #mic {
        height: 44px;
    }

    .techLogoTile .tooltiptext {
        visibility: hidden;
        width: 80%;
        background-color: #1e1e1e;
        color: #fff;
        text-align: center;
        border-radius: 16px;
        padding: 10%;
        position: absolute;
        z-index: 1;
        top: 122px;
        left: 50%;
        margin-left: -50%;
    }

    .techLogoTile .tooltiptext::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent black transparent;
    }

    .techLogoTile:hover .tooltiptext {
        visibility: visible;
        transform: scale(1.05);
        -webkit-transition: transform .3s ease;
        transition: transform .3s ease;
    }

    @media only screen and (min-width: 1920px) {}

    @media only screen and (max-width: 1616px) {
        .servicesWrap {
            width: 80%
        }
    }

    @media only screen and (max-width: 1516px) {
        .servicesWrap {
            width: 90%
        }
    }

    @media only screen and (max-width: 1399px) {
        .tile {
            width: 30%;
        }
    }

    @media only screen and (max-width: 1075px) {
        a.content {
            width: 35%;
            max-width: 500px;
        }

        .heroWrap,
        .heroWrapWht {
            border-radius: 0px 0px 64px 64px;
        }

        .hero {
            border-radius: 0px 0px 64px 64px;
        }

        .heroCompWrap,
        .heroContactWrap {
            flex-direction: column;
            align-items: center;
            width: 85%;
        }

        .heroImg {
            width: 144px;
            margin-bottom: 16px;
        }

        .heroImgContact {
            width: 100px;
            margin-bottom: 16px;
        }

        .heroTxtWrap,
        .contactTxtWrap,
        .meetingChatTxt {
            align-items: center;
            text-align: center;
            margin-left: 0px;
        }

        .containerBig {
            width: 85%;
        }

        .threeColumns {
            width: 40%;
            max-width: 600px;
        }

        .threeColumnsPeople {
            width: 25%;
            max-width: 600px;
        }

        .contentItemsWrap {
            width: 90%;
        }

        .border64 {
            border-radius: 48px !important;
        }

        .border96 {
            border-radius: 64px !important;
        }

        .border96Top {
            border-radius: 64px 64px 0 0 !important;
        }

        .border96Bot {
            border-radius: 0 0 64px 64px !important;
        }

        .bannerFull {
            border-radius: 128px;
        }

        .txtContentComp,
        .txtContentCompFront {
            width: 100%;
            margin-right: 0px;
            margin-bottom: 16px;
        }

        .mosaicBnrWrap {
            width: 90%;
        }

        .itemFlexRow {
            justify-content: center;
        }

        .footer {
            border-radius: 64px 64px 0px 0px;
        }
    }

    @media only screen and (max-width: 816px) {
        .servicesWrap {
            width: 95%
        }
    }

    @media only screen and (max-width: 799px) {
        .tile {
            width: 48%
        }

        .logosWrap img {
            height: 48px;
            margin: 20px;
        }
    }

    @media only screen and (max-width: 744px) {
        a.flexFront {
            width: 100%;
        }

        a.content {
            width: 100%;
            max-width: 800px;
            margin: 4px 8px;
        }

        .frontTilesComp {
            width: 100%;
        }

        .frontTilesWrap {
            flex-wrap: wrap;
        }

        .tileFront {
            max-width: 100%;
            margin: 4px 8px;
        }

        .tileUseful {
            max-width: 100%;
            margin: 4px 8px;
        }

        .contentItemsWrap {
            width: 100%;
        }
    }

    @media only screen and (max-width: 761px) {
        .animWrap90 {
            display: none;
        }

        h1.anim90 {
            animation: none !important;
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
        }

        .animWrap180 {
            display: block;
        }

        h1.anim180 {
            animation: text-slide180 12s infinite ease;
            -webkit-animation: text-slide180 12s infinite ease;
            -moz-animation: text-slide180 12s infinite ease;
            -o-animation: text-slide180 12s infinite ease;
        }

        @keyframes text-slide180 {
            0% {
                transform: translateY(0px);
            }

            21% {
                transform: translateY(0px);
            }

            25% {
                transform: translateY(-180px);
            }

            46% {
                transform: translateY(-180px);
            }

            50% {
                transform: translateY(-360px);
            }

            71% {
                transform: translateY(-360px);
            }

            75% {
                transform: translateY(-540px);
            }

            96% {
                transform: translateY(-540px);
            }

            100% {
                transform: translateY(-720px);
            }
        }
    }

    @media only screen and (max-width: 659px) {
        .easContainer {
            width: 80px;
            padding: 8px 12px;
            border-radius: 0px 0px 20px 20px;
            margin-right: 95px;
        }
    }

    @media only screen and (max-width: 600px) {
        .axwidget-chat {
            width: 100%;
        }

        a.flex {
            width: 100%;
        }

        a.flexFrontHot {
            min-width: calc(53% - 24px);
            max-width: calc(53% - 24px);
        }

        a.btnLink,
        .btnLink {
            width: 100%;
        }

        /*a.content:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
}*/
        a.team {
            font-size: 20px;
            line-height: 30px;
        }

        a.teamImg {
            width: 164px;
            height: 164px;
        }

        .tile {
            width: 100%;
            max-width: 600px;
            min-height: 100px;
        }

        .container936Jot {
            width: 95%;
        }

        .containerBig {
            width: 100%;
        }

        .socialContainer {
            width: 90%;
            margin-right: 5%;
            margin-left: 5%;
        }

        .contactIcon>img {
            height: 24px;
        }

        .socialIcon>img {
            height: 40px;
            margin: 6px;
        }

        .socialContainer {
            width: 100%;
            margin-right: 0%;
            margin-left: 0%;
        }

        .socialIconBig>img {
            height: 50px;
        }

        h1.g,
        h1.anim90,
        h1.anim180,
        h1.anim60,
        h1.anim120 {
            font-size: 44px;
            line-height: 60px;
        }

        h2 {
            font-size: 36px;
            line-height: 54px;
        }

        h2.resources,
        h2.contact {
            font-size: 28px;
            line-height: 38px;
        }

        h3.mosaic {
            font-size: 20px;
            line-height: 30px;
        }

        h4,
        p.txtL,
        .txtL {
            font-size: 20px;
            line-height: 30px;
        }

        h5 {
            font-size: 18px;
            line-height: 27px;
        }

        p.txtM,
        .txtM,
        ul.txtM,
        p.articleDescriptorL {
            font-size: 18px;
            line-height: 27px;
        }

        p.txtS,
        .txtS {
            font-size: 14px;
            line-height: 16px;
        }

        p.descriptor,
        p.tooltip,
        .descriptor,
        p.articleDescriptor {
            font-size: 14px;
            line-height: 20px;
        }

        p.tooltip {
            font-size: 12px;
            line-height: 18px;
        }

        .animWrap180 {
            display: none;
        }

        h1.anim180 {
            animation: none !important;
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
        }

        .animWrap60 {
            display: block;
        }

        h1.anim60 {
            animation: text-slide60 12s infinite ease;
            -webkit-animation: text-slide60 12s infinite ease;
            -moz-animation: text-slide60 12s infinite ease;
            -o-animation: text-slide60 12s infinite ease;
        }

        @keyframes text-slide60 {
            0% {
                transform: translateY(0px);
            }

            21% {
                transform: translateY(0px);
            }

            25% {
                transform: translateY(-60px);
            }

            46% {
                transform: translateY(-60px);
            }

            50% {
                transform: translateY(-120px);
            }

            71% {
                transform: translateY(-120px);
            }

            75% {
                transform: translateY(-180px);
            }

            96% {
                transform: translateY(-180px);
            }

            100% {
                transform: translateY(-240px);
            }
        }

        .spacerTopContact {
            height: 16px;
            width: 16px;
        }

        .spacer96,
        .spacer96Front {
            height: 64px;
            width: 64px;
        }

        .spacer96Front {
            display: none;
        }

        .spacer128 {
            height: 96px;
            width: 96px;
        }

        .spacer164 {
            height: 96px;
            width: 96px;
        }

        .spacer196 {
            height: 128px;
            width: 128px;
        }

        .spacerAfter {
            height: 32px;
            width: 32px;
        }

        .spaceToChat {
            width: 10px;
            height: 200px;
        }

        .heroWrap,
        .heroWrapWht {
            border-radius: 0px 0px 32px 32px;
        }

        .hero {
            border-radius: 0px 0px 32px 32px;
        }

        .heroImgContact {
            width: 100px;
            margin-bottom: 16px;
        }

        .heroFrontpage {
            background-image: url(/images/frontpage/2021/bg_hero_front_mob.svg);
            background-image: url(/images/frontpage/2021/bg_hero_front_mob.svg), radial-gradient(95% 225% at 99% 105%, #F06E55 10%, #00467D 65%);
        }

        .heroMedia {
            background-image: url(/images/media/2021/bg_hero_media_mob.svg);
            background-image: url(/images/media/2021/bg_hero_media_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #F06E55 10.33%, #00467D 66.29%);
        }

        .heroAero {
            background-image: url(/images/aerospace/bg_hero_aero_mob.svg);
            background-image: url(/images/aerospace/bg_hero_aero_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #28AAE1 10.33%, #00467D 66.29%);
        }

        .heroMobility {
            background-image: url(/images/mobility/bg_hero_mobility_mob.svg);
            background-image: url(/images/mobility/bg_hero_mobility_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #28AAE1 10.33%, #00467D 66.29%);
        }

        .heroPartners {
            background-image: url(/images/partners/2022/bg_hero_partners_mob.svg);
            background-image: url(/images/partners/2022/bg_hero_partners.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #96C841 10.33%, #95C742 16.92%, #91C443 22.29%, #8BBF45 26.62%, #84B848 30.1%, #7BB04C 32.92%, #70A750 35.26%, #659D55 37.32%, #58935A 39.29%, #4B875F 41.35%, #3E7C64 43.69%, #317069 46.51%, #24656F 49.99%, #175A74 54.32%, #0B5079 59.69%, #00467D 66.29%);
        }

        .heroAbout {
            background-image: url(/images/about_us/bg_rain_mob.svg);
            background-image: url(/images/about_us/bg_rain_mob.svg), radial-gradient(189.62% 189.62% at 49.97% -123.58%, #28AAE1 0%, #00467D 100%);
        }

        .heroContact {
            background-image: url(/images/contact/bg_contact.svg);
            background-image: url(/images/contact/bg_contact.svg), radial-gradient(189.62% 189.62% at 49.97% -123.58%, #28AAE1 0%, #00467D 100%);
        }

        .headerWrap {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .headerImg {
            margin-right: 0px;
            margin-bottom: 32px;
        }

        .headerTxtWrap {
            align-items: center;
        }

        .btnHeroWrap {
            flex-direction: column;
            align-items: center;
            width: 100%;
        }

        .btn,
        .btnBig,
        .btnHuge,
        .btnSec,
        .btnSuperWrap,
        .btnSuper,
        .btnSuperMosaicWrap,
        .btnSuperMosaic {
            width: 100%;
        }

        .btnHuge {
            border-radius: 72px;
            font-size: 36px;
            line-height: 50px;
            width: 100%;
        }

        .btnHeroWrapSpacer {
            margin-left: 0px;
            margin-top: 16px;
        }

        .btnSuperMosaic {
            flex-direction: column;
        }

        .btnSuperMosaic img {
            height: 32px;
            margin-bottom: 8px;
        }

        .btnS {
            margin: auto;
        }

        .tileImg164 {
            height: 120px;
            width: auto;
        }

        .hotTopicTile {
            margin: 4px;
        }

        .techLogoTile {
            height: 96px;
            border-radius: 24px;
        }

        .techLogoTile .tooltiptext {
            top: auto;
            bottom: 104px;
        }

        .techLogoTile .tooltiptext::after {
            top: 100%;
            border-color: black transparent transparent transparent;
        }

        .logoTxt {
            font-size: 16px !important;
            line-height: 16px !important;
            padding: 0 4px;
        }

        .techLogoImg {
            width: auto;
            max-height: 32px;
        }

        .threeColumnsContainer,
        .threeColumnsContainerWide {
            width: 90%;
        }

        .threeColumns {
            width: 100%;
            padding: 0px;
        }

        .threeColumnsPeople {
            width: 40%;
            padding: 0px 12px;
            max-width: 164px;
        }

        .teamNameWrapper {
            flex-direction: column;
        }

        .teamNameWrapper>img, .teamNameWrapper>svg {
            margin-right: 0px;
            margin-bottom: 0px;
        }

        .threeColumnsImg120 {
            height: 100px;
        }

        .img200 {
            height: 164px;
        }

        .av200 {
            height: 164px;
        }

        .threeColumnsImg>img {
            width: 50%;
            height: auto;
        }

        .border64 {
            border-radius: 32px !important;
        }

        .border96 {
            border-radius: 32px !important;
        }

        .border96Top {
            border-radius: 32px 32px 0 0 !important;
        }

        .border96Bot {
            border-radius: 0 0 32px 32px !important;
        }

        .mosaicBnrWrap,
        .mosaicBnrWrapFront {
            width: 100%;
            border-radius: 32px;
        }

        .mosaicBnr {
            width: 100%;
            border-radius: 30px;
            padding: 32px 32px 48px;
        }

        .itemFlexRow {
            justify-content: flex-start;
        }

        .logosWrap {
            width: 90%;
        }

        .logosWrap img {
            height: 40px;
            margin: 8px;
            margin-top: 12px;
            margin-bottom: 12px;
        }

        .solutionComp {
            max-width: 100%;
        }

        .solutionWrap,
        .solutionWrapRelated,
        .servicesWrap {
            width: 100%;
        }



        .tileSolution,
        .tileSolutionRelated,
        .tileService,
        .tileServiceOff,
        .tileSolutionOff,
        .tileFront {
            width: 100%;
            max-width: 100%;
            margin: 4px 8px;
        }

        /*.tileSolution:hover,
    .tileService:hover,
    .tileServiceOff:hover,
    .tileFront:hover,
    .hotTopicTile:hover {
        border-radius: 32px;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transition: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
    }*/
        .hotTopicTile:hover {
            border-radius: 24px !important;
        }

        .solutionBtnWrap {
            width: calc(100% - 16px);
            margin: auto;
        }

        .bannerFull {
            border-radius: 32px;
        }

        .bannerMeeting {
            flex-direction: column;
            align-items: center;
            padding: 48px 0px 48px 0px;
            text-align: center;
            max-width: 100%;
        }

        .meetingImg {
            display: block;
            width: 96px;
            margin: auto;
            margin-bottom: 16px;
        }

        .meetingTxtWrap {
            align-items: center;
            width: 80%;
            margin-left: 0px;
        }

        .meetingTxt {
            line-height: 34px !important;
        }

        .meetingChatTxt {
            margin-left: 0px !important;
            margin-top: 16px !important;
        }

        .footer {
            border-radius: 32px 32px 0px 0px;
        }

        .footerMedia {
            background-image: url(/images/media/2021/bg_hero_media_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #F06E55 10.33%, #00467D 66.29%);
        }

        .footerAero {
            background-image: url(/images/aerospace/bg_hero_aero_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #28AAE1 10.33%, #00467D 66.29%);
        }

        .footerMobility {
            background-image: url(/images/mobility/bg_hero_mobility_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #FFC81E 10.33%, #00467D 66.29%);
        }

        .heroPartners {
            background-image: url(/images/partners/2022/bg_hero_partners_mob.svg);
            background-image: url(/images/partners/2022/bg_hero_partners_mob.svg), radial-gradient(95.31% 222.91% at 99.01% 104.02%, #96C841 10.33%, #95C742 16.92%, #91C443 22.29%, #8BBF45 26.62%, #84B848 30.1%, #7BB04C 32.92%, #70A750 35.26%, #659D55 37.32%, #58935A 39.29%, #4B875F 41.35%, #3E7C64 43.69%, #317069 46.51%, #24656F 49.99%, #175A74 54.32%, #0B5079 59.69%, #00467D 66.29%);
        }
    }

    @media only screen and (max-width: 471px) {
        .animWrap60 {
            display: none;
        }

        h1.anim60 {
            animation: none !important;
            -webkit-animation: none !important;
            -moz-animation: none !important;
            -o-animation: none !important;
        }

        .animWrap120 {
            display: block;
        }

        h1.anim120 {
            animation: text-slide120 12s infinite ease;
            -webkit-animation: text-slide120 12s infinite ease;
            -moz-animation: text-slide120 12s infinite ease;
            -o-animation: text-slide120 12s infinite ease;
        }

        @keyframes text-slide120 {
            0% {
                transform: translateY(0px);
            }

            21% {
                transform: translateY(0px);
            }

            25% {
                transform: translateY(-120px);
            }

            46% {
                transform: translateY(-120px);
            }

            50% {
                transform: translateY(-240px);
            }

            71% {
                transform: translateY(-240px);
            }

            75% {
                transform: translateY(-360px);
            }

            96% {
                transform: translateY(-360px);
            }

            100% {
                transform: translateY(-480px);
            }
        }
    }

    @media only screen and (max-width: 360px) {
        a.flexFrontHot {
            min-width: 100%;
            max-width: 100%;
        }
    }

    @media only screen and (max-width: 330px) {
        .easContainer {
            width: 70px;
            padding: 6px 10px;
            border-radius: 0px 0px 16px 16px;
            margin-right: 84px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        * {
            animation: none;
        }
    }