/*
Theme Name: TREIZE
Theme URI: https://treize.pro/
Author: TREIZE
Author URI: https://treize.pro/
Version: 13.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
# Typography
	## Titles
	## Links
# Transition
# Header / Navigation
# Content
	## General
	## Homepage
	## Projects
	## Team
	## Blog
# Footer
# Quote
# Buttons
# Forms
# Accessibility
# Clearings
# Media queries
--------------------------------------------------------------*/

/* Reminder BEM */
/*	.block 		*/
/*	__element 	*/
/*	--modifier 	*/

/* ------------------------------------- */
/* # General							 */
/* ------------------------------------- */

/* Search Page */
.search__page .page__header {
    flex-flow: column nowrap;
    min-height: 0;
}

.search__bar {
    margin-top: 15px;
}

/* Strong words */
.frontpage .page__header h2 strong {
    z-index: 3;
    display: inline !important;
    background-image: linear-gradient(to right, #eb3a32 0%, #eb3a32 100%);
    background-repeat: repeat-x;
    background-position: 0 85%;
    background-size: 100% 15px;
    padding: 0 7px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.page__header h1 strong {
    z-index: 3;
    display: inline !important;
    background-image: linear-gradient(to right, #eb3a32 0%, #eb3a32 100%);
    background-repeat: repeat-x;
    background-position: 0 82%;
    background-size: 100% 10px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.page__content .txt h2 strong,
section.faq h2 strong {
    z-index: 3;
    display: inline !important;
    background-image: linear-gradient(to right, #eb3a32 0%, #eb3a32 100%);
    background-repeat: repeat-x;
    background-position: 0 75%;
    background-size: 100% 10px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/* Underline */

.underline {
    z-index: 3;
    display: inline !important;
    background-image: linear-gradient(to right, #ccc 0%, #ccc 100%);
    background-repeat: repeat-x;
    background-position: 0 98%;
    background-size: 100% 15px;
    padding-left: 7px;
    padding-right: 7px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.cta_btb .underline {
    background-size: 100% 12px;
}

.underline.small {
    background-position: 0 82%;
    background-size: 100% 10px;
    padding-bottom: 5px;
}

.underline.active:hover {
    padding-right: 14px;
    margin-right: -7px;
}

.underline.active--r:hover {
    padding-left: 14px;
    margin-left: -7px;
}

.underlay {
    z-index: 3;
    display: inline !important;
    background-image: linear-gradient(to right, #000 0%, #000 100%);
    background-repeat: repeat-x;
    background-position: 0 85%;
    background-size: 100% 15px;
    line-height: 1;
    padding: 0px 5px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.underlay.active {
    background-position: 0 100%;
    padding: 2.5px 7px;
}

.underlay.active:hover {
    background-size: 100% 100%;
}

/* GREY */
.grey {
    background-image: linear-gradient(to right, #d6d6d6 0%, #d6d6d6 100%);
}
/* VIOLET */
.violet,
.tax-16 {
    background-image: linear-gradient(to right, #8224e3 0%, #8224e3 100%);
}
/* RED */
.red,
.tax-11,
.soldout {
    background-image: linear-gradient(to right, #eb3a32 0%, #eb3a32 100%);
}
/* YELLOW */
.yellow,
.tax-13,
.finished {
    background-image: linear-gradient(to right, #f1c40f 0%, #f1c40f 100%);
}
/* ORANGE */
.orange,
.tax-12 {
    background-image: linear-gradient(to right, #e67e22 0%, #e67e22 100%);
}
/* BLUE */
.blue,
.tax-14 {
    background-image: linear-gradient(to right, #3498db 0%, #3498db 100%);
}
/* GREEN */
.green,
.available {
    background-image: linear-gradient(to right, #42b747 0%, #42b747 100%);
}
/* AVAILABLE */
.gravity-form-button-url .available{
    background-image: none;
    border: 3px solid #42b747;
    border-radius: 3px;
    color: #42b747;
    white-space: nowrap;
}

.gravity-form-button-url .available:hover {
    background-color: #42b747;
    cursor: pointer;
    color: #fff;
}

a[data-fancybox] .available {
    background-image: none;
    border: 3px solid #42b747;
    border-radius: 3px;
    color: #42b747;
    white-space: nowrap;
}
/* AVAILABLE */
a[data-fancybox] .available:hover {
    background-color: #42b747;
    cursor: pointer;
    color: #fff;
}
html .page-default .page__content .gravity-form-button-url:hover::after {
    display: none;
}
.page-default .page__content .image-txt .txt .gravity-form-button-url:not(.pdf-link),
.page__content .single__content .gravity-form-button-url {
    padding: 0;
}



/* AVAILABLE */
html .page-default .page__content a[data-fancybox]:hover::after {
    display: none;
}
.page-default .page__content .image-txt .txt a[data-fancybox]:not(.pdf-link),
.page__content .single__content a[data-fancybox] {
    padding: 0;
}

html body .hide_field {
    opacity : 0 !important;
    width: 0px;
    height: 0px;
}

html body .table .soldout {
    color: #000;
}

html body .gform_wrapper .top_label div.ginput_container {
    margin-top: 4px;
}
html body .gform_wrapper ul li.gfield {
    margin-top: 8px;
}
html
    .gform_wrapper
    input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
    padding: 2px 4px;
}
html .fancybox-content h3 {
    margin: 0;
}
html .fancybox-content {
    padding: 40px;
}
html .gform_footer.top_label {
    padding-bottom: 0;
}
html .gf_browser_chrome.gform_wrapper {
    margin-bottom: 0;
}

html .gform_footer input.gform_button {
    background: none;
    background-image: none;
    border: 3px solid #42b747;
    border-radius: 3px;
    color: #42b747;
    white-space: nowrap;
    line-height: 1;
    padding: 10px;
    font-family: "objektiv-mk1";
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

html .gform_footer input.gform_button:hover {
    background: #42b747;
    color: #fff;
}

.under {
    position: relative;
}

.under::after {
    z-index: -1;
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 2px;
    left: -5px;
    width: calc(100% + 10px);
    height: 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.under.under--large::after {
    height: 15px;
}

.under.under--active--fill:hover::after {
    height: 25px;
}

.under.under--active:hover::after {
    left: -20px;
    width: calc(100% + 25px);
}

.under.under--active--r:hover::after,
.cta:hover .under--active--r::after {
    left: -5px;
    width: calc(100% + 25px);
}

*/

/*-----*/

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background-color: #f4f2f5;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

button {
    outline: none;
    background: none;
}

.row {
    width: 1500px;
    margin: 0 auto;
}

html.sr .sr--fade-in-up {
    visibility: hidden;
}

/* ------------------------------------- */
/* # Typography							 */
/* ------------------------------------- */

body {
    font-family: "objektiv-mk1";
    color: #000;
}

/* ## Titles */

h1 {
    font-size: 375%;
    font-weight: 700;
    line-height: 1;
}

h2 {
    font-size: 275%;
    font-weight: 700;
    line-height: 1;
}

h3 {
    font-size: 200%;
    font-weight: 700;
    line-height: 1;
}

h4 {
}

h5 {
}

/* ## Links */

a {
    color: #000;
    text-decoration: none;
    outline: 0 !important;
}

a:visited {
    color: #000;
}

a:hover {
    color: #000;
}

/* ## */

p {
}

li {
}

ul {
}

ol {
    margin: 0;
}

strong {
}

/* ------------------------------------- */
/* # Transition							 */
/* ------------------------------------- */

.transition-overlay {
    background-color: #fff; /* #ee3b33;*/
    position: absolute;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
}

.transition-overlay__logo {
    width: 240px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

#content {
    opacity: 1;
}

.site-header {
    opacity: 1;
}

/* ------------------------------------- */
/* # Header / Navigation				 */
/* ------------------------------------- */

.site-header {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f4f2f5;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.site-header .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-header .site-logo {
    display: block;
    outline: none;
}

.site-header .site-logo img {
    width: 150px;
    height: 150px;
    max-width: none;
}

.site-header .main-navigation {
    width: auto;
}

#primary-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row wrap;
    margin-bottom: -10px;
}

#primary-menu li {
    margin-left: 5px;
    margin-bottom: 10px;
}

#primary-menu li a {
    font-size: 112.5%;
    z-index: 1;
    position: relative;
    padding: 0 13px;
    font-weight: 700;
    color: #ee3b33;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#secondary-menu li {
    display: flex;
    justify-content: flex-end;
}

#secondary-menu li a {
    font-size: 112.5%;
    z-index: 1;
    position: relative;
    padding: 0 5px;
    font-weight: 700;
    color: #000;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#primary-menu li a::after,
#secondary-menu li a::after {
    z-index: -1;
    content: "";
    background-color: #ee3b33;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#primary-menu li.current-menu-item a {
    color: #fff;
}

#secondary-menu li.current-menu-item a {
    color: #fff;
}

#primary-menu li.current-menu-item a::after,
#secondary-menu li.current-menu-item a::after {
    width: 100%;
    left: 0;
    right: auto;
}

#primary-menu li a:hover {
    color: #fff;
}

#primary-menu li a:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

/* Responsive */

#secondary-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#secondary-menu li {
    margin: 10px 0;
}

#secondary-menu li a {
    width: fit-content;
    display: block;
    font-size: 145%;
}

.site-header .responsive-navigation,
.site-header .hamburger {
    display: none;
}

.site-header .hamburger {
    z-index: 99;
}

.hamburger:hover {
    opacity: 1;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    border-radius: 0;
}

.site-header .responsive-navigation {
    z-index: 98;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: fixed;
    right: -100%;
    top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    height: 100vh;
    min-width: 100%;
    padding: 30px 40px;
}

.site-header .responsive-navigation.open {
    right: 0;
}

/* -- */

/* ------------------------------------- */
/* # Content							 */
/* ------------------------------------- */

/* ## General */

.site-content {
    padding-top: 180px;
}

.page__header {
    min-height: 275px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page__content {
    padding: 50px 0;
}

.page__content .row {
    padding: 50px 0;
}

.page__content .row:first-child {
    padding-top: 0;
}

.page-default .page__header h1,
.little--title {
    max-width: 66%;
    line-height: 1.2;
}

.page-default .page__header h1 span {
    position: relative;
}

.page-default .page__content .pdfs {
    margin-top: 50px;
}

.pdf-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 20px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.archive .pdf-gallery ul {
    grid-template-columns: repeat(4, 1fr);
}

.page-default .page__content .pdf-gallery ul:last-child {
    margin-bottom: 0;
}

.page-default .page__content .pdf-gallery ul li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdf-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.pdf-link:hover p {
    color: #fff;
}

.pdf-link::after {
    content: none;
}

.pdf-link img {
    max-height: 65px;
}

.pdf-link p {
    z-index: 1;
    color: #000;
    margin-bottom: 0;
    position: relative;
    font-weight: 700;
    font-size: 100%;
    padding: 5px;
    line-height: 1;
    text-align: center;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pdf-link p::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #eb3a32;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pdf-link:hover p::after {
    width: 100%;
    left: 0;
    right: auto;
}

.page-default .page__content .txt-block .txt {
    max-width: 80%;
    margin: 0 auto;
    background-color: #fff;
    padding: 80px 30px;
}

.page__content .table table tr:first-child td {
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
}

.page__content .table table td {
    padding: 20px 0;
    font-weight: 700;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}

.page__content .table table td:first-child {
    text-align: left;
}

.page__content .table table td:last-child {
    text-align: right;
}

.page-default .page__content .image-txt {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.page-default .page__content .image-txt .txt h2,
section.faq h2 {
    line-height: 1.2;
}

.page-default .page__content .image-txt:nth-of-type(even) .txt {
    order: 2;
    margin-top: 120px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: -10%;
}

.page-default .page__content .image-txt:nth-of-type(even) .image {
    margin-bottom: 120px;
}

.page-default .page__content .image-txt:nth-of-type(odd) .image {
    margin-top: 120px;
}

.page-default .page__content .image-txt .txt {
    margin-right: -10%;
    z-index: 2;
    width: 50%;
    background-color: #fff;
    padding: 60px 40px;
    margin-bottom: 120px;
}

.page-default .page__content .image-txt .txt ul,
.page-default .page__content .image-txt .txt ol {
    margin: 0;
    padding: 0;
    padding-left: 25px;
}

.page-default .page__content .image-txt .txt li {
    margin: 10px 0;
}

.page-default .page__content .image-txt .txt h2 {
    margin-top: 0;
}

.page-default .page__content .image-txt .txt h3,
section.faq h3 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 150%;
    line-height: 1.1;
}

.page-default .page__content .image-txt .txt ol {
    list-style-type: none;
    counter-reset: step-counter;
}

.page-default .page__content .image-txt .txt ol li {
    position: relative;
}

.page-default .page__content .image-txt .txt ol li::before {
    font-weight: 700;
    counter-increment: step-counter;
    content: counter(step-counter);
    position: absolute;
    left: -25px;

    background-image: linear-gradient(to right, #eb3a32 0%, #eb3a32 100%);
    background-repeat: repeat-x;
    background-position: 0 90%;
    background-size: 100% 7px;
    padding: 0 2px;
    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.page-default .page__content .image-txt .txt ol li ul li::before {
    content: none;
}

.page__content .single__content ul {
    padding: 0 0 0 20px;
    margin: 0 0 1.5em 0;
}

.page-default .page__content .image-txt .txt p,
.page__content .single__content p {
    text-align: justify;
}

.page-default .page__content .image-txt .txt *:last-child,
.page__content .single__content *:last-child {
    margin-bottom: 0;
}

.page-default .page__content .image-txt .txt a:not(.pdf-link),
.page__content .single__content a,
section.faq .details a {
    z-index: 1;
    color: #eb3a32;
    display: inline-block;
    position: relative;
    font-weight: 700;
    padding: 0 5px;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page-default .page__content .image-txt .txt a:hover,
.page__content .single__content a:hover,
section.faq .details a:hover {
    color: #fff;
}

.page-default .page__content .image-txt .txt a::after,
.page__content .single__content a::after,
section.faq .details a::after {
    z-index: -1;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #eb3a32;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page-default .page__content .image-txt .txt a:hover::after,
.page__content .single__content a:hover::after,
section.faq .details a:hover::after {
    left: 0;
    right: auto;
    width: 100%;
}

.page-default .page__content .image-txt .image {
    z-index: 1;
    width: 60%;
    position: relative;
    align-self: stretch;
    overflow: hidden;
}

.page-default .page__content .image-txt .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    max-height: none;
}

/* ## Front Page */

.frontpage .page__header .row > span {
    font-size: 375%;
    font-weight: 700;
    line-height: 1;
}

.frontpage .page__header .row > span h1 {
    margin: 0;
    display: inline-block;
    font-size: 100%;
}

.frontpage .page__header h2 {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 375%;
    line-height: 1.2;
    font-weight: 700;
}

#vertical-slider__wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* Grid display */

.categories {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.categories p {
    font-weight: 700;
    margin: 0;
    margin-right: 50px;
    margin-bottom: 20px;
}

.categories ul {
    margin: 0;
    padding: 0;
}

.categories ul li {
    margin-right: 50px;
    margin-bottom: 20px;
}

.categories ul li:last-child {
    margin-right: 0;
}

.articles-list,
.ctas-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    grid-gap: 50px;
}

@supports (-ms-ime-align: auto) {
    .articles-list,
    .ctas-list,
    .history-row,
    .archive-affiliates .page__content .affiliates-list,
    .affiliates__jobs {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .archive-affiliates .page__content .affiliates-list .item,
    .affiliates__job {
        width: 15%;
        margin-bottom: 25px;
    }

    .history .container {
        width: 100%;
    }

    .history .container .history-row > div {
        width: calc(50% - 7.5px);
    }

    .articles-list .item .titles {
        width: 100%;
    }

    .articles-list .item,
    .ctas-list .item {
        width: 31%;
        margin-bottom: 50px;
    }

    p,
    .affiliates__job h3,
    .affiliates__job h4 {
        max-width: 100%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .articles-list,
    .ctas-list,
    .history-row,
    .archive-affiliates .page__content .affiliates-list,
    .affiliates__jobs {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .archive-affiliates .page__content .affiliates-list .item,
    .affiliates__job {
        width: 15%;
        margin-bottom: 25px;
    }

    .history .container {
        width: 100%;
    }

    .history .container .history-row > div {
        width: calc(50% - 7.5px);
    }

    .articles-list .item .titles {
        width: 100%;
    }

    .articles-list .item,
    .ctas-list .item {
        width: 31%;
        margin-bottom: 3.5%;
    }

    p,
    .affiliates__job h3,
    .affiliates__job h4 {
        max-width: 100%;
    }
}

.articles-list .item {
    padding: 30px;
    position: relative;
    height: 300px;

    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-start;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.articles-list .item .video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none;
    width: auto;
    height: 100%;
}

.articles-list .item.image {
    overflow: hidden;
}

.articles-list .item.image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    max-width: none;
    width: auto;
    height: 100%;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.articles-list .item.image:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.articles-list .item.image.overlay::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.25);
}

.ctas-list .item {
    padding: 30px;
    position: relative;
    background-color: #fff;
    height: 350px;

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

/* ## Articles (Blog + Fp) */

.articles-list .item .link {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.articles-list .item span a,
.categories li {
    z-index: 3;
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 112.5%;
    font-weight: 700;
}

.categories p {
    display: inline-block;
    position: relative;
    font-size: 112.5%;
    font-weight: 700;
}

.articles-list .item span a,
.articles-list .item span.gross {
    color: #000;
    font-size: 112.5%;
    font-weight: 700;
}

.articles-list .item span.gross {
    color: #fff;
}

.articles-list .item.image span a {
    color: #fff;
}

.articles-list .item .titles {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    z-index: 1;
}

.articles-list .item .titles h1 {
    display: inline-block;
    color: #fff;
    line-height: 1.2;
    font-size: 150%;
    margin: 0;
}

.articles-list .item.color .titles h1,
.articles-list .item.color .titles p {
    color: #000;
}

.articles-list .item .titles p {
    display: inline-block;
    color: #fff;
    position: relative;
    margin: 0;
    margin-top: 10px;
    font-size: 112.5%;
    line-height: 1.5;
}

/* ## CTA List (Fp) */
.ctas-list .item h3,
.page__content .cta .content h3 {
    margin: 0;
}

.ctas-list .item h3 span {
    position: relative;
    z-index: 1;
}

.ctas-list .item p,
.ctas-list .item a {
    font-size: 112.5%;
    line-height: 1.5;
}

.ctas-list .item p,
.page__content .cta .content p {
    margin: 20px 0;
}

.ctas-list .item a,
.page__content .cta .content a {
    position: relative;
    z-index: 1;
    font-weight: 700;
}

/* Page CTA */
.page__content .cta {
    overflow: hidden;
    width: 100%;
    height: 350px;
    padding: 30px;
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-items: center;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__content .cta img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    width: auto;
    height: 100%;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__content .cta:hover img {
    transform: translate(-50%, -50%) scale(1.1);
}

.page__content .cta::after {
    content: " ";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.page__content .cta .content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

.page__content .cta .content h3 {
    color: #fff;
}

.page__content .cta .content p {
}

.page__content .cta .content p,
.page__content .cta .content span {
    color: #fff;
    font-size: 112.5%;
    line-height: 1.5;
}

.page__content .cta .content span {
    font-weight: 700;
}

.page__content .cta:hover .content span {
    padding-right: 14px;
    margin-right: -7px;
}

/* -------------------------------------------------------------------------- Presentation ---------------------------------------------------------------- */

.history > h2 {
    position: relative;
    z-index: 4;
    text-align: center;
}

.history .container {
    position: relative;
}

.history-bar {
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 0%;
    width: 15px;
    background-color: #ee3b33;

    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/*
.history-overlay {
	z-index: 60;
	position: fixed;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	width: 17px; height: 75px;
	left: 50%; transform: translateX(-50%);

  	background-color: #f4f2f5;
}
*/

.history-row {
    padding: 50px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 13px;
}

.history-row .txt-wrapper {
    margin-bottom: 120px;
    overflow: hidden;
}

.history-row .txt-wrapper > div {
    /* transform: translateX(-100%);*/
    background-color: #fff;
    padding: 60px 40px;
    transition: all 0.6s ease;
}

.history-row .txt-wrapper > div h2 {
    margin-top: 0;
}

.history-row .txt-wrapper > div *:last-child {
    margin-bottom: 0;
}

.history-row .image-wrapper {
    margin-top: 120px;
    align-self: stretch;
    overflow: hidden;
}

.history-row .image-wrapper > div {
    /*transform: translateX(100%);*/
    transition: all 0.6s ease;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.history-row .image-wrapper > div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    max-height: none;
}

.history-row:nth-of-type(odd) .txt-wrapper > div {
    /*transform: translateX(100%);*/
}

.history-row:nth-of-type(odd) .image-wrapper > div {
    /*transform: translateX(-100%);*/
}

.history-row:nth-of-type(odd) .txt-wrapper {
    order: 1;
    margin-top: 120px;
    margin-bottom: 0;
}

.history-row:nth-of-type(odd) .image-wrapper {
    order: 2;
    margin-bottom: 120px;
    margin-top: 0;
}

/* -------------------------------------------------------------------------- Presentation ---------------------------------------------------------------- */

/* -------------------------------------------------------------------------- NEWS ---------------------------------------------------------------- */

.news .page__header h1 {
    width: fit-content;
}

.news .page__content {
    padding-bottom: 0;
}

.news .page__content .row.articles {
    padding: 0;
}

/* ARCHIVE */

.archive .page__content .pdfs .content {
    padding: 50px 30px;
    background: #fff;
}

.archive .page__content .pdfs h2 {
    margin-top: 0;
}

/* ARCHIVE */

/* ## Single */

.single-post .page__header {
    padding-bottom: 100px;
}

.single-post .page__header span {
    position: relative;
    font-weight: 700;
    line-height: 1;
    font-size: 112.5%;
}

.single-post .page__header h1 {
    max-width: 66%;
    margin: 30px 0;
}

.single-post .page__header p {
    font-size: 125%;
    margin: 0;
}

.single-post .page__content,
.single-post .page__content .row {
    padding: 0;
}

.single-post .page__content .row {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.page__content .single__content {
    width: 66.66%;
    background-color: #fff;
    padding: 60px 40px;
}

.page__content .single__content h2 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 150%;
    line-height: 1.16;
}

.page__content .single__content figure a {
    color: unset;
    display: block;
    padding: 0;
}

.page__content .single__content figure a::after {
    content: none;
}

.page__content .single__content figure figcaption {
    font-style: italic;
    font-size: 87.5%;
    line-height: 1.2;
    text-align: left;
}

.page__content .single__feature {
    width: 33.33%;
    margin-top: 100px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.page__content .single__feature .image {
    width: 100%;
    height: 0;
    padding-bottom: 67%;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.page__content .single__feature .share {
    width: 100%;
    padding: 50px;
    padding-bottom: 45px;
    background-color: #ee3b33;
    display: flex;
    flex-flow: column;
}

.page__content .single__feature .share h3 {
    color: #fff;
    font-size: 150%;
    line-height: 1.5;
    margin: 0;
    margin-top: 20px;
}

.page__content .single__feature .share ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: -20px;
}

.page__content .single__feature .share ul li {
    background-color: #fff;
    height: 60px;
    width: 60px;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;
}

.page__content .single__feature .share ul li a::after {
    z-index: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__content .single__feature .share ul li.fb a::after {
    background-color: #3b5999;
}
.page__content .single__feature .share ul li.tw a::after {
    background-color: #55acee;
}
.page__content .single__feature .share ul li.in a::after {
    background-color: #0077b5;
}
.page__content .single__feature .share ul li.ml a::after {
    background-color: #d6d6d6;
}

.page__content .single__feature .share ul li:hover a::after {
    width: 100%;
}

.page__content .single__feature .share ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 150%;

    color: #ee3b33;
}

.page__content .single__feature .share ul li a svg path {
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__content .single__feature .share ul li:hover a svg path {
    fill: #fff;
}

.page__content .single__feature .share ul li a svg {
    z-index: 2;
}

.news .cta_btb,
.search__page .cta_btb {
    justify-content: space-between;
}

.news .cta_btb > div,
.search__page .cta_btb > div {
    display: flex;
}

.cta_btb {
    display: flex;
    padding: 100px 0;
}

.cta_btb a {
    position: relative;
    font-size: 150%;
    font-weight: 700;
}

/* -------------------------------------------------------------------------- NEWS ---------------------------------------------------------------- */

/* -------------------------------------------------------------------------- AFFILIATES ---------------------------------------------------------------- */

/* ARCHIVE */

.affiliates__jobs--row h2 {
    margin-top: 0;
    margin-bottom: 40px;
}

.affiliates__jobs {
    padding: 0;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}

.affiliates__job {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(0, 0, 0, 0.08);
    padding: 10px 20px;
}

.affiliates__job h3 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #000;
    padding: 2px 5px;
    font-size: 112.5%;
    line-height: 1.55;
    margin: 0;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.affiliates__job h4 {
    font-size: 75%;
    color: #ee3b33;
    text-align: center;
    margin: 0;
}

.affiliates__job h3::after {
    z-index: -1;
    content: "";
    background-color: #ee3b33;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.affiliates__job:hover h3::after {
    width: 100%;
    left: 0;
}

.affiliates__job:hover h3 {
    color: #fff;
}

.archive-affiliates .page__content .affiliates-list {
    padding: 0;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
}

.archive-affiliates .page__content .affiliates-list .item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    border: 2px solid rgba(0, 0, 0, 0.08);
    padding: 10px 20px;
}

.archive-affiliates .page__content .affiliates-list .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.archive-affiliates .page__content .affiliates-list .item:hover::after {
    width: 100%;
}

.archive-affiliates .page__content .affiliates-list .item h2 {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #000;
    padding: 2px 5px;
    font-size: 112.5%;
    line-height: 1.55;
    margin: 15px 0;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.archive-affiliates .page__content .affiliates-list .item h3 {
    position: relative;
    z-index: 2;
    font-size: 100%;
    text-align: center;
    margin: 15px 0;
    line-height: 1;
    color: #eb3a32;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.archive-affiliates .page__content .affiliates-list .item:hover h3 {
    color: #000;
}

.archive-affiliates .page__content .affiliates-list .item h2::after {
    z-index: -1;
    content: "";
    background-color: #ee3b33;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}

.archive-affiliates .page__content .affiliates-list .item:hover h2::after {
    width: 100%;
    left: 0;
}

.archive-affiliates .page__content .affiliates-list .item:hover h2 {
    color: #fff;
}

.archive-affiliates .page__content .affiliates-list .item img {
    position: relative;
    z-index: 2;
}

/* SINGLE */

.archive-affiliates .page__header h1,
.single-affiliate .page__header h1 {
    max-width: 66%;
    line-height: 1.2;
}

.single-affiliate .page__content {
    padding-bottom: 0;
}

.page__content .affiliate__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
}

.page__content .affiliate__content > div {
    padding: 50px 30px;
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

.page__content .affiliate__content > div p {
    line-height: 1.8;
}

.page__content .affiliate__content > div p:first-child {
    margin-top: 0;
}

.page__content .affiliate__content > div p:last-child {
    margin-bottom: 0;
}

.page__content .affiliate__content > div a {
    font-weight: 700;
    position: relative;
    z-index: 1;
    padding: 0 7px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__content .affiliate__content > div a::after {
    content: " ";
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #ee3b33 0%, #ee3b33 100%);
    background-repeat: repeat-x;
    background-position: 0 98%;
    background-size: 100% 7px;

    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.page__content .affiliate__content > div a:hover {
    padding-right: 14px;
    margin-right: -7px;
}

.page__content .affiliate__content > div:last-child {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* GOOGLE MAP */

.page__content .google-map {
    padding: 30px;
    background-color: #fff;
}

.page__content .google-map .acf-map {
    background: grey;
    height: 300px;
    width: 100%;
}

/* OFFICES */

.page__content .offices {
    column-count: 2;
    column-gap: 50px;
    padding-bottom: 0;
}

.contact .page__content .offices {
    padding-bottom: 50px;
}

.page__content .offices .office {
    break-inside: avoid;
    padding: 50px 30px;
    background-color: #fff;
    margin-bottom: 50px;
}

.page__content .offices .office:last-child {
    margin-bottom: 0;
}

.page__content .offices .office h2 {
    display: inline;
    z-index: 1;
    margin: 0;
    font-size: 200%;
    line-height: 1;
}

.page__content .offices .office .contact-info {
    margin: 50px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px;
}

.page__content .offices .office .contact-info > a {
    padding-left: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 87.5%;
    line-height: 1.7;
    margin: 0;
}

.page__content .offices .office .contact-info a {
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__content .offices .office .contact-info a:hover {
    color: #cd201f;
}

.page__content .offices .office .contact-info .phones,
.page__content .offices .office .contact-info .mails {
    position: relative;
    display: flex;
    align-items: center;
}

.page__content .offices .office .contact-info .phones ul,
.page__content .offices .office .contact-info .mails ul {
    list-style: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    padding-left: 50px;
}

.page__content .offices .office .contact-info > a svg,
.page__content .offices .office .contact-info .phones > svg,
.page__content .offices .office .contact-info .mails > svg {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.page__content .offices .office .roles {
    column-count: 2;
    column-gap: 50px;
}

.page__content .offices .office .role {
    break-inside: avoid;
    margin-bottom: 30px;
}

.page__content .offices .office .role h3,
.page__content .offices .office .role li {
    font-size: 100%;
    line-height: 1.7;
    margin: 0;
}

.page__content .offices .office .role ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* -------------------------------------------------------------------------- AFFILIATES ---------------------------------------------------------------- */

/* ------------------------------------- */
/* # Footer						  		 */
/* ------------------------------------- */

.page__footer .row {
    padding: 50px;
    margin-bottom: 100px;
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.page__footer .menus {
    width: 100%;
}

.page__footer .infos {
    width: 100%;
    margin-top: 15px;
    display: flex;
    align-items: flex-start;
    flex-flow: column nowrap;
    justify-content: flex-start;
}

.page__footer .menus nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: -10px;
}

.page__footer .menus nav ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.page__footer .menus nav ul li:last-child {
    margin-right: 0;
}

.page__footer .menus nav ul li a,
.page__footer .infos p,
.page__footer .infos a {
    font-size: 87.5%;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__footer .menus nav ul li a:hover,
.page__footer .infos a:hover {
    color: #fff !important;
}

.page__footer .menus nav ul li.current-menu-item a {
    color: #fff;
}

.page__footer .menus nav ul li.current-menu-item a::after {
    width: 100%;
    left: 0;
    right: auto;
}

.page__footer .menus nav ul li a,
.page__footer .infos a {
    display: inline-block;
    z-index: 1;
    font-weight: 700;
    position: relative;
    padding: 0 5px;
}

.page__footer .menus nav ul li a::after,
.page__footer .infos a::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background-color: #ee3b33;

    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.page__footer .menus nav ul li a:hover::after,
.page__footer .infos a:hover::after {
    left: 0;
    right: auto;
    width: 100%;
}

.page__footer .menus nav ul li a {
    color: #ee3b33;
}
.fb::after {
    background-color: #3b5999 !important;
}
.fb,
.fb:visited,
.fb:focus {
    color: #3b5999 !important;
}
.tw::after {
    background-color: #55acee !important;
}
.tw,
.tw:visited,
.tw:focus {
    color: #55acee !important;
}
.yt::after {
    background-color: #cd201f !important;
}
.yt,
.yt:visited,
.yt:focus {
    color: #cd201f !important;
}

.page__footer .socials {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.page__footer .copyright {
    margin-top: 30px;
}

.page__footer .infos p {
    margin: 0;
    margin-right: 30px;
}

.page__footer .socials > * {
    margin-right: 30px;
}

.page__footer .socials > *:last-child {
    margin-right: 0;
}

/* ------------------------------------- */
/* # Quote								 */
/* ------------------------------------- */

/* ------------------------------------- */
/* # Buttons							 */
/* ------------------------------------- */

button {
}

/* ------------------------------------- */
/* # Forms								 */
/* ------------------------------------- */

form {
}

input {
}
/* ------------------------------------- */
/* # Faq section						 */
/* ------------------------------------- */
section.faq {
    background-color: white;
    padding: 100px 50px !important;
    padding-top: 90px !important;
    margin-top: 50px;
    margin-bottom: 50px;
}

section.faq p:last-child {
    margin-bottom: 0px;
}

section.faq:first-child {
    margin-top: 0;
}

section.faq h2 {
    margin-top: 0;
}

section.faq .container {
    max-width: 1024px;
    margin: 0 auto;
}

.faq .p-reveal {
    margin-bottom: 40px;
}

section.faq .details {
    margin-bottom: 40px;

    border: 2px solid #f4f2f5;
    transition: 0.3s;
}

section.faq .all_details {
    margin-bottom: -40px;
}

section.faq .summary {
    padding: 30px 90px 30px 30px;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}

section.faq .summary::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;

    /* background-color: var(--line-color); */
    transform: scaleY(0);
    transform-origin: bottom;

    transition: 0.3s;
}

section.faq .details.open .summary::before,
section.faq .summary:hover::before {
    transform: scaleY(1);
}

section.faq .summary h3 {
    margin: 0;

    color: black;
}

section.faq .icon {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    right: 40px;

    transform: translateY(-50%);

    transition: 0.3s;
}

section.faq .icon span {
    width: 26px;
    height: 2px;
    display: inline-block;

    background-color: #ee3b33;
}

section.faq .icon span:first-child {
    position: absolute;
    top: 13px;
    left: 0;
}

section.faq .icon span:last-child {
    position: absolute;
    top: 13px;
    left: 0;

    transform: rotate(90deg);

    transition: 0.3s;
}

section.faq .details.open .icon {
    transform: rotate(180deg) translateY(50%);
}

section.faq .details.open .icon span:last-child {
    transform: rotate(0deg);
}

section.faq .details .content {
    padding: 30px;
    display: none;
    padding-top: 0;
}

/* ------------------------------------- */
/* # Accessibility						 */
/* ------------------------------------- */

/* ------------------------------------- */
/* # Clearings							 */
/* ------------------------------------- */

/* ------------------------------------- */
/* # Media queries						 */
/* ------------------------------------- */
@media screen and (max-width: 1700px) {
    .row {
        width: 90%;
        margin: 0 auto;
    }

    #primary-menu li a {
        font-size: 100%;
        padding: 0 10px;
    }
}

@media screen and (max-width: 1300px) {
    .page__content .offices .office .contact-info {
        grid-template-columns: repeat(1, 1fr);
    }

    .page__content .offices .office .roles {
        column-count: 1;
    }

    #primary-menu li a {
        font-size: 90%;
        padding: 0 8px;
    }

    section.faq {
        background-color: white;
        padding: 50px !important;
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 1200px) {
    /* ------------------------------------- */
    /* # Header / Navigation				 */
    /* ------------------------------------- */

    .site-header .main-navigation {
        display: none;
    }

    .site-header .responsive-navigation,
    .site-header .hamburger {
        display: block;
    }

    .site-header {
        height: 120px;
    }

    .site-header .site-logo img {
        width: 90px;
        height: 90px;
    }

    .site-content {
        padding-top: 120px;
    }

    .site-header .responsive-navigation {
        padding-top: 120px;
    }
}

@media screen and (max-width: 1100px) {
    .page__footer .infos > div {
        width: 100%;
    }

    .page__footer .infos .socials {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1000px) {
    body {
        font-size: 90%;
    }

    /* ------------------------------------- */
    /* # Content							 */
    /* ------------------------------------- */

    .single-post .page__header h1 {
        max-width: unset;
        width: 100%;
    }

    .archive-affiliates .page__content .affiliates-list,
    .affiliates__jobs {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Grid display */

    .articles-list,
    .ctas-list {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Presentation */
    .page-default .page__content .image-txt .txt {
        width: 80%;
    }

    .page-default .page__content .image-txt:nth-child(even) .txt,
    .page-default .page__content .image-txt:nth-child(odd) .image {
        margin-right: 0;
        margin-left: -20%;
    }

    .page-default .page__content .image-txt:nth-child(odd) .txt,
    .page-default .page__content .image-txt:nth-child(even) .image {
        margin-left: 0;
        margin-right: -20%;
    }
}

@media screen and (max-width: 1000px) {
    .single .page__content .row > div {
        width: 100%;
    }

    .single .page__content .single__content {
        order: 2;
    }

    .page__content .single__feature .image {
        padding-bottom: 50%;
    }

    .page__content .single__feature .share {
        padding: 40px 30px;
        justify-content: center;
        align-items: center;
    }

    .page__content .single__feature .share ul {
        justify-content: center;
    }

    .page__content .single__feature .share ul li {
        margin-right: 20px;
        width: 45px;
        height: 45px;
    }

    /* ------------------------------------- */
    /* # Footer  							 */
    /* ------------------------------------- */

    .page__footer .row {
        flex-flow: column;
        align-items: flex-start;
    }

    .page__footer .infos {
        margin-top: 30px;
    }

    .page__footer .menus nav ul li a,
    .page__footer .infos p,
    .page__footer .infos a {
        line-height: 2;
    }
}

@media screen and (max-width: 680px) {
    .site-header {
        height: 80px;
    }

    .site-header .responsive-navigation {
        padding-top: 110px;
    }

    .site-header .site-logo img {
        width: 70px;
        height: 70px;
    }

    .site-content {
        padding-top: 95px;
    }

    .archive .pdf-gallery ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .page__content .affiliate__content {
        grid-template-columns: repeat(1, 1fr);
    }

    .page__content .offices {
        column-count: 1;
    }

    .archive-affiliates .page__content .affiliates-list,
    .affiliates__jobs {
        grid-template-columns: repeat(2, 1fr);
    }

    body {
        font-size: 88%;
    }

    h1,
    .frontpage .page__header h2,
    .frontpage .page__header .row > span {
        font-size: 300%;
    }

    h2 {
        font-size: 225%;
    }

    /* ------------------------------------- */
    /* # Content							 */
    /* ------------------------------------- */

    /* ==================================== HISTORY ================================== */

    .history > h2 {
        text-align: left;
    }

    .history-bar {
        transform: none;
        left: -15px;
    }

    .history-row {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .history-row .image-wrapper {
        margin-top: 0;
        height: 285px;
    }

    .history-row .txt-wrapper,
    .history-row:nth-of-type(odd) .image-wrapper {
        margin-bottom: 0;
    }

    .history-row:nth-of-type(odd) .txt-wrapper {
        margin-top: 0;
    }

    /* ==================================== HISTORY ================================== */

    .page-default .page__content .image-txt .txt,
    .page-default .page__content .image-txt:nth-child(even) .txt {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .page-default .page__content .image-txt .image {
        display: none;
    }

    /* Grid display */

    .articles-list,
    .ctas-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .page__content .cta .content p {
        max-width: 100%;
    }

    /* Presentation */
    .page-default .page__content .image-txt .txt {
        padding: 40px 30px;
    }

    /* ------------------------------------- */
    /* # Footer  							 */
    /* ------------------------------------- */

    .page__footer .menus nav ul li {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    section.faq .summary {
        padding: 20px 70px 20px 20px;
    }
    section.faq .icon {
        width: 22px;
        height: 22px;
        right: 25px;
    }
    section.faq .details .content {
        padding: 20px;
        padding-top: 0;
    }
    section.faq .icon span:first-child,
    section.faq .icon span:last-child {
        top: 10px;
    }
    section.faq .icon span {
        width: 22px;
    }
}

@media screen and (max-width: 480px) {
    .archive .pdf-gallery ul {
        grid-template-columns: repeat(1, 1fr);
    }
}



.formation-container{
    display:flex;
    flex-wrap: wrap;
    margin-top:20px;
}
.formation-date{
    font-family: "objektiv-mk1";
    color: #000;
    font-weight: 700;
}
.formation-row{
    display: flex;
    width: 45%;
    margin-right:10px;
    place-content: space-between;
    padding: 20px 0;
    margin-right:40px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}

.image-inscription{
    width: 0% !important;
}

.formation-table{
    width: 100% !important;
}

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

    .formation-row{
        margin-right:0px;
        width: 100%;
    }
}
.image-inscription img{
    top: 10% !important;
    object-fit: none !important;
}

.form-container{
    background-color: white;
    padding: 60px 40px;
}

.image-cover{
    object-fit: cover;
}