@charset "UTF-8";
html {
    -webkit-locale: unset;
    -moz-locale:unset;
    -o-locale:unset;
}
.slick-slide-cover {
    position: relative;
    z-index: 1;
}
.slick-slide-cover.slick-news-detail.slick-slider .slick-list {
    padding: 0 !important;
}

p + figure[class*="wp-block"],
figure[class*="wp-block"] + p,
p + .slick-dotted.slick-slider,
.slick-dotted.slick-slider + p,
.news-detail-text * + .wp-block-image,
.news-detail-text .wp-block-image + * {
    margin-top: 36px !important;
}

div[style*="display:none"] + p,
div[style*="display:none"] + h2,
div[style*="display: none"] + p,
div[style*="display: none"] + h2 {
    margin-top: 0;
}

.fac.fac-actions > .cl {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.fac.fac-actions > .cl > a + a {
    margin-left: 10px;
}
.bread-crumb-cat a {
    font-size: .8rem;
}
.bread-crumb-cat a:last-child {
    display: none;
}

li.sub-half-menu > ul.sub-menu { display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -10px;margin-right: -10px;max-width: 400px; }
li.sub-half-menu > ul.sub-menu > li { flex: auto;min-width: 50%;padding: 0 10px; }

nav.social-menu a {
    display: inline-block;
    font-size: 0;
}
nav.social-menu a:before {
    font-family: 'farp';
    font-size: 28px;
    line-height: 1;
    content: '\e805';
} 
nav.social-menu a[href*="linkedin"]:before {
    content: '\e806';
} 
nav.social-menu a[href*="youtube"]:before {
    content: '\e80b';
}   

form.wpcf7-form button[type="button"] ~ input[type="submit"] {
    visibility: hidden;
    opacity: 0;
    appearance: none;
    width: 0;
    height: 0;
    position: absolute;
    z-index: 0;
    padding: 0;
    border: 0;
}

form.wpcf7-form #error-msg {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    font-size: .8rem;
    color: red;
}
form.wpcf7-form #valid-msg {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    font-size: .8rem;
    color: green;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border:none !important;
    background-color: #FCFF4D;
    color: #000000;
    margin: 10px 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    border:none !important;
    background-color: #46b450;
    color: #ffffff;
    margin: 10px 0;
}

.red-zone .wpcf7 form.sent .wpcf7-response-output {
    background-color: #ffffff;
    color: #000000;
    margin: 10px 0;
}

.wpcf7 span.wpcf7-not-valid-tip {
    position: absolute;
    z-index: 1;
    background-color: #FCFF4D;
    color: #000000;
    padding: 5px 10px;
    bottom: 100%;
    right: 5%;
    font-size: .8rem;
}
.wpcf7 span.wpcf7-not-valid-tip:before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 15%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #FCFF4D transparent transparent transparent;
    content: "";
    display: block;
}

