* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased
}

@font-face {
    font-family: helvetica-neue;
    src: url(fonts/helvetica-neue-extra-black-normal.woff2) format("woff2"), url(fonts/helvetica-neue-extra-black-normal.woff) format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue;
    src: url(fonts/helvetica-neue-medium-condensed-normal.woff2) format("woff2"), url(fonts/helvetica-neue-medium-condensed-normal.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue;
    src: url(fonts/helvetica-neue-medium-normal.woff2) format("woff2"), url(fonts/helvetica-neue-medium-normal.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue;
    src: url(fonts/helvetica-neue-light-condensed-normal.woff2) format("woff2"), url(fonts/helvetica-neue-light-condensed-normal.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue;
    src: url(fonts/helvetica-neue-light-normal.woff2) format("woff2"), url(fonts/helvetica-neue-light-normal.woff) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: helvetica-neue;
    src: url(fonts/helvetica-neue-heavy-normal.woff2) format("woff2"), url(fonts/helvetica-neue-heavy-normal.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Helvetica LT Std';
    src: url('fonts/HelveticaLTStd-UltraComp.woff2') format('woff2'), url('fonts/HelveticaLTStd-UltraComp.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}




/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
html {
    scroll-behavior: smooth;
  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, div {
    vertical-align: top;
}

* {
    outline: none;
}

li, ol {
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}

img {
    border: 0px;
}

textarea {
    resize: none;
}

    input:focus, select:focus, textarea:focus, button:focus {
        outline: none;
    }

a {
    text-decoration: none;
}

input, textarea, select, body {
    font-size: 14px;
    font-family: helvetica-neue;
}
/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign {
    text-align: right;
}

.centerAligned {
    text-align: center;
}

.centeredBlock {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.fullWidth {
    width: 100%;
}

.fullHeight {
    height: 100%;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.posRelative {
    position: relative;
}

.absolutePos {
    position: absolute;
}

.textDecorationNone {
    text-decoration: none;
}

.textDecorationUnderline {
    text-decoration: underline;
}

.fontWeightBold {
    font-weight: bold;
}

.clearBoth {
    clear: both;
}

.clearRight {
    clear: right;
}

input, textarea, select, body, .smallTop a, .mainMenu a {
    color: #868686;
}

h1, .sitemapTitle, .categoryMainTitle h2 {
    font-size: 90px;
    text-transform: uppercase;
    letter-spacing: -.5px;
    text-transform: uppercase;
    color: #000;
    font-family: helvetica-neue;
    margin-bottom: 30px;
    font-weight: 900;
    background-image: none !important;
    line-height: 75px;
}

    h1.smallMB {
        margin-bottom: 50px;
    }

.aboutSub h1 {
    text-transform: capitalize;
}

.categoryMainTitle {
    margin-bottom: 97px;
}

    .categoryMainTitle h1 {
        margin-bottom: 0;
        font-size: 129px;
        line-height: 78.6%;
    }

    .categoryMainTitle h2 {
        font-size: 129px;
        line-height: 78.6%;
    }

.subpageBody {
    margin-top: 100px;
    padding-top: 120px;
}

.secondLevelPage.subpageBody {
    margin-top: 100px;
}

.homepageHolder.subpageBody {
    margin-top: 0;
    padding-top: 0;
    position: relative
}

.subpageBody.newsListPage {
    margin-top: 100px;
    padding-top: 82px
}

.homepageHolder.subpageBody.newsListPage h1 {
    text-transform: none;
    margin-bottom: 70px;
    line-height: 78%
}

.safeArea890 {
    max-width: 890px;
    margin: 0 auto;
}

.safeArea910 {
    max-width: 910px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}

.safeArea440 {
    max-width: 440px;
    margin: 0 auto;
}

.alignCenter {
    text-align: center;
}

.safeArea1280 {
    max-width: 1230px;
    margin: 0 auto;
}

.safeArea1500 {
    max-width: 1500px;
    margin: 0 auto;
}

.halfpageContent {
    width: 58%;
}

.contentText, .toggleContent, .wantList {
    color: #000;
    font-family: helvetica-neue;
    font-weight: 100;
    font-size: 22px;
    line-height: 160%;
    margin-bottom: 15px;
    margin-top: 30px;
}

.toggleContent {
    display: none;
}

.contentText h4, .blackHolder h4 {
    font-family: helvetica-neue;
    font-size: 90px;
    line-height: 90%;
    font-weight: 900;
    margin-bottom: 60px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.blackHolder h4 {
    color: #fff;
}

h4.bigSubtitle {
    font-size: 50px;
    text-transform: none;
}

.SEOHiddenTitle {
    display: none;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
}
/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
.landing {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.fullpageHolder {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
}

.fullvideo {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000000;
}

    .fullvideo:before {
        content: '';
        z-index: 10;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url(../images/trame.png) center center;
        position: absolute;
    }

    .fullvideo video {
        width: 100%;
        height: 100%;
        object-fit: fill
    }

.aboutpagecontontainer {
    position: relative;
    z-index: 990;
}

.landingLogoHolder {
    width: 230px;
    height: 298px;
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -115px 0 0 -115px;
    z-index: 3;
}

.aboutVideoHolder {
    position: relative;
    margin-top: -25px;
    margin-bottom: -19px;
    z-index: 800;
}

    .aboutVideoHolder .full {
        width: 100%;
        height: 700px;
        object-fit: cover;
    }

.trimOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/trame.png);
    /*opacity:0.3;*/
    z-index: 1;
}

.playVideoBtn {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    z-index: 2;
}

    .playVideoBtn svg {
        width: 87px;
        height: 126px;
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }

    .playVideoBtn span {
        font: 900 60px/.77 h;
        font-family: helvetica-neue;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        transform: translateX(-101%);
        transition: transform .3s linear;
        height: 100px;
    }

        .playVideoBtn span span {
            transform: translateX(101%);
        }

    .playVideoBtn:hover span {
        transform: translateX(0);
    }



.menuHolder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
    left: 0;
}

.landing .menuHolder {
    width: calc(100% - 100px);
    left: 50px;
    right: 50px;
}

.landingMenuHolder.menuHolder {
    width: 100%;
    left: 0;
    right: 0;
}

.burgerMenu {
    position: absolute;
    width: 34px;
    height: 34px;
    z-index: 100;
    right: 0;
    top: 50%;
    margin-top: -17px;
}

    .burgerMenu a {
        background-image: url(../images/sidebar-icon.svg);
        width: 100%;
        height: 100%;
        background-position: center center;
        /*background-size: 65% auto;*/
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: block;
        background-color: #fff;
        /*border:2px solid #fff;*/
        border-radius: 50%;
        box-sizing: border-box;
    }

.subpageMenuLinks {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 90;
}

    .subpageMenuLinks ul {
        display: inline-block;
        width: 100%;
    }

        .subpageMenuLinks ul li {
            display: inline-block;
            margin-right: 20px;
        }

            .subpageMenuLinks ul li a {
                display: block;
                color: #000;
                margin: 0 12px;
                letter-spacing: .43px;
                font: 500 12px/2 h;
                font-family: helvetica-neue;
                position: relative;
            }

                .subpageMenuLinks ul li a:after {
                    content: '';
                    left: 0;
                    width: 0;
                    height: 1px;
                    background-color: #000;
                    bottom: 0;
                    position: absolute;
                }

            .subpageMenuLinks ul li:hover a:after,
            .subpageMenuLinks ul li.active a:after {
                width: 100%;
            }



.landingMenuHolder {
    background-color: rgba(0,0,0,0.99);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.landingMenuLinks {
    width: 100%;
}

.landingMenuHolder ul {
    display: inline-block;
    width: 100%;
}

    .landingMenuHolder ul li {
        text-align: center;
        float: left;
        width: 25%;
    }

        .landingMenuHolder ul li a {
            font-size: 35px;
            color: #fff;
            text-transform: uppercase;
            will-change: color;
            position: relative;
            font-weight: 400;
        }

            .landingMenuHolder ul li a:hover {
                color: rgba(255,255,255,0.5);
            }

.menuActions {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 90;
    opacity: 0;
    visibility: hidden;
}

.actionList > div, .menuSmLinks > div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 32px;
}

.menuSmLinks > div, .menuSmLinksHolder > div {
    margin-left: 20px;
}

.actionList .menuSmLinks {
    margin-left: 20px;
}

.actionList > div a {
    color: #fff;
    font-family: helvetica-neue;
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%;
    height: 100%;
}

    .actionList > div a img {
        display: block;
        width: 100%
    }

.fbLink,
.instaLink,
.lnLink, .twitterLink, .youtubeLink {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.fbLink {
    background-image: url(../images/ico_fb.svg);
}

.instaLink {
    background-image: url(../images/ico_insta.svg);
}

.lnLink {
    background-image: url(../images/ico_linkedin.svg);
}

.twitterLink {
    background-image: url(../images/ico_twitter.svg);
}
.youtubeLink {
    background-image: url(../images/ico_youtube.svg);
}

.contactUsLink a {
    padding-left: 20px;
    background-image: url(../images/ico-phone.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 12px auto;
}

.loginLink a {
    padding-left: 20px;
    background-image: url(../images/ico_login.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px auto;
}

    .contactUsLink a:hover,
    .loginLink a:hover, .eiLogo a:hover {
        text-decoration: underline;
    }

.menuHolder .logoHolder, .pageLogo {
    width: 174px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 102;
}

    .menuHolder .logoHolder a,
    .pageLogo a,
    .menuHolder .logoHolder a img,
    .pageLogo a img {
        display: block;
        width: 100%;
    }

.landingMenuLinks ul li {
    opacity: 0;
}

    .landingMenuLinks ul li:nth-child(1) {
        transition: all linear 700ms 350ms;
        -moz-transition: all linear 700ms 350ms;
        -webkit-transition: all linear 700ms 350ms;
        -ms-transition: all linear 700ms 350ms;
    }

    .landingMenuLinks ul li:nth-child(2) {
        transition: all linear 700ms 550ms;
        -moz-transition: all linear 700ms 550ms;
        -webkit-transition: all linear 700ms 550ms;
        -ms-transition: all linear 700ms 550ms;
    }

    .landingMenuLinks ul li:nth-child(3) {
        transition: all linear 700ms 700ms;
        -moz-transition: all linear 700ms 700ms;
        -webkit-transition: all linear 700ms 700ms;
        -ms-transition: all linear 700ms 700ms;
    }

    .landingMenuLinks ul li:nth-child(4) {
        transition: all linear 700ms 850ms;
        -moz-transition: all linear 700ms 850ms;
        -webkit-transition: all linear 700ms 850ms;
        -ms-transition: all linear 700ms 850ms;
    }


.menuOpen .landingMenuHolder,
.menuOpen .landingMenuLinks ul li,
.menuOpen .menuActions {
    opacity: 1;
    visibility: visible;
}

.menuOpen .menuActions {
    right: 100px;
}

.menuOpen .burgerMenu a {
    background-color: transparent;
    border: 2px solid #fff;
    background-image: url(../images/ico_close-menu.svg);
    background-size: 20px auto;
}
/******************SEARCH STYLING*******************/
.searchHolder {
    position: relative;
    min-width: 35px;
    min-height: 35px;
}

.searchText {
    width: 0px;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 20px;
}

    .searchText input {
        width: 85%;
        background-color: transparent;
        color: #fff;
        font-size: 10px;
        border: 0 none;
    }

.searchActions {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px;
}

    .searchActions input, .searchActions a.searchOpen {
        width: 100%;
        height: 100%;
        display: block;
        border: 0 none;
        cursor: pointer;
        background-color: transparent;
        background-image: url(../images/ico_search.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 20px auto;
        position: absolute;
        top: 0;
        right: 0;
    }

    .searchActions input {
        display: none;
    }

.searchOpen .searchText {
    width: 250px;
    opacity: 1;
    visibility: visible;
}

.searchOpen .searchActions input {
    display: block;
}

.searchOpen .searchActions a.searchOpen {
    display: none;
}

.header {
    height: 160px;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999;
}

    .header:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: transparent;
        left: 0;
        top: -120px;
        z-index: 1;
        position: absolute;
    }

.headerFixed {
    top: -161px;
    position: fixed;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.menuVideoHolder {
    float: left;
    margin-left: 190px;
    position: relative;
    z-index: 200;
}

    .menuVideoHolder .videoThumbHolder {
        width: 260px;
        display: inline-block;
        vertical-align: middle;
    }

    .menuVideoHolder .floatingLink {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
    }

.thumbPlayIcon {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 30px
}

    .thumbPlayIcon svg {
        width: 35px;
        height: 48px;
    }

.menuVideoHolder .videoThumbHolder img {
    width: 100%;
    display: block;
    height: 100px;
    object-fit: cover;
}

.menuVideoHolder .videoThumbText {
    color: #000;
    text-transform: uppercase;
    line-height: .8;
    margin-left: 15px;
    font-weight: 900;
    letter-spacing: -1px;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    width: 170px
}

.fixedMenu .headerFixed {
    top: 0;
    height: 100px;
    z-index: 999;
}

.fixedMenu .menuHolder {
    height: 100px;
}
/*.subpage .burgerMenu a{
	border: 2px solid #000;
}*/
.margBot90 {
    margin-bottom: 90px;
}

.margBot150 {
    margin-bottom: 150px !important;
}

.margBot155 {
    margin-bottom: 155px !important;
}

.margBot160 {
    margin-bottom: 160px !important;
}

.margBot170 {
    margin-bottom: 170px !important;
}

.margBot50 {
    margin-bottom: 50px;
}
/******************SUBPAGE MENU OPEN*******************/
.subpage.menuOpen .burgerMenu a {
    border: 2px solid #fff;
}

.subpage .logoHolder {
    opacity: 0;
    visibility: hidden;
}

.subpage.menuOpen .logoHolder {
    opacity: 1;
    visibility: visible;
}

.subpage.menuOpen .pageLogo {
    z-index: 1;
}

.menuOpen .header:after {
    background-color: #000;
    top: 0;
}
/***************************************/
.aboutList {
    margin-bottom: 100px;
}

    .aboutList ul {
        display: inline-block;
        width: 100%;
    }

        .aboutList ul li {
            width: 31%;
            margin-right: 3%;
            float: left;
            position: relative;
            margin-bottom: 25px;
            height: 150px;
            box-sizing: border-box;
            overflow: hidden;
        }

            .aboutList ul li.withImage .boxInner {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                padding: 20px;
                box-sizing: border-box;
                transform: translateX(-101%);
            }

            .aboutList ul li.withImage.show .boxInner {
                transform: translateX(0);
            }

            .aboutList ul li.withNoImage h2 {
                color: #000;
                font-size: 45px;
                font-family: helvetica-neue;
            }

            .aboutList ul li:nth-child(3n) {
                margin-right: 0;
            }

            .aboutList ul li:nth-child(4) {
                width: 65%;
                transform: skewX(-25deg) translateX(-36px);
            }
                /*.aboutList ul li:nth-last-child(-n+3){
	margin-bottom: 0
}*/
                .aboutList ul li:nth-child(4).show .boxInner {
                    transform: skewX(25deg) translateX(0);
                    -webkit-transform: skewX(25deg) translateX(0);
                    -moz-transform: skewX(25deg) translateX(0);
                    -ms-transform: skewX(25deg) translateX(0);
                    background-size: cover;
                    position: absolute;
                    width: 112%;
                    height: 100%;
                    background-position: left top;
                    left: -40px;
                }

                .aboutList ul li:nth-child(4) a.actionBtn {
                    transform: skewX(-25deg);
                    -webkit-transform: skewX(-25deg);
                    -moz-transform: skewX(-25deg);
                    -ms-transform: skewX(25deg);
                    left: 50px;
                    right: 50px;
                }

                .aboutList ul li:nth-child(4) h3 {
                    position: absolute;
                    left: 90px;
                }

            .aboutList ul li:nth-child(5), .aboutList ul li:nth-child(8), .aboutList ul li:nth-child(11) {
                margin-right: 0;
            }

            .aboutList ul li:nth-child(6), .aboutList ul li:nth-child(9) {
                margin-right: 3%;
            }

            .aboutList ul li h3, .aboutList ul li h3 a {
                font-size: 19px;
                color: #ffffff;
                font-family: helvetica-neue;
                position: relative;
                z-index: 5;
            }

.boxInner {
    height: 100%;
}

.aboutList ul li a.actionBtn {
    position: absolute;
    left: 6px;
    top: 6px;
    right: 6px;
    bottom: 6px;
    background-color: #000;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}

.aboutList ul li:hover a.actionBtn {
    opacity: 1;
    visibility: visible;
}

.footer {
    padding: 30px 0;
    color: #fff;
    font-family: helvetica-neue;
    font-size: 10px;
}

    .footer a {
        color: rgba(0,0,0,0.95);
        font-family: helvetica-neue;
        letter-spacing: .5px;
        font-size: 14px;
        font-weight: 200;
        margin-right: 47px;
    }
/*.footer a:hover{
	opacity: 0.6;
}*/
.footerLinks {
    float: left;
    width: 50%
}
.liveStearmPopover{
    background-color: rgba(0,0,0,0.75);
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.popuptext{
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    float: left;
    margin-top: 10px;
    margin-right: 350px;
}
.liveStreamBtn{
    display: inline-block;
    vertical-align: middle;
    float:right;
}
.liveStreamBtn a{
    background-color: #ec2127;
    padding: 12px 15px 12px 25px;
    color:#ffffff;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: block;
}
.countdown{
    float: left;
}
.macUser .liveStreamBtn a{
    padding:13px 15px 10px 25px;
}
.clock {
    display: block;
    margin: 0 auto;
}
.clock div {
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
    display: inline-block;
    padding: 10px;
    font-size: 15px;
    width: 50px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    border-radius: 5%;
}
.clock div[data-value*="days"]:after, .clock div[data-value*="hours"]:after, .clock div[data-value*="minutes"]:after, .clock div[data-value*="seconds"]:after {
    display: block;
    font-size: 9px;
    text-align: center;
    font-weight: 300;
}
.clock div[data-value*="days"]:after {
    content: "Days";
}
.clock div[data-value*="hours"]:after {
    content: "Hours";
}
.clock div[data-value*="minutes"]:after {
    content: "Minutes";
}
.clock div[data-value*="seconds"]:after {
    content: "Seconds";
}

@media screen and (max-width: 767px) {
    .popuptext{
        margin-bottom: 10px;
    }
    .clock {
        max-width: 100%;
   }
    .clock div[data-value*="days"]:after, .clock div[data-value*="hours"]:after, .clock div[data-value*="minutes"]:after, .clock div[data-value*="seconds"]:after {
        font-size: 0.5rem;
   }
}

.liveStreamBtn a:before{
    content: "";
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -4px;
}

.cpHolder {
    float: right;
    width: 50%;
    text-align: right;
    color: rgba(0,0,0,0.95);
    font-size: 14px;
    font-weight: 200;
}

    .cpHolder .fbLink {
        background-image: url(../images/ico-fb-footer.svg);
    }

    .cpHolder .instaLink {
        background-image: url(../images/ico-insta-footer.svg);
    }

    .cpHolder .lnLink {
        background-image: url(../images/ico-linkedin-footer.svg);
    }

    .cpHolder .twitterLink {
        background-image: url(../images/ico-twitter-footer.svg);
    }

    .cpHolder .youtubeLink {
        background-image: url(../images/ico-youtube-footer.svg);
    }

    .cpHolder .smLinks {
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px
    }

        .cpHolder .smLinks a {
            display: block;
            width: 100%;
            height: 100%
        }

    .cpHolder .cp {
        display: inline-block;
        vertical-align: middle;
		font-size:14px
	}

.bannerImgHolder {
    margin-bottom: 150px;
    position: relative;
}
.comingSoon{
    margin-top: 40px;
}
.comingSoon span{
    padding: 20px;
    border: none;
    -webkit-appearance: none;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    font-family: helvetica-neue;
    font-weight: 900;
    line-height: 35px;
}

.secondLevelPage .bannerImgHolder {
    margin-bottom: 283px;
}

.bannerImgHolder img {
    display: block;
    width: 100%;
}

.bannerImgHolder .newsDate {
    position: absolute;
    background-color: #000;
    font-size: 22px;
    font-family: helvetica-neue;
    padding: 9px 20px 10px;
    font-weight: 600;
    color: #fff;
    top: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.backBtn {
    margin-top: 20px;
    float: right;
}

    .backBtn a {
        color: #000;
        padding-left: 85px;
        background-image: url(../images/arrow_Back.svg);
        background-position: 15px center;
        background-repeat: no-repeat;
        background-size: 60px auto;
    }

        .backBtn a:hover {
            background-position: 0 center;
        }

.relatedContentBlock h2 {
    margin-bottom: 20px;
}

    .relatedContentBlock h2 span {
    }

        .relatedContentBlock h2 span:nth-child(1) {
            margin-bottom: 10px;
        }

.relatedList ul li, .servicesSubmenu ul li {
    display: inline-block;
    margin-right: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.relatedList ul li {
    margin-bottom: 0;
}

    .relatedList ul li a, .servicesSubmenu ul li a {
        color: #ffffff;
        font-family: helvetica-neue;
        font-weight: 200;
        font-size: 18px;
        line-height: 160%;
        letter-spacing: 1px;
    }

.servicesSubmenu ul li a {
    color: #000000;
}

.relatedList ul li a:hover {
    text-decoration: underline;
}

.servicesSubmenu {
    margin-bottom: 48px;
}

    .servicesSubmenu ul li a {
        position: relative;
        padding: 5px 0;
        text-transform: none;
    }

        .servicesSubmenu ul li a:after {
            content: '';
            left: 0;
            width: 0;
            height: 1px;
            background-color: #000;
            bottom: 0;
            position: absolute;
        }

    .servicesSubmenu ul li:hover a:after, .servicesSubmenu ul li.active a:after {
        width: 100%;
    }

.servicesListHolder h2 {
    margin-bottom: 60px;
}

    .servicesListHolder h2 span {
        background-color: #000;
        display: inline-block;
        padding: 5px 10px;
        color: #fff;
        font-size: 39px;
        font-family: helvetica-neue;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

.servicesListHolder {
    min-height: 370px;
}

    .servicesListHolder .listHolder ul li {
        float: left;
        width: calc((100% - 72px)/3);
        margin-right: 36px;
        margin-bottom: 126px;
        height: 685px;
    }

    .servicesListHolder .listHolder ul {
        width: 100%;
        display: inline-block;
    }

        .servicesListHolder .listHolder ul li:nth-child(3n) {
            margin-right: 0;
        }

.serviceImgHolder {
    position: relative;
}

    .serviceImgHolder a {
        overflow: hidden;
    }

        .serviceImgHolder a, .serviceImgHolder a img {
            display: block;
            width: 100%
        }

            .serviceImgHolder a:hover img {
                transform: scale(1.5);
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -ms-transform: scale(1.5);
            }

.serviceTitle {
    padding: 51px 0 0 32px;
    margin-bottom: 5px;
}

    .serviceTitle a {
        color: #000;
        font-family: helvetica-neue;
        letter-spacing: -2px;
        line-height: 50px;
        font-size: 49px;
        font-weight: 800;
        margin-bottom: 15px;
        /* min-height:175px;*/
        display: block;
    }

.moreServices {
    padding: 0 32px;
}



.clippedBg {
    height: 350px;
    font-size: 90px;
    position: relative;
    display: inline-block;
    margin-bottom: 60px;
    /* Color fallback */
    color: #000;
    text-transform: uppercase;
    font-family: helvetica-neue;
}


    .clippedBg:before,
    .clippedBg:after {
        position: absolute;
        content: '';
    }


    /* Text Background (black zone) */
    .clippedBg:after {
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
    }


.bulletList li {
    padding-left: 30px;
    margin-bottom: 40px;
    position: relative;
}

    .bulletList li:before {
        content: "";
        display: block;
        position: absolute;
        width: 14px;
        height: 2px;
        background: #000;
        top: 20px;
        left: 0;
    }



.ethanInNumbers {
    background-color: #000;
}

.numbersHolder {
    background-color: #000000;
    padding: 75px 0 57px;
}

.smallText {
    font-size: 17px;
    font-family: helvetica-neue;
    color: #fff;
    margin-bottom: 5px;
}

.bigTitle {
    font-size: 172px;
    font-family: helvetica-neue;
    letter-spacing: -2px;
    margin-bottom: 14px;
    color: #fff;
    line-height: 76%;
    font-weight: 900;
    width: 100%;
}

    .bigTitle p {
        display: inline-block;
        width: 50%;
    }

.loweText .text1, .loweText .text2 {
    letter-spacing: -2px;
    font: 300 40px/1.16 h;
    font-family: helvetica-neue;
    color: #fff;
    float: left;
}

.loweText .text1 {
    margin-right: 45px
}

.moreServices.inquire {
    padding: 0;
    margin-top: 30px;
}

.newsList ul {
    display: inline-block;
    width: 100%;
}

    .newsList ul li {
        float: left;
        width: 24.25%;
        margin-right: 1%;
        margin-bottom: 12px;
        overflow: hidden;
    }

        .newsList ul li:nth-child(5n-1) {
            margin-right: 0;
        }

        .newsList ul li:nth-child(5n+5) {
            margin-right: 0;
            width: 100%;
        }

.newsItemHolder {
    position: relative;
}

@media all and (min-width: 760px) {
    .newsItemHolder, .boardItemHolder, .searchItemHolder {
        transform: translateX(-101%);
        -webkit-transform: translateX(-101%);
        -moz-transform: translateX(-101%);
        -ms-transform: translateX(-101%);
    }

    .newsList ul li.show .newsItemHolder {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
    }

    .boardList .swiper-slide.show .boardItemHolder, .searchList ul li.show .searchItemHolder {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}

.newsImg img, .boardImage img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsImg h3 {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 17px;
    width: 100px;
}

    .newsImg h3 span {
        background-color: #000;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        padding: 5px 7px;
        display: inline-block;
        z-index: 2;
        margin-top: 2px;
    }

.newsInfo {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #000;
    padding: 24px 21px 21px;
    opacity: 0;
    visibility: hidden;
}

.newsItemHolder:hover .newsInfo {
    opacity: 1;
    visibility: visible;
}

.newsInfo h3 {
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 100%;
    font-weight: 900;
    text-align: left;
    font-family: 'Helvetica LT Std';
}

.newsInfoFixed h3 {
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 100%;
    font-family: 'Helvetica LT Std';
    line-height: 80%;
}

.newsInfo .newsDate, .newsInfoFixed .newsDate {
    color: #fff;
    font-family: helvetica-neue;
    font-size: 15px;
    position: absolute;
    left: 15px;
    bottom: -14px;
    transform: rotate(-90deg);
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    transform-origin: top left;
    font-weight: 200;
    line-height: 15px;
}

.newsInfo .moreServices {
    padding: 0;
    margin-top: 20px
}

.newnewsList .newsInfo .moreServices a {
    font-size: 15px;
    letter-spacing: 0;
    font-weight: 600
}

.boardList .swiper-slide, .boardList ul li {
    overflow: hidden;
}

@media all and (min-width: 1080px) {
    .newsList ul li:hover .newsInfo {
        background-color: #000000;
    }
}

.newsImgRec {
    width: 49.5%;
    margin-right: 1%;
    float: left;
    position: relative;
}

.newsInfoFixed {
    width: 24.25%;
    margin-right: 1%;
    float: left;
    position: relative;
    display: block;
    height: 215px;
    padding: 15px 0;
    box-sizing: border-box;
}

    .newsInfoFixed h3 {
        color: #000;
    }

    .newsInfoFixed .newsDate {
        color: #000;
    }

.newsImgSquare {
    width: 24.25%;
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.newsImgRec .newsInfo {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 100%;
    font-weight: 900;
    font-family: 'Helvetica LT Std';
}

.loadMore {
    text-align: center;
    margin-bottom: 100px;
}

    .loadMore a {
        color: #000;
        background-image: url(../images/arrow_LoadMore.svg);
        background-position: center top;
        padding-top: 75px;
        background-repeat: no-repeat;
        background-size: auto 60px;
        font-family: helvetica-neue;
        text-transform: uppercase;
    }

        .loadMore a:hover {
            background-position: center 15px;
        }

.shareLinks {
    position: absolute;
    right: -50px;
}

    .shareLinks ul li {
        display: inline-block;
        margin-right: 8px;
    }

        .shareLinks ul li a, .shareLinks ul li span {
            display: block;
            background-color: #000;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .shareLinks ul li.fbIcon a, .shareLinks ul li.fbIcon span {
            background-image: url(../images/fb-icon.svg);
        }

        .shareLinks ul li.twitterIcon a, .shareLinks ul li.twitterIcon span {
            background-image: url(../images/twitter-icon.svg);
        }

        .shareLinks ul li.mailIcon a {
            background-image: url(../images/mail-icon.svg);
        }

        .shareLinks ul li.shareIcon a {
            background-image: url(../images/share-icon.svg);
        }

.contactForm h2 {
    color: #000;
    font-weight: 200;
    font-size: 22px;
    font-family: helvetica-neue;
    margin-bottom: 12px;
}

.textareaMSG {
    width: 100% !important
}

    .textareaMSG textarea {
        margin: 0 0 10px 0;
        font-size: 100px;
        letter-spacing: -1px;
        border: none;
        height: 365px;
        max-width: 100%;
        width: 100% !important;
        min-width: 100%;
        font-family: helvetica-neue;
        color: #000000;
        font-weight: 900;
        line-height: 90px;
        padding: 10px 0;
    }

.contactForm input[type=text] {
    color: #000000;
}

.email-wrapper {
    font-size: 22px;
    margin: 0 0 55px 0;
    font-family: helvetica-neue;
}

    .email-wrapper label {
        color: #000;
        display: inline-block;
        font-weight: 800;
        vertical-align: middle;
    }

    .email-wrapper input {
        border: none;
        width: 500px;
        font: inherit;
        padding-top: 2px;
        outline: none;
        display: inline-block;
        font-weight: 800;
        outline: none;
    }

.submit-wrapper .btn, .formActions .normalBtn {
    padding: 20px;
    border: none;
    -webkit-appearance: none;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    cursor: pointer;
    font-family: helvetica-neue;
    font-weight: 900;
    line-height: 35px;
}

/**************Loader Setup*******************/
.formActions {
    position: relative;
}

    .formActions:after {
        content: "";
        position: absolute;
        right: 100%;
        margin-right: 5px;
        top: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background-image: url(../images/loader.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: none;
    }

    .formActions.isLoading:after {
        display: block;
    }

/******************************************/

.contactForm {
    margin-bottom: 80px;
}

.contactInfoBlock {
    background-color: #000;
    padding: 135px 0;
    margin-bottom: 100px;
    font-family: helvetica-neue;
}

.contactInfoLeftBlock {
    float: left;
    width: 45%;
    margin-right: 15%
}

.contactInfoRightBlock {
    float: left;
    width: 40%;
}

.infoLine {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

    .infoLine .labelInfo {
        text-align: right;
        float: left;
        width: 40%;
        margin-right: 4%;
        font-size: 22px;
        font-family: helvetica-neue;
        color: #ffffff;
        font-weight: 200;
    }

    .infoLine .infoHolder {
        text-align: left;
        float: left;
        width: 56%;
        font-family: helvetica-neue;
        font-size: 22px;
        color: #ffffff;
        line-height: 23px;
        font-weight: 800;
    }

.officesList ul {
    width: 100%;
    display: inline-block;
}

    .officesList ul li {
        width: 31%;
        float: left;
        margin-right: 3.5%;
        margin-bottom: 25px;
    }

        .officesList ul li:nth-child(3n) {
            margin-right: 0;
        }

.officesList h3 {
    font-size: 25px;
    font-family: helvetica-neue;
    color: #000;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.officeInfo {
    color: #000;
    font-family: helvetica-neue;
    font-size: 14px;
    line-height: 19px;
}
.officeInfo a{
    color: #000000;
}

    .officeInfo strong {
        font-family: helvetica-neue;
    }

.officeEl {
    margin-bottom: 50px;
}
/**************************THEMES**************************/
.greenTheme .subpageMenuLinks ul li a:after {
    background-color: #00d400;
}

.greenTheme.menuOpen .subpageMenuLinks ul li a:after {
    opacity: 0;
}

.greenTheme .servicesSubmenu ul li a:after {
    background-color: #00d400;
}

.greenTheme .moreServices a, .greenTheme .serviceTitle a:hover, .greenTheme .moreServices.inquire a {
    color: #00d400;
}

.pinkTheme .subpageMenuLinks ul li a:after {
    background-color: #ff00a3;
}

.pinkTheme.menuOpen .subpageMenuLinks ul li a:after {
    opacity: 0;
}

.pinkTheme .servicesSubmenu ul li a:after {
    background-color: #ff00a3;
}

.pinkTheme .moreServices a, .pinkTheme .serviceTitle a:hover, .pinkTheme .moreServices.inquire a {
    color: #ff00a3;
}

.blueTheme .subpageMenuLinks ul li a:after {
    background-color: #0000ff;
}

.blueTheme.menuOpen .subpageMenuLinks ul li a:after {
    opacity: 0;
}

.blueTheme .servicesSubmenu ul li a:after {
    background-color: #0000ff;
}

.blueTheme .moreServices a, .blueTheme .serviceTitle a:hover, .blueTheme .moreServices.inquire a {
    color: #0000ff;
}


.moreServices a {
    padding-left: 65px;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-image: url(../images/arrow_back_right.svg);
    color: #000;
}

.greenTheme .moreServices a {
    background-image: url(../images/arrow_GreenIT.svg);
}

.pinkTheme .moreServices a {
    background-image: url(../images/arrow_PinkTelco.svg);
}

.blueTheme .moreServices a {
    background-image: url(../images/arrow_BlueCloud.svg);
}



.moreServices a:hover {
    background-position: 10px center;
}

.noPadTop {
    padding-top: 0;
}

/******************Animction styles*******************/
.serviceImgHolder a img {
    transition: all linear 9s;
    -moz-transition: all linear 9s;
    -webkit-transition: all linear 9s;
    -ms-transition: all linear 9s;
}

.menuActions {
    transition: all linear 200ms 200ms;
    -moz-transition: all linear 200ms 200ms;
    -webkit-transition: all linear 200ms 200ms;
    -ms-transition: all linear 200ms 200ms;
}

.actionBtn, .footer a, .backBtn a, .relatedList ul li a, .moreServices a, .serviceTitle a, .newsInfo, .loadMore a, .contactMail a, .contactMail, input[type="submit"], .boardInfo, .blackBtn a {
    transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
}

.landingMenuHolder ul li a, .landingMenuHolder, .burgerMenu a, .searchText, .logoHolder {
    transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
    -ms-transition: all linear 300ms;
}

.headerFixed, .header:after, .subpageMenuLinks ul li a:after, .servicesSubmenu ul li a:after {
    transform: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    -moz-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    -webkit-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    -ms-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
}

.aboutList ul li.withImage .boxInner, .newsItemHolder, .boardItemHolder, .searchItemHolder {
    transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
    -moz-transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
    -webkit-transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
    -ms-transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
}

.subpage.menuOpen .menuActions, .subpageBody.secondLevelPage {
    transition: all linear 300ms 500ms;
    -moz-transition: all linear 300ms 500ms;
    -webkit-transition: all linear 300ms 500ms;
    -ms-transition: all linear 300ms 500ms;
}

.contentText h3 {
    color: #000000;
    font-size: 35px;
    font-family: helvetica-neue;
    margin-bottom: 30px;
    line-height: 42px;
    text-transform: uppercase;
}

.accList {
    margin-top: 40px;
}

    .accList li {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        .accList li img {
            max-width: 100%;
        }

        .accList li:last-child {
            margin-right: 0;
            border-right: none;
        }

.blackHolder {
    background-color: #000000;
    padding: 140px 210px 160px;
    margin-bottom: 188px !important;
}

    .blackHolder h2 {
        font-size: 90px;
        font-weight: 900;
        letter-spacing: -1px;
        color: #fff;
        text-transform: uppercase;
    }

    .blackHolder h3 {
        color: #ffffff;
        font-size: 35px;
        font-family: helvetica-neue;
        margin-bottom: 50px;
        text-transform: uppercase;
    }

.awardsList li {
    float: left;
    margin-bottom: 40px;
    margin-right: 20px;
    width: 48%;
}

    .awardsList li:nth-child(2n) {
        margin-right: 0;
    }

.awardDate {
    color: #ffffff;
    font-size: 35px;
    font-family: helvetica-neue;
    display: block;
}

.awardInfo {
    color: #ffffff;
    font-size: 16px;
    font-family: helvetica-neue;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: 1px;
}

.awardsList li:nth-last-child(2), .awardsList li:last-child {
    margin-bottom: 0;
}

.relateSectionsHolder .sectionTitle {
    margin-right: 110px;
    width: 33%;
    float: left;
    font-size: 120px;
    line-height: .85;
    letter-spacing: -.5px;
    text-transform: uppercase;
    font-weight: 900;
    word-break: break-word;
    color: #000;
}

    .relateSectionsHolder .sectionTitle span {
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-transform: none;
        margin-bottom: 20px;
    }

.relateSectionsHolder .sectionLink {
    width: 58%;
    margin-left: 0;
    float: left;
    margin-top: 40px;
}

.sectionLink .awardsList li {
    margin-bottom: 25px;
}

    .sectionLink .awardsList li:hover a:before {
        left: 10px;
    }

.margBot40 {
    margin-bottom: 40px;
}

.margBot30 {
    margin-bottom: 30px;
}


.toggleItem {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 25px;
    cursor: pointer;
}

.toggleContent a {
    color: #000;
    text-decoration: underline
}

.toggleItem span {
    background-image: url(../images/expand.svg);
    width: 16px;
    height: 9px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 25px;
}
/*.toggleItem.active span{transform:rotate(180deg)}*/
/*.toggleContent {display:none;font-size:15px; color:#000000;font-family: helvetica-neue;margin-bottom: 30px; line-height:21px;}*/
.toggleTitle {
    font-size: 40px;
    color: #000000;
    font-family: helvetica-neue;
    margin-bottom: 10px;
    font-weight: 300;
    letter-spacing: -2px;
}


/*.wantList ul {
    column-count: 4;
    column-gap: 70px;
    margin: 0;
    -webkit-perspective:1;
}
.wantList li {
    display: block;
    vertical-align: top !important;
    margin-bottom: 30px;
}

.wantList li{font-size:22px; font-family: helvetica-neue; line-height:28px;}
.wantList li:nth-child(3n){margin-right:0;}

    .wantList li{ line-height: 1.18; margin-bottom: 30px !important;}
    .wantListDescription{margin-bottom:30px}
*/




.contactMail {
    background: #fff;
    display: inline-block;
    border: 1px solid #ffffff;
}

.whiteText {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-family: helvetica-neue;
}

.contactMail a {
    font-size: 40px;
    color: #fff;
    background: #000;
    font-family: helvetica-neue;
    padding: 20px;
    font-weight: 900;
    display: inline-block;
    line-height: 30px;
}

.contactMail:hover a {
    color: #ffffff;
}

.awardsList li a {
    padding-left: 70px;
    position: relative;
    display: block;
}

.servicesTitle {
    color: #000;
    font-size: 35px;
    font-weight: 600;
    font-family: helvetica-neue;
    margin-left: -2px;
    line-height: 32px;
    margin-bottom: 10px;
}

.servicesDetails {
    color: #000;
    font-size: 14px;
    font-family: helvetica-neue;
}
/*.servicesList li{width:48%; }*/

.servicesList li a:before {
    content: "";
    position: absolute;
    background: url(../images/list-arrow.svg) 0 no-repeat;
    background-size: cover;
    width: 51px;
    height: 9px;
    left: 0;
    top: 50%;
    transition: transform .3s cubic-bezier(.19,1,.22,1);
    margin-top: -3px;
}

.servicesList li:hover a:before {
    left: 5px;
}


h5 {
    font-size: 15px;
    color: #000;
    font-family: helvetica-neue;
    display: block;
    margin-bottom: 10px;
    line-height: 26px;
}

.accordholder .halfpageContent {
    width: 58%;
}

.contentList li {
    display: block;
    margin: 10px 0;
    position: relative;
}

.partnersList li {
    width: 100%;
}

    .partnersList li a {
        padding-left: 85px;
        position: relative;
        color: #000000;
        font-size: 35px;
        font-weight: 300;
    }

.providersList li {
    float: left;
    width: 27%;
    margin-right: 9%;
    margin-bottom: 50px;
}

    .providersList li:nth-child(3n) {
        margin-right: 0;
    }

.listImage {
    width: 140px;
    height: 72px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .listImage img {
        display: block;
    }

.listTitle {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    font-family: helvetica-neue;
    text-align: left;
    margin-top: 10px
}

.listDesc {
    font-size: 14px;
    font-family: helvetica-neue;
    color: #000000;
    line-height: 18px;
    display: none;
}

.selectTitle {
    color: #000;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: helvetica-neue;
    display: inline-block;
}

.selectBtn {
    display: inline-block;
    position: relative;
    background-image: url(../images/arrow-down.svg);
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-size: 13px auto;
    width: 300px;
}

    .selectBtn select {
        border: none;
        -webkit-appearance: none;
        line-height: 24px;
        font-size: 20px;
        border-radius: 0;
        color: #000;
        font-family: helvetica-neue;
        cursor: pointer;
        border: 1px solid #000;
        background-color: transparent;
        width: 100%;
        padding: 15px 15px;
    }
/***************************************************************************************************************************/
.inputEntity {
    display: block;
    margin-bottom: 40px;
    position: relative;
}

    .inputEntity label {
        font-size: 22px;
        margin-bottom: 0 !important;
        margin-right: 3px;
        font-family: helvetica-neue;
        font-weight: 800;
        color: #000000;
        margin-bottom: 15px;
        display: inline-block;
        vertical-align: middle;
    }

.inputParent {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
}

.inputEntity input[type="text"] {
    font-size: 22px !important;
}

.inputEntity input[type="text"] {
    color: #000000;
    font-size: 80px;
    font-weight: 800;
    font-family: helvetica-neue;
    border: none;
    width: 100%;
}

.normalBtn {
    background: #000000;
    color: #ffffff;
    font-size: 25px;
    font-family: helvetica-neue;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 80px;
    border: 1px solid #000000;
    cursor: pointer;
}
/*.normalBtn:hover{color:#000000; background:#ffffff;}*/
/***************************************************************************************************************************/
.boardList h4, .awardsPage h4 {
    font-size: 90px;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: capitalize;
}

.boardList .swiper-slide {
    float: left;
    width: 23.7%;
    margin-right: 1.73%;
    margin-bottom: 20px;
}

    .boardList .swiper-slide:nth-child(4n) {
        margin-right: 0;
    }

.boardItemHolder, .searchItemHolder {
    position: relative;
}

.boardInfo {
    position: absolute;
    left: -100px;
    bottom: 14px;
    background-color: #000;
    padding: 14px 15px 15px 18px;
    opacity: 0;
    height: 136px;
    visibility: hidden;
    width: 233px;
    box-sizing: border-box;
}

.boardList .swiper-slide:hover .boardInfo {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.sitemapItem ul {
    display: inline-block;
    width: 100%;
}

.boardName {
    color: #ffffff;
    line-height: 100%;
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 28px;
}

.boardPosition {
    color: #ffffff;
    font-size: 18px;
    font-family: helvetica-neue;
    line-height: 16px;
    font-weight: 300;
}

.awardsPage .accList {
    display: inline-block;
    margin-bottom: 40px;
}

.awardsPage .blackHolder, .serviceAgreementPage .blackHolder {
    padding: 120px 0 120px
}

.awardsPage .blackHolder, .serviceAgreementPage .blackHolder {
    max-width: 860px
}

.featuredIn {
    padding: 80px 0
}

.logosList h2 {
    font-size: 90px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #000;
    line-height: 90%;
    text-transform: uppercase;
}

.blackHolder.logosList h2 {
    color: #ffffff
}

.logosListHolder ul {
    display: inline-block;
    width: 100%
}

    .logosListHolder ul li {
        width: 25%;
        float: left;
		height:89px;
        margin-bottom: 40px;
        padding-right: 55px
    }

        .logosListHolder ul li img {
            width: 100%;
        }


.blackBtn a {
    background: #000;
    display: block;
    padding: 15px;
    color: #fff;
    font-size: 25px;
    font-family: helvetica-neue;
    border: 1px solid #000000;
}

    .blackBtn a:hover {
        background: #ffffff;
        color: #000;
    }

.errorBody {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 83vh;
}

.sitemapItem {
    float: left;
    width: 38%;
    margin-right: 24%;
}

    .sitemapItem.last {
        margin-right: 0;
    }

.sitemapList {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #d8d8d8;
}

    .sitemapList.last {
        border-bottom: 0;
    }

.sitemapItem ul li a {
    color: #000;
    font-size: 15px;
    position: relative;
}

    .sitemapItem ul li a:after {
        content: '';
        left: 0;
        width: 0;
        height: 1px;
        background-color: #000;
        bottom: -7px;
        position: absolute;
        transform: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
        -moz-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
        -webkit-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
        -ms-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    }

    .sitemapItem ul li a:hover:after, .sitemapItem ul li.active a:after {
        width: 100%;
    }

.sitemapItem h4 {
    font-size: 70px;
}

.searchList ul li {
    float: left;
    width: 31.25%;
    margin-right: 2%;
    overflow: hidden;
}

    .searchList ul li:nth-child(3n) {
        margin-right: 0;
    }

.searchInfo {
    padding: 20px;
}

.searchTitle {
    color: #000;
    font-size: 32px;
    font-family: helvetica-neue;
    line-height: 34px;
    margin-bottom: 30px;
    min-height: 102px;
}

.searchDesc {
    font-size: 15px;
    color: #000;
    font-family: helvetica-neue;
    line-height: 22px;
    margin-bottom: 35px;
}

.searchInfo a {
    color: #000;
    padding-left: 50px;
    font-size: 14px;
    font-family: helvetica-neue;
    position: relative;
}

    .searchInfo a:before {
        content: '';
        background-image: url(../images/list-arrow.svg);
        width: 37px;
        height: 9px;
        background-repeat: no-repeat;
        background-size: 100%;
        position: absolute;
        left: 0;
        top: 5px;
    }

h3.largeTitle {
    font-size: 115px;
    line-height: 115px;
}

.boldText {
    font-family: helvetica-neue;
}

.whiteText.boldText {
    font-size: 19px;
    line-height: 23px;
}

.careerBlack, .careerImage {
    width: 50%;
    float: left;
}

ul.careersList li {
    width: 47%;
    margin-right: 6%;
    float: left;
    margin-bottom: 40px;
    display: flex;
}

    ul.careersList li:nth-child(2n) {
        margin-right: 0;
    }

.careerBlack {
    background: #000000;
    padding: 15px;
    width: 50%;
    display: inline-flex;
    flex-flow: row wrap;
}

.blockTitle {
    font-size: 25px;
    text-align: left;
    color: #fff;
    display: inline-block;
    font-weight: 900;
    width: 100%;
}

.careerInfo {
    align-self: flex-end;
}

.careerDesc {
    color: #ffffff;
    font-size: 15px;
    font-family: helvetica-neue;
    line-height: 18px;
    font-weight: 300;
}

.careerImage {
    position: relative;
}

    .careerImage .blockTitle {
        position: absolute;
        top: 15px;
        left: 15px;
        color: #000;
    }

    .careerImage img, .imagesList li img {
        width: 100%;
    }

.imagesList li {
    float: left;
    margin-right: 3.5%;
    width: 31%;
    overflow: hidden;
}

    .imagesList li:nth-child(3n), .imagesList li:last-child {
        margin-right: 0;
    }

.contentText h2 {
    color: #000000;
    font-size: 50px;
    font-family: helvetica-neue;
    margin-bottom: 44px;
    line-height: 46px;
    font-weight: 900;
    letter-spacing: -1px;
}

.quotesText {
    margin: 20px 0 40px 72px;
    color: #808080;
    font-size: 15px;
    font-family: helvetica-neue;
}

.boldBlack {
    color: #000;
    font-family: helvetica-neue;
    font-size: 27px;
    margin-bottom: 20px;
    position: relative;
    line-height: 31px;
}

    .boldBlack::before {
        content: '';
        position: absolute;
        left: -80px;
        top: 0;
        width: 50px;
        height: 40px;
        background-image: url(../images/quotes.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

.imagesList li.doubleWidth {
    width: 64%;
}

.sitemapItem ul li {
    margin-bottom: 10px;
}

.partnerShips { /*margin-bottom:115px;*/
    display: inline-block;
    width: 100%;
}

.partnersBlock.contentText h4 {
    margin-bottom: 0;
}

.partnerShips li {
    float: left;
    width: 25%;
    text-align: left;
    margin: 0 0 12px 0;
}

.providersList li .listImage {
    text-align: center;
}

.providersList li {
    margin: 0;
}

    .partnerShips li img, .providersList li img {
        max-width: 100%;
        max-height: 100%;
    }

.bottomMenu, .subpage .landingMenuHolder {
    display: none;
}

    .bottomMenu a {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
    }

ul.contentText li {
    position: relative;
    padding-left: 25px;
    display: block;
    margin-bottom: 10px;
}

    ul.contentText li::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 2px;
        left: 0;
        top: 18px;
        border-radius: 50px;
        background-color: #000;
    }

.slides li, .sitemapItem li {
    padding-left: 0 !important;
}

    .slides li:before, .sitemapItem li:before {
        display: none;
    }

.contentText p a {
    color: #000;
    text-decoration: underline;
}

    .contentText p a:hover {
        text-decoration: none;
    }

.infoHolder a {
    color: #ffffff;
}

    .infoHolder a:hover {
        text-decoration: none;
    }

#SubpagesText p {
    color: #000000;
    text-transform: uppercase;
    font-size: 49px;
    font-family: helvetica-neue;
    line-height: 52px;
    font-weight: 800;
}

.accList li {
    padding-left: 0 !important;
}

    .accList li:before {
        display: none;
    }
/*.subpageMenuLinks ul li:first-child a:after {background-color: #00d400;}
.subpageMenuLinks ul li:nth-child(2n) a:after {background-color: #ff00a3;}
.subpageMenuLinks ul li:nth-child(3n) a:after {background-color: #0000ff;}
.subpageMenuLinks ul li:nth-child(4n) a:after {background-color: #000000;}*/
.landingLogoHolder {
    display: none;
}

.errorHere {
    color: red;
    font-size: 10px;
    font-family: Arial;
}

.noresults {
    font-size: 20px;
    color: #000000;
}

.safeArea860 {
    max-width: 860px;
    margin: 0 auto;
}

.safeArea1100 {
    max-width: 1100px;
    margin: 0 auto;
}

.safeArea1006 {
    max-width: 1006px;
    margin: 0 auto;
}

.secondLevelPage h1, .aboutSub h1 {
    text-transform: none;
    font-size: 90px;
    font-weight: 900;
    line-height: 90%;
    margin-bottom: 20px;
}

.bannerSafeArea {
    padding-left: 5vw;
    padding-right: 5vw;
}

.relatedContentBlock .safeArea1280 {
    background-color: #000;
    padding: 36px 0 30px 100px;
    box-sizing: border-box;
    position: relative;
}

.relatedContentBlock h2 {
    font-size: 50px;
    font-weight: 900;
    position: relative;
}

    .relatedContentBlock h2:after {
        content: "";
        right: 100%;
        margin-right: 15px;
        top: 4px;
        width: 66px;
        height: 66px;
        background-image: url(../images/plus-sign.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
    }

    .relatedContentBlock h2 span {
        padding: 0;
        color: #fff;
        line-height: 40px;
        text-transform: uppercase;
    }

.subpageBody.aboutSub.joinusPage {
    padding-top: 196px;
}

.joinusPage h1, .serviceAgreementPage h1 {
    margin-bottom: 25px;
}

.joinusPage h4, .serviceAgreementPage h4 {
    letter-spacing: -2px;
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 0;
    text-transform: none;
}

.joinusPage h1 {
    font-size: 129px;
    line-height: 78.6%;
    text-transform: uppercase;
}

.joinusPage .inputParent {
    width: 60%
}

.joinusPage .contentText {
    margin-top: 21px;
}

.lineSep {
    background: #d8d8d8;
    width: 100%;
    height: 1px;
    margin-bottom: 30px;
}

.listCareerTitle h4 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 30px;
    text-transform: none;
}

.officesListHolder.relatedContentBlock .safeArea1280 {
    background-color: transparent;
}

.officesListHolder.relatedContentBlock h2 span {
    color: #000;
}

.selectList {
    position: relative;
}

.joinusForm {
    max-width: 500px;
}

    .joinusForm .selectBtn {
        width: 100%;
    }


/*.serviceAgreementPage label{
    color: #000;
    display: inline-block;
    font-weight: 800;}
.serviceAgreementPage input[type=text] {
    border: none;
    font: inherit;
    padding-top: 2px;
    outline: none;
    display: inline-block;
    font-weight: 800;
    outline: none;
    color:#000 !important;
}*/
.serviceAgreementPage .servicesForm .formHolder {
    width: 100%;
    float: none;
}

/*.serviceAgreementPage .validationHolder.error {
    position: absolute;
    left: 0;
    bottom: -19px;
}*/
.subtmitConfirmation {
    margin-top: 50px;
    font-weight: 200;
    font-size: 21px;
    line-height: 35px;
    color: #000;
}



.serviceDetPageContent h2 {
    font-weight: 900;
    font-size: 50px;
    letter-spacing: -1px;
}

.newnewsList h2 {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: -2px;
}

.newnewsList .newsInfo {
    position: relative;
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
    padding: 0 25px;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    width: calc(100% - 50px);
}

    .newnewsList .newsInfo a {
        color: #000;
        font-weight: 800;
        font-size: 25px;
        line-height: 100%;
        letter-spacing: -2px;
        margin: 0 0 15px;
        display: block;
    }

        .newnewsList .newsInfo a.lnLink {
            position: absolute;
            right: -25px;
            top: 10px;
            border: 1px solid #000;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            background-size: 20px auto;
            background-image: url(../images/ico_ln_black.svg);
        }

.newsSummary {
    font-weight: 200;
    font-size: 18px;
    color: #000;
    line-height: 100%;
}
/*.newsListPage h1{font: 900 100px/.786 h; font-family: helvetica-neue; text-transform:uppercase; margin-bottom:66px;}*/
.newsImg {
    margin-bottom: 29px;
    min-height: 185px
}
/* ---- grid ---- */

.partLogoHolder {
    width: 140px;
    height: 100px;
    display: flex;
    align-items: flex-end;
}

    .partLogoHolder img {
        max-width: 100%;
        max-height: 100%;
    }


* {
    box-sizing: border-box;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

/*.grid-sizer,
.grid-item {
  float: left;
  width:362px;
  margin-bottom: 65px;
  box-sizing:border-box;
}
.gutter-sizer { width:72px; }*/


.subpageBody.secondLevelPage .serviceDetPageTitle, .subpageBody.secondLevelPage .newsDate, .subpageBody.secondLevelPage .tags, .subpageBody.secondLevelPage .relatedContentBlock, .subpageBody.secondLevelPage .bannerImgHolder img, .subpageBody.secondLevelPage .serviceDetPageContent {
    opacity: 0;
    visibility: hidden;
}

.subpageBody.inquirePage, .subpageBody.contactPage {
    padding-top: 166px;
}

.contactPage .textareaMSG {
    margin-bottom: 40px;
}

.coloredBgHolder {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
}

.servicesPage {
    position: relative;
}

.secondLevelPage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -10;
}

.subpageBody.secondLevelPage.showThis {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    width: 100%;
    padding-top: 0;
}

    .subpageBody.secondLevelPage.showThis .coloredBgHolder {
        width: 100%;
    }

.newsListPage.homepageHolder .secondLevelPage {
    padding-top: 100px;
    margin-top: 0
}

.hideList .newsListPage.homepageHolder .servicesFirstLevel {
    margin-bottom: 60px
}


.hideList .servicesFirstLevel {
    opacity: 0;
    visibility: hidden;
    z-index: -11;
    overflow: hidden;
}

.subpageBody.secondLevelPage.showThis .tags, .subpageBody.secondLevelPage.showThis .serviceDetPageTitle, .subpageBody.secondLevelPage.showThis .bannerImgHolder img, .subpageBody.secondLevelPage.showThis .serviceDetPageContent, .subpageBody.secondLevelPage.showThis .relatedContentBlock, .subpageBody.secondLevelPage.showThis .newsDate {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}


/*.grid-item{left:0; top:0; opacity:0;}
.showItems .grid-item{opacity:1;}*/

.tags {
    position: absolute;
    left: 32px;
    bottom: -15px;
    z-index: 9;
}

.servicesListHolder .listHolder .tags ul li {
    margin-top: 2px;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    height: auto;
}

.tags span {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 3px 7px;
    display: inline-block;
    z-index: 2;
}



.bannerImgHolder .tags {
    width: 100%;
    left: 0;
    bottom: auto;
    top: calc(100% - 19px);
}

    .bannerImgHolder .tags li {
        margin-top: 0;
        margin-bottom: 2px;
    }

        .bannerImgHolder .tags li span {
            font-size: 22px;
            padding: 5px 20px 6px;
        }




.servicesFirstLevel {
    transition: all linear 500ms 300ms;
    -moz-transition: all linear 500ms 300ms;
    -webkit-transition: all linear 500ms 300ms;
    -ms-transition: all linear 500ms 300ms;
}

.showThis .coloredBgHolder {
    transition: all ease-in-out 500ms 800ms;
    -moz-transition: all ease-in-out 500ms 800ms;
    -webkit-transition: all ease-in-out 500ms 800ms;
    -ms-transition: all ease-in-out 500ms 800ms;
}

.showThis.subpageBody.secondLevelPage .tags, .showThis.subpageBody.secondLevelPage .serviceDetPageTitle, .showThis.subpageBody.secondLevelPage .relatedContentBlock, .subpageBody.secondLevelPage.showThis .bannerImgHolder img, .subpageBody.secondLevelPage.showThis .serviceDetPageContent {
    transition: all linear 500ms 1500ms;
    -moz-transition: all linear 500ms 1500ms;
    -webkit-transition: all linear 500ms 1500ms;
    -ms-transition: all linear 500ms 1500ms;
}



.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}





.servicesAgreementList li, .servicesAgreementList li:nth-child(2n) {
    margin-right: 3.5%;
}

    .servicesAgreementList li:nth-child(3n) {
        margin-right: 0;
    }



/*******************************************************************/

.news-wrapper .home-header h1 {
    font-size: 100px;
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

    .wrapper.wrapper--padded {
    }


.header-wrapper .header {
    overflow: hidden;
    position: relative
}

    .header-wrapper .header .site-logo {
        display: inline-block;
        line-height: 0;
        float: left;
        width: 75px;
        height: 40px
    }

        .header-wrapper .header .site-logo svg {
            max-width: 100%;
            max-height: 100%
        }

    .header-wrapper .header .burger {
        position: absolute;
        top: 0;
        right: 0;
        padding: 16px 25px 12px;
        display: none;
        overflow: hidden
    }

        .header-wrapper .header .burger span {
            display: block;
            background: #000;
            height: 3px;
            width: 20px;
            margin-bottom: 3px;
            transition: transform .5s cubic-bezier(.19, 1, .22, 1)
        }

    .header-wrapper .header .header-navigation {
        float: right
    }

    .header-wrapper .header .menu, .header-wrapper .header .social-links {
        display: inline-block;
        margin-top: 2px
    }

    .header-wrapper .header .menu {
        margin-right: 10px;
        margin-top: 2px
    }

.forgotPass a {
    color: #000;
    text-decoration: underline;
}

    .forgotPass a:hover {
        text-decoration: none;
    }









.fix-line-height .home-header .btn-showreel {
    margin-top: -15px
}

.home-header h1 {
    letter-spacing: 0;
    display: inline-block;
    position: relative
}

.home-header video {
    display: none
}

.home-header .trigger, .home-header canvas {
    position: absolute;
    top: -40px;
    left: -49px;
    width: calc(100% + 82px);
    height: calc(100% + 125px);
    display: block;
    visibility: visible
}

.home-header .trigger {
    z-index: 1;
    cursor: pointer
}

.home-header canvas {
    z-index: -1
}

.home-header .categories-filter {
    margin-top: 90px
}

    .home-header .categories-filter .categories-filter-item--all {
        display: none
    }


.header-wrapper.header-wrapper--fixed {
    text-transform: uppercase;
    line-height: .8;
    font-weight: 900;
    letter-spacing: -1px;
}

.header-wrapper.header-wrapper--fixed {
    visibility: hidden;
    display: none
}

    .header-wrapper.header-wrapper--fixed .sticky-player-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 120px;
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
        transition: opacity .2s linear 0s, visibility 0s linear .2s;
    }

        /*.full {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}*/

        .header-wrapper.header-wrapper--fixed .sticky-player-wrapper > * {
            display: inline-block;
            vertical-align: middle;
        }

/*.text:last-child {
	margin-bottom: 130px;
}*/
iframe {
    width: 100%;
}

#projet-video-wrapper {
    width: 100%;
    height: 100%;
}

.video-player-container iframe {
    height: 100%;
}

.popin-overlay {
    position: fixed;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s linear 0s,visibility 0s linear .2s;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

    .popin-overlay.show {
        opacity: 1;
        visibility: visible;
        transition: opacity .2s linear 0s,visibility 0s linear 0s;
        z-index: 99999;
    }

    .popin-overlay .popin-size {
        width: 80%;
        height: 100%;
        max-height: 98vh;
        max-width: 1440px
    }

    .popin-overlay .popin-scroll-wrapper {
        padding: 50px;
        overflow: hidden;
        height: 100%
    }

    .popin-overlay .popin-wrapper {
        background: #fff;
        position: relative
    }

    .popin-overlay .popin-close {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 0;
        padding: 28px 15px;
        font-size: 40px;
        color: #000000;
    }

    .popin-overlay .popin-inner {
        margin: auto;
        max-width: 100%;
        position: relative;
        height: 100%;
    }

.popin-inner .popin-content.text {
    height: 100%;
}

.popin-inner .video-wrapper, .video-player-container {
    height: 100%;
}

.popin-overlay .popin-inner h2 {
    text-align: center;
    margin-bottom: 15px
}

.popin-overlay .popin-inner #projet-video-wrapper .post-image-container {
    background: #fff;
    text-align: center
}

    .popin-overlay .popin-inner #projet-video-wrapper .post-image-container img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%
    }

.video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}





@media (max-width:767px) {
    .popin-overlay .popin-scroll-wrapper {
        padding: 50px 20px 20px
    }

    .popin-overlay .popin-size {
        width: 100%;
        max-height: 100vh
    }
}

.transition-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 999999
}

    .transition-overlay.show {
        pointer-events: auto;
        visibility: visible
    }

    .transition-overlay canvas {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0
    }

/*.windowsUser .newsListPage {
    margin-top:0;
}*/
.macUser .subpageBody.newsListPage {
    margin-top: 80px;
}

    .macUser .subpageBody.newsListPage h1 {
        margin-bottom: 110px;
    }


@media all and (min-width:1025px) and (max-width: 1170px) {
    .safeArea1280 {
        max-width: 100%;
        margin: 0 25px;
        box-sizing: border-box;
    }
}

.newsDetailsBanner .playVideoBtn {
    bottom: 60px
}

.newsDetailsBanner .playIconHolder {
    margin-left: 0;
    display: inline-block;
}

.playIconContainer {
    position: relative;
    display: inline-block;
}

    .playIconContainer a.playIconHolder {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }



.windowsUser .bodyContent h1 {
    position: relative;
    animation: rotate 1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes rotate {
    to {
        transform: translateY(100px);
    }
}

.windowsUser.newsInnerHolde .newsInfo {
    position: relative;
    animation: listTile2 1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes listTile2 {
    to {
        transform: translateY(-30px);
    }
}

.windowsUser .serviceDescHolder {
    position: relative;
    animation: listTile 1s linear infinite;
    animation-play-state: paused;
    animation-delay: calc(var(--scroll) * -1s);
    animation-iteration-count: 1;
    animation-fill-mode: both;
}

@keyframes listTile {
    to {
        transform: translateY(-70px);
    }
}
/******************Animction styles*******************/
.serviceImgHolder a img {
    transition: all linear 10s;
    -moz-transition: all linear 10s;
    -webkit-transition: all linear 10s;
    -ms-transition: all linear 10s;
}

.menuActions {
    transition: all linear 200ms 200ms;
    -moz-transition: all linear 200ms 200ms;
    -webkit-transition: all linear 200ms 200ms;
    -ms-transition: all linear 200ms 200ms;
}

.actionBtn, .servicesList li a:before, .footer a, .backBtn a, .relatedList ul li a, .moreServices a, .serviceTitle a, .newsInfo, .loadMore a, .contactMail a, .contactMail, input[type="submit"], .boardInfo, .blackBtn a {
    transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
}

.landingMenuHolder ul li a, .landingMenuHolder, .burgerMenu a, .searchText, .logoHolder, .bottomMenu, .sectionLink .awardsList li a:before {
    transition: all linear 300ms;
    -moz-transition: all linear 300ms;
    -webkit-transition: all linear 300ms;
    -ms-transition: all linear 300ms;
}

.playVideoBtn span {
    transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    -webkit-transition: all ease-in-out 300ms;
    -ms-transition: all ease-in-out 300ms;
}

.headerFixed, .header:after, .subpageMenuLinks ul li a:after, .servicesSubmenu ul li a:after {
    transform: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    -moz-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    -webkit-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
    -ms-transition: .7s cubic-bezier(.86,0,.07,1),visibility 0s linear 0s;
}

.aboutList ul li.withImage .boxInner, .newsItemHolder, .boardItemHolder, .searchItemHolder {
    transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
    -moz-transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
    -webkit-transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
    -ms-transition: transform cubic-bezier(.755, .05, .855, .06) .5s;
}

.subpage.menuOpen .menuActions, .grid-item {
    transition: all linear 300ms 500ms;
    -moz-transition: all linear 300ms 500ms;
    -webkit-transition: all linear 300ms 500ms;
    -ms-transition: all linear 300ms 500ms;
}

.margBot188 {
    margin-bottom: 188px;
}

.margBot180 {
    margin-bottom: 180px;
}

.margTop180 {
    margin-top: 180px;
}

.contactForm .formActions {
    margin-top: 54px;
}

    .contactForm .formActions .normalBtn {
        line-height: 40px;
    }

.aboutusPage .newsItemHolder .newsImg {
    margin-bottom: 0;
}

.listOfImages {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
}

ul.contentText {
    margin-top: 40px;
}

    ul.contentText li {
        margin-top: 40px;
    }

ul.contentText {
    margin-bottom: 30px;
}

.contentText a {
    color: #000000;
    text-decoration: underline;
}

.listulTitle {
    font-size: 28px;
    font-weight: 700;
}

.margBot130 {
    margin-bottom: 130px;
}

.margTop20 {
    margin-top: 20px;
}

.padTop205 {
    padding-top: 205px;
}

.newsInfo .newsDate {
    min-height: 30px;
}

.quoteHolder {
    margin-left: 0;
}

.quoteTitle {
    color: #000000;
    font-size: 22px;
    position: relative;
    margin-bottom: 5px;
    font-weight: 700;
    line-break: 160%;
}

    .quoteTitle:before {
        position: absolute;
        content: '';
        left: -72px;
        top: 0;
        width: 35px;
        height: 30px;
        background-image: url(../images/quotes.svg);
        background-size: 50% auto;
        background-size: cover;
    }

.nameQuote {
    font-size: 18px;
    color: #808080;
    margin-bottom: 109px;
}

.inputError {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

    .inputError input {
        padding: 0;
    }

.validationHolder.error .errorHere {
    color: #868686;
    position: absolute;
    padding: 10px 15px 10px 35px;
    border: 1px solid #eaeaea;
    bottom: -39px;
    z-index: 9;
    background-color: #fff;
    line-height: 12px;
}

    .validationHolder.error .errorHere::before {
        position: absolute;
        content: '!';
        text-align: center;
        background-color: #fda227;
        width: 15px;
        height: 15px;
        left: 10px;
        top: 8px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .validationHolder.error .errorHere:after {
        position: absolute;
        content: '';
        top: -7px;
        left: 10px;
        background-image: url(../images/arrow.png);
        width: 11px;
        height: 7px;
        background-size: 100%;
    }

.aboutTitle {
    font-size: 129px;
    font-weight: 900;
    line-height: 78.6%;
    letter-spacing: -.5px;
    text-transform: uppercase;
    margin-left: -80px;
}

.playIconHolder {
    margin-left: -75px;
}

.newsLoader {
    display: block;
}

.hideLoader .newsLoader {
    display: none;
}

.newsLoader {
    width: 100%;
    height: 400px;
    z-index: 99993;
    opacity: 0.8;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.newNewslistHolder {
    opacity: 0;
    visibility: hidden;
    min-height: 500px;
    transition: transform .3s linear;
}

.hideLoader .newNewslistHolder {
    opacity: 1;
    visibility: visible;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    z-index: 1001;
    box-sizing: border-box;
}

.logoLoading img {
    width: 100%;
}

.aboutTitle {
    margin-bottom: 20px;
}

@media (max-width:1550px) {
    .safeArea1500 {
        padding-left: 5vw;
        padding-right: 5vw;
        max-width: 100%;
    }
}

@media (min-width:1551px) {
    .bannerSafeArea, .safeArea1500, .awardsPage .blackHolder, .serviceAgreementPage .blackHolder {
        padding-left: 5vw;
        padding-right: 5vw;
        max-width: 1740px;
        margin: 0 auto;
    }
}

.serviceAgreementPage .blackHolder, .awardsPage .blackHolder {
    margin-left: 5vw;
    margin-right: 5vw;
    max-width: 100%;
}

.serviceAgreementPage .servicesDetails, .serviceAgreementPage .servicesTitle {
    color: #fff;
}

.serviceAgreementPage .servicesList li a:before {
    background-image: url(../images/white-list-arrow.svg);
}

.bodSubtitle {
    margin-bottom: 0;
    margin-top: 0;
}

.managmentTitle h1 {
    margin-bottom: -15px !important;
}

.subpageBody.aboutSub {
    padding-top: 100px;
}

.managmentTitle .contentText h4 {
    margin-bottom: 50px;
}

.maxWidth500 {
    max-width: 500px;
}

.subpageBody.aboutPageHolder {
    padding-top: 85px;
}

.macUser .subpageBody {
    margin-top: 140px;
}

    .macUser .subpageBody.aboutPageHolder {
        margin-top: 100px;
    }

.macUser .categoryMainTitle {
    margin-bottom: 93px;
}

.macUser .tags span, .macUser .newsImg h3 span {
    padding: 5px 7px 1px;
}

.macUser .moreServices a {
    background-position: 0 2px;
    display: block;
}

    .macUser .moreServices a:hover {
        background-position: 10px 2px;
        display: block;
    }

.macUser .numbersHolder {
    padding: 105px 0 44px;
}

.macUser .bigTitle {
    margin-bottom: -8px;
}

.macUser .secondLevelPage.subpageBody {
    margin-top: 85px;
}

.macUser .bannerImgHolder .tags li span {
    padding: 9px 20px 3px;
}

.macUser .relatedContentBlock .safeArea1280 {
    padding: 38px 0 27px 100px
}

.macUser .relatedContentBlock h2 {
    /* margin-bottom: 0; */
}

.macUser .subpageBody.inquirePage, .macUser .subpageBody.contactPage {
    margin-top: 137px;
}

.macUser .submit-wrapper .btn, .macUser .formActions .normalBtn,  .comingSoon span{
    padding: 22px 20px 10px 20px
}

.macUser .playVideoBtn span span {
    padding-top: 8px;
}

.macUser .aboutVideoHolder {
    margin-bottom: 0px;
}

.macUser .aboutTitle {
    margin-bottom: 10px;
}

.macUser .newsList ul li {
    margin-bottom: 13px;
}

.macUser .newsInfoFixed {
    padding-top: 20px;
}

.macUser .subpageBody.aboutSub {
    padding-top: 87px;
}

.macUser .managmentTitle h1 {
    margin-bottom: -26px !important;
}

.macUser .joinusPage h1, .macUser .serviceAgreementPage h1 {
    margin-bottom: 15px;
}

.macUser .subpageBody.joinusPage {
    padding-top: 40px;
}

.macUser .contactMail a {
    padding: 20px 20px 10px
}

.macUser .joinusPage .contentText {
    margin-top: 30px;
}

.macUser .servicesList li a:before {
    top: 18px;
}

.macUser .awardsPage .blackHolder {
    padding: 133px 210px 155px
}

.macUser .selectBtn select {
    padding: 18px 15px 13px;
}

.macUser .textareaMSG textarea {
    height: 380px;
}

.macUser .contactInfoBlock {
    padding: 165px 0 155px;
}

.macUser .newsListPage h1 {
    margin-bottom: 109px;
}

/*.newNewslistHolder {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-gap: 75px;
}*/

.newNewslistHolder .grid-item {
    margin-bottom: 65px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.videoHolder {
    position: relative
}

    .videoHolder a {
        display: block;
    }

.newListVideo {
    width: 100%;
}

.rm-link {
    display: block;
    color: #000;
    font-family: helvetica-neue;
    font-size: 15px;
    text-decoration: underline;
}

.contentText ol li {
    display: block;
    margin-bottom: 10px;
}

    .contentText ol li span {
        display: inline-block;
        width: 92%;
        vertical-align: top;
    }

        .contentText ol li span.number {
            font-weight: 700;
            margin-right: 2%;
            width: 6%;
        }

.swiper-slide.show.showMore {
    border: 1px solid #d8d8d8;
    position: relative;
    height: 325px;
}

    .swiper-slide.show.showMore a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .swiper-slide.show.showMore h2 {
        text-transform: uppercase;
        font-size: 87px;
        line-height: .75;
        letter-spacing: -4px;
        position: absolute;
        width: 100%;
        padding: 20px 15px;
        bottom: 0;
        max-width: 350px;
        left: 0;
        margin-bottom: 0;
    }

        .swiper-slide.show.showMore h2 span {
            display: block;
            font-size: 14px;
            letter-spacing: 0;
            font-family: helvetica-neue;
            font-weight: 600;
            margin-top: 20px;
            padding-left: 65px;
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 50px auto;
            background-image: url(../images/arrow_back_right.svg);
        }

.margBot100 {
    margin-bottom: 100px;
}

.blackHolder.custPad {
    padding: 50px 0;
    margin-bottom: 70px !important;
}

    .blackHolder.custPad h2 {
        margin-bottom: 25px;
    }

.safeArea1500.margBot170.aboutVideoContainer {
    margin-bottom: 120px !important;
}

#ssTeam h2 {
    font-size: 50px;
    margin-bottom: 30px;
}

#ssTeam h4 {
    letter-spacing: -2px;
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 20px;
}

.boardPage .secondLevelPage .bannerImgHolder {
    margin-bottom: 183px;
}





.toggleContent ul li, .contentText ul li, .wantList ul li {
    display: block;
    padding-left: 25px;
    margin-bottom: 5px;
    position: relative;
}

    .contentText ul li:last-child, .toggleContent ul li:last-child, .wantList ul li:last-child {
        margin-bottom: 0;
    }

    .contentText ul li::before, .toggleContent ul li::before, .wantList ul li::before {
        position: absolute;
        content: '';
        width: 15px;
        height: 1px;
        border-radius: 0;
        left: 0;
        top: 18px;
        background-color: #000;
    }

.storePage h1 {
    text-transform: none;
}

.storePage .subpageBody {
    padding-top: 100px;
}

.storePage .blackBtn {
    display: inline-block
}

    .storePage .blackBtn a {
        padding: 20px;
        border: none;
        -webkit-appearance: none;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        font-size: 40px;
        cursor: pointer;
        font-family: helvetica-neue;
        font-weight: 900;
        line-height: 35px;
    }




.statsHolder, .servicesForm {
    margin-bottom: 150px
}
.serviceDetailsFooter .servicesForm{
    margin-top: 150px;
}

    .statsHolder h2, .servicesForm h2 {
        font-size: 50px;
        color: #000;
        margin-bottom: 60px;
        letter-spacing: -0.5px;
        font-weight: 900;
    }

    .statsHolder .statsList ul li {
        display: inline-block;
        margin-right: 40px;
        vertical-align: top
    }

        .statsHolder .statsList ul li img {
            width: 100%;
            display: block
        }

    .servicesForm .contentText {
        margin-bottom: 50px
    }

.fancybox-toolbar {
    opacity: 1 !important;
    visibility: visible !important
}

.fancybox-button {
    background-color: transparent !important;
    color: #000 !important;
    opacity: 0
}

.fancybox-iframe, .fancybox-video {
    object-fit: cover;
}

.fancybox-content {
    padding: 50px !important;
    background-color: #ffffff !important
}

.bannerImgHolder .loadingImg {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .bannerImgHolder .loadingImg img {
        width: 100px;
    }

.statsHolder .statsInner {
    background-color: #000;
    padding: 100px 77px;
}

    .statsHolder .statsInner h2 {
        color: #ffffff;
        font-size: 117px;
        text-transform: uppercase;
        margin-bottom: 40px
    }

    .statsHolder .statsInner .statsList ul {
        /*display:flex;
    flex-direction:row;*/
    }

        .statsHolder .statsInner .statsList ul li {
            display: inline-block;
            width: 16%;
        }

            .statsHolder .statsInner .statsList ul li:last-child {
                margin-right: 0;
            }

            .statsHolder .statsInner .statsList ul li img {
                width:100%;
                display: block;
            }

.servicesForm h2 {
    font-size: 145px;
    letter-spacing: 3px;
    text-transform: uppercase;
    width: 54%;
    margin-right: 4%;
    margin-bottom: 0;
    line-height: 120px;
    float: left;
}

.servicesForm .formHolder {
    width: 42%;
    float: left;
}

    .servicesForm .formHolder .inputEntity {
        display: flex;
        align-content: center;
        justify-content: center;
        margin-bottom: 24px;
    }

.servicesForm .inputParent {
    flex-grow: 100;
}

    .servicesForm .inputParent input {
        padding: 10px;
        box-sizing: border-box;
        background-color: #f1f1f1;
    }

    .servicesForm .inputParent ::placeholder {
        opacity: 0.2;
    }

.servicesForm .inputEntity label {
    font-weight: 900;
    font-size: 24px;
    flex-grow: 1;
    line-height: 44px;
    margin-right: 10px
}

.serviceAgreementForm {
    margin-top: 45px
}

    .serviceAgreementForm .inputParent {
        width: 63%;
    }

.legalFormHolder {
    margin-top: 40px
}

    .legalFormHolder .inputEntity {
        margin-bottom: 35px;
    }
    /*.legalFormHolder .inputEntity label{
    font-size:32px;
    font-weight:900;
}
.legalFormHolder .inputEntity input[type="text"]{
    font-size:30px !important;
}*/
    .legalFormHolder .formActions.margTop20 {
        margin-top: 35px !important
    }


.videoPlayIcon {
    position: absolute;
    left: 25px;
    bottom: 0;
    width: 25px;
    height: 50px;
    background-image: url(../images/play-video.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 28px;
    z-index: 9
}

.grid.newNewslistHolder {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(30%,1fr));
    grid-auto-rows: 0;
    margin: 0 -35px;
}

.grid .item {
    padding: 0 35px;
}

    .grid .item .newsInnerHolde {
        padding-bottom: 40px
    }

.mainContactInfo ul {
    font-size: 0;
    text-align: center
}

    .mainContactInfo ul li {
        font-family: helvetica-neue;
        font-size: 30px;
        color: #ffffff;
        line-height: 23px;
        font-weight: 800;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle
    }

        .mainContactInfo ul li a {
            font-family: helvetica-neue;
            font-size: 30px;
            color: #ffffff;
            line-height: 23px;
            font-weight: 900;
        }

        .mainContactInfo ul li .contactLabel {
            font-size: 20px;
            font-weight: 300;
            margin-top: 10px
        }

        .mainContactInfo ul li:first-child {
            width: auto;
            margin-right: 200px;
            text-align: left;
            max-width: 40%
        }

            .mainContactInfo ul li:first-child .contactLabel {
                margin-left: 3px;
            }

            .mainContactInfo ul li:first-child .contactText {
                font-size: 100px;
                line-height: 75px;
                font-weight: 900
            }

        .mainContactInfo ul li:nth-child(2) {
            width: auto;
            text-align: left;
        }

            .mainContactInfo ul li:nth-child(2) .contactText {
                font-size: 28px;
                line-height: 20px;
            }


.boardList h4 {
    font-size: 90px;
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -1px;
}

.boardItemHolder {
    transform: translate(0) !important;
    /*border:1px solid #d8d8d8;*/
    width: 100%
}

.boardImage {
    height: 323px;
}

.newsHireBanner {
    margin-bottom: 150px;
    padding-top: 80px;
    margin-top: 80px;
}
/*.boardInfo{
    left:0;
    opacity:1;
    visibility:visible;
    transform:translate(0)
}*/
.contentText .newsHireBanner{
	padding-top:0;
}
.relateSectionsHolder .contentText .sectionTitle{
	width:100%
}
 .contentText .relateSectionsHolder ul li::before{
	display:none;
}
.listCareerItem {
    margin-bottom: 35px
}

    .listCareerItem:last-child {
        margin-bottom: 0
    }
    .showOnMobile{
        display:none;
    }
    
    .backToTopBlock h2:after{
        background-image: url(../images/up-sign.svg);
    }
    .relatedContentBlock{
        position: relative;
    }
    .actionBtnOverlay{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 4;
    }
	
.actionList .menuSmLinksHolder{
	display:none;
}

.fancybox-slide--html:has(.sgBanner){
    padding:10px 200px;
}
.sgBanner .popupContent{
    position:relative;
}
    .sgBanner .popupContent .closePopup {
        position:absolute;
        left:0;
        top:0;
        height:100%;
        width:100%;
    }