.wp-pagenavi { text-align: center; }
.wp-pagenavi > a:not(.previouspostslink,.nextpostslink), .wp-pagenavi > span.current { display: inline-block;vertical-align: middle;margin: 5px;font-size: 0;width: 12px;height: 12px;border-radius: 50%;position: relative;z-index: 1;background-color: #86888D; border:0}
.wp-pagenavi > a:before,
.wp-pagenavi > span.current:before { content: "";display: inline-block;position: absolute;z-index: 1;width: 20px;height: 20px;left: -4px;top: -4px;background-color: transparent;opacity: .5;border-radius: 50%;transform: scale(0.5); }
.wp-pagenavi > a:hover,
.wp-pagenavi > a.active,
.wp-pagenavi > span.current { background-color: #EE202E; }
.wp-pagenavi > a:hover:before,
.wp-pagenavi > span.current:before{ background-color: #EE202E;transform: scale(1); }

.wp-pagenavi span.pages {font-size: .8rem;display: inline-block; vertical-align: middle;padding: 0; margin: 2.5px 10px 2.5px 2.5px; border:0}
.wp-pagenavi > a.nextpostslink,
.wp-pagenavi > a.previouspostslink {border:0;padding: 0;margin: 2.5px;display: inline-block; vertical-align: middle;font-size:0}
.wp-pagenavi > a.nextpostslink:before,
.wp-pagenavi > a.previouspostslink:before {content: '\e801';font-family: 'farp';display: inline-block;vertical-align: middle;font-size: .6rem; padding: 5px 10px;transform:rotate(-90deg);position: static;color: #000000;border-radius: 0;background-color: transparent;}
.wp-pagenavi > a.previouspostslink:before {transform:rotate(90deg);}
.wp-pagenavi > a.nextpostslink:hover,
.wp-pagenavi > a.previouspostslink:hover {background-color: transparent;}

form.job-search [type="submit"] {font-size: 0;padding: 11.5px 20px;}
form.job-search [type="submit"]:before {font-size: 1.2rem;content: '\e809';font-family: 'farp';display: inline-block;vertical-align: middle;transform: rotateY(180deg);}

.job-desc-detail .text ul { margin: 36px 0;padding: 0 0 0 16px;list-style: none; }
.job-desc-detail .text ul.closer { margin-top: 5px; }
.job-desc-detail .text ul.expand > li + li{ margin-top: 10px; }
.job-desc-detail .text ul > li:before{ content: "\2022";color: #EE202E;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em; }

.wp-block-table td, .wp-block-table th {border:unset}
.wp-block-table table{ width: 100%;border: 0;padding: 0;border-spacing: 0;border-collapse: collapse;border: 1px solid #D4D6DB; }
.wp-block-table table > thead > tr > th { background-color: #F4F5F7;text-transform: uppercase;padding: 10px;text-align: left;font-weight: 400;color: #86888D;font-size: .9rem;border-bottom: 1px solid #D4D6DB; }
.wp-block-table table > thead > tr > th i.farp.icon-arrow-down{ font-size: .5rem;display: inline-block;transform: rotate(0deg) translateY(-3px); }
.wp-block-table table > thead > tr > th.active i.farp.icon-arrow-down{ transform: rotate(-180deg) translateY(3px); }
.wp-block-table table > tbody > tr > td { padding: 15px 10px;text-align: left; }
.wp-block-table table > tbody > tr + tr > td { border-top: 1px solid #D4D6DB; }
.wp-block-table table > tbody > tr:hover > td{ background-color: #F4F5F7; }
.wp-block-table table + *,* + .wp-block-table table{ margin-top: 1.5vw; }

.slick-slide > figure {
    margin: 0;
    padding: 0;
}
.slick-slide > figure a {
    display: block;
}
.slick-slide > figure img {
    width: 100%;
    display: block;
}
.wpml-ls-legacy-list-vertical {
    position: relative;
    z-index: 1;
    border:0;
    display: block;
}
.wpml-ls-legacy-list-vertical > ul, 
.wpml-ls-legacy-list-vertical > ul > li,
.wpml-ls-legacy-list-vertical > ul > li > a {
    margin: 0;
    padding: 0;
}
.wpml-ls-legacy-list-vertical > a.active {
    line-height: 77px;
    padding: 0 55px;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
}
.wpml-ls-legacy-list-vertical > a.active i.farp {
    font-size: .5rem;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0 5px;
}
.wpml-ls-legacy-list-vertical > ul {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: calc(100% + 1px);
    background-color:#ffffff;
    opacity: 0;
    visibility: hidden;
    content-visibility: hidden;
    transform: translateY(10px);
}
.wpml-ls-legacy-list-vertical:hover > ul {
    opacity: 1;
    visibility: visible;
    content-visibility: visible;
    transform: translateY(0);
}
.wpml-ls-legacy-list-vertical > ul > li.wpml-ls-current-language {
    display: none !important;
}
.wpml-ls-legacy-list-vertical > ul > li > a {
    display: block;
    line-height: 1;
    padding: 15px 20px;
    text-align: center;
    font-size: .85rem;
    color: #86888D;
}
.wpml-ls-legacy-list-vertical > ul > li > a:hover {
    color: #ffffff;
    background-color: #EE202E;
}
footer .wpml-ls-legacy-list-vertical > a.active {
    padding:0;
    line-height: 40px;
}
footer .wpml-ls-legacy-list-vertical > a.active i.farp.icon-arrow-down-solid:before {
    content: '\e801';
}
footer .wpml-ls-legacy-list-vertical > ul {
    left: unset;
}
footer .wpml-ls-legacy-list-vertical > ul > li > a {
    white-space: nowrap;
}

.slick-partial.slick-video article.slick-slide a.stick:before{ background-image:url(../images/design/icon-play.svg); }

.sresults-cover {
    max-height: calc(100vh - 175px);
    overflow: auto;
}
p + div.sresults-cover {margin-top: 0;}
/*p + div.sresults-cover[style] {margin-top: 20px;}*/
div.sresults-cover .not-found {
    padding: 5px 20px;
    font-style: italic;
}
div.sresults-cover .eleman a {
    display: block;
    font-weight: bold;
    padding: 5px 20px;
}
div.sresults-cover .eleman a:hover {
    background-color: #F4F5F7;
}
div.sresults-cover .eleman {
    border-top: 1px solid #F4F5F7;
}

.wpcf7-list-item {
    margin: 0;
}

img[src*="farplas-empty.jpg"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.welcome-contact h2,
.welcome-certifications h2 {
    font-size: 4rem;
    color: #ffffff;
}

.fac-title-texts > .cl {
    display: block;
}

.sresults-cover .eleman p.txt em.src-title{
    font-size: .7rem;
    position: absolute;
    z-index: 1;
    right: 10px;
    top: calc(50% - 12px);
    display: block;
    padding: 3px 5px;
    background-color: #dedede;
}

span.edit-link {
    position: fixed;
    z-index: 150;
    left: 20px;
    bottom: 20px;
}
span.edit-link a {
    display: block;
    padding: 5px 10px;
    background-color:#EE202E;
    color: #ffffff;
}
span.edit-link div.pg {
    display: none;
}

.safari .fac.fac-actions > .cl ~ .cl,
.safari .fac-news-meta .fac.fac-actions > .cl {
    white-space: nowrap;
}

/*  transitions  */
._trans300, .wpml-ls-legacy-list-vertical > ul, form.job-search{ -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
._trans700 { -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease; }

.slick-slide-cover[data-class*="columns-"]:not([data-class*="columns-1"]) .slick-slide figure {
    padding: 0 5px;
} 

.fac.fac-gray-box {
    background-color:#F4F5F7;
}
.fac.fac-gray-box > .cl {
    padding: 3vw;
}

/* sipa popup */

.sipa-popup {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background-color: rgba(0,0,0,.65);
    backdrop-filter: blur(5px) grayscale(.1);
    opacity: 0;
    visibility: hidden;
    content-visibility: hidden;
}
.sipa-popup.active {
    opacity: 1;
    visibility: visible;
    content-visibility: visible;
}
.sipa-popup > .popup-inner {
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 20px 5px rgba(0,0,0,.15);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: max-content;
    width: fit-content;
    transform: scale(0);
    max-width: 1280px;
}
.sipa-popup > .popup-inner.oversize {
    top: 0px;
    bottom: unset;
} 
.sipa-popup.active > .popup-inner {
    transform: scale(1);
}
.sipa-popup a.popup-close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 1;
    font-size: 0;
    cursor: pointer;
    padding: 4px;
}
.sipa-popup a.popup-close:before {
    font-family: 'farp';
    content: '\e808';
    color: #EE202E;
    font-size: 1.8rem;
    display: inline-block;
    transform: rotate(45deg);
}
.sipa-popup, .sipa-popup > .popup-inner { -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease; }

.new-sub-categories {
    display: flex;
    flex-direction: row;
}
.new-sub-categories > a[href*="/corporate"] {
    order:5;
}
.new-sub-categories > a[href*="/events"] {
    order:25;
}
.new-sub-categories > a[href*="/innovation"] {
    order:10;
}
.new-sub-categories > a[href*="/people"] {
    order:20;
}
.new-sub-categories > a[href*="/sustainability"] {
    order:15;
}

.more-articles > .pg > h2 {
    position: absolute;
    z-index: 2;
}

section.error-404 {
    padding: 6vw 0;
}

.news-meta-zone .news-featured-img img {
    max-height: unset;
}


.loader-splash {
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(59, 64, 74, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.loader-splash > a {
    font-size: 0;
    display: inline-block;
    width: 128px;
    height: 46px;
    background: transparent url(../images/design/logo-farplas.svg) center center/auto 100% no-repeat;
    animation: fader 1s ease-in-out infinite;
}

span.wpcf7-acceptance {
    display: block;
    border:1px solid transparent;
    border-radius: 4px;
}
span.wpcf7-acceptance.alert {
    border-color: #EDCA72;
    padding: 5px;
}
main span.wpcf7-acceptance.alert {
    border-color: #EE202E;
    padding: 10px;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader {
    display: none !important;
}

.processing {
    position: relative;
    z-index: 1;
}
.processing:before {
    content: "";
    position: absolute;
    z-index: 1001;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.65);
    /*backdrop-filter: blur(5px);*/
}
.processing:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1005;
    width:100px;
    height: 35px;
    background: transparent url(../images/design/logo-farplas-black.svg) center center/auto 100% no-repeat;;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: fader 1s ease-in-out infinite;
}
.red-zone .processing:before {
    background-color: rgba(238, 32, 46, 0.7);
}
.red-zone .processing:after {
    font-size: 1.6rem;
    background-image: url(../images/design/logo-farplas.svg);
}

/* _last for all */

@media  only screen and (min-width: 969px) {
    .site-header.sticky .wpml-ls-legacy-list-vertical > a.active,
    .site-header.sticky .wpml-ls-legacy-list-vertical > a.active > i.farp,
    .site-header.opac .wpml-ls-legacy-list-vertical > a.active,
    .site-header.opac .wpml-ls-legacy-list-vertical > a.active > i.farp {
        color: #ffffff;
    }
    .safari .fac-news-meta .share-me {
        white-space: nowrap;
    }
    .fac.fac-gray-box.fac-ris-eu > .cl + .cl {
        padding-left: 0;
    }
    html[lang*="fr"] nav.main-menu > ul > li > a {
        padding: 32px;
    }
    .fac.fac-ebulletin > .cl:first-child {
        padding-right: 20px;
    }
    .fac.fac-content-pdetail > .cl:first-child {
        min-width: 50%;
    }
    img[src*="model-interior-3.png"],
    img[src*="model-exterior-3.png"],
    img[src*="model-lighting-3.png"] {
        margin-top: -100px;
    }
    .fac.fac-content-pdetail > .one {
        justify-content: start;
    }
}

@media only screen and (min-width: 880px) {
    .slick-news-detail {
        margin-left: -225px !important;
        margin-right: -225px !important;
    }
    .sipa-popup .slick-news-detail {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .wp-block-image.over,
    .wp-block-image.size-full.over {
        margin-left: -225px;
        margin-right: -225px;
    }
    .sipa-popup .wp-block-image.over,
    .sipa-popup .wp-block-image.size-full.over  {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media only screen and (max-width: 1281px) {
    .sipa-popup > .popup-inner {
        max-width: 100vw;
    }  
}
@media only screen and (max-width: 1281px) and (min-width:1024px) {
    .welcome-contact h2,
    .welcome-certifications h2 {
        font-size: 2rem;
    }
    html nav.main-menu > ul > li > a, 
    html[lang*="fr"] nav.main-menu > ul > li > a {
        padding: 32px 20px;
    }   
}

@media only screen and (max-width: 969px) {
    footer.foot .flex-zone > .footer-main-menu li.sub-half-menu > ul.sub-menu {
        display: block;
    }
    aside.external > .widget_icl_lang_sel_widget {
        order: 15;
        min-width: 110px;
        max-height: 80px;
        border-left: 1px solid #707070;
    }
    .wpml-ls-legacy-list-vertical > a.active {
        padding: 0 15px;
        pointer-events: none;
    }
    form.job-search [type="submit"] {
        font-size: 1rem;
        display: block;
        width: 100%;
    }
    form.job-search [type="submit"]:before {
        margin-right: 10px;
    }
    form.job-search {
        opacity: 0;
        visibility: hidden;
        content-visibility: hidden;
        height: 0;
    }
    form.job-search.active {
        opacity: 1;
        visibility: visible;
        content-visibility: visible;
        height: unset;
    }
    .fac.fac-job-search > .cl > p + p {
        margin-top: 5px;
    }
    section.red-zone button, section.red-zone .button {
        padding-right:24px;
    }
    .slick-partial.slick-flat {
        padding-top: 66px;
    }
    .news-featured-img {
        margin-left: -20px;
        margin-right: -20px;
    }
    .news-meta-zone .news-featured-img img {
        max-height: unset;
    }
    .news-detail-text > .pg > .slick-slide-cover {
        margin-left: -20px;
        margin-right: -20px;
    }
    .slick-partial.slick-flat.slick-featured {
        padding-top:52px;
    }
    .slick-partial.slick-featured .slick-prev, .slick-partial.slick-featured .slick-next {
        top:-26px;
    }
    nav.social-menu ul > li a i.farp,
    nav.social-menu a:before {
        font-size: 1.2rem;
        line-height: 1.2;
    }
    footer .wpml-ls-legacy-list-vertical > ul {
        left: 0;
        right: 0;
        width: max-content;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .welcome-contact h2,
    .welcome-certifications h2 {
        font-size: 1.65rem;
    }  
    /* search */
    section.search-zone:focus-within {
        position: fixed;
        z-index: 150;
        left: 0;
        right: 0;
        bottom: 0;
        top: 80px;
        max-width: unset;
        max-height: unset;
        background-color: #fff;
    }
    .sresults-cover {
        max-height: calc(100vh - 150px);
        overflow: auto;
    }
    .fac.fac-gray-box > .cl {
        padding: 20px;
    }
    .post-grid > article .img {
        padding: 0;
    }
}

@media only screen and (max-width: 520px) {
    .sipa-popup > .popup-inner.oversize {
        top:10px;
        left: 10px;
        right: 10px;
        bottom: unset;
    } 
}