@charset "UTF-8";
@font-face {
    font-family: wsb;
    src: url(fonts/wsb.eot);
    src: url(fonts/wsb.eot?#iefix) format("embedded-opentype"), url(fonts/wsb.woff) format("woff"), url(fonts/wsb.ttf) format("truetype"), url(fonts/wsb.svg#wsb) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: wsb !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" wsbicon-"]:before, [class^=wsbicon-]:before {
    font-family: wsb !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wsbicon-book:before {
    content: "\61"
}

.wsbicon-book-open:before {
    content: "\62"
}

.wsbicon-coche:before {
    content: "\64"
}

.wsbicon-dial:before {
    content: "\65"
}

.wsbicon-markup:before {
    content: "\66"
}

.wsbicon-media:before {
    content: "\67"
}

.wsbicon-stats:before {
    content: "\69"
}

.wsbicon-facebook:before {
    content: "\6a"
}

.wsbicon-twitter:before {
    content: "\6b"
}

.wsbicon-linkedin:before {
    content: "\6c"
}

.wsbicon-google-plus:before {
    content: "\6d"
}

.wsbicon-guy:before {
    content: "\73"
}

.wsbicon-tel:before {
    content: "\74"
}

@media only screen and (min-width: 961px) {
    .headm {
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 9
    }

    .headm__inner {
        position: relative;
        height: 126px;
        padding: 0 1rem;
        background: #29323c
    }

    .headm__title {
        margin: auto;
        display: inline-block;
        padding: 13px
    }

    .headm__nav {
        float: left
    }

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

    .headm__tel {
        position: absolute;
        top: 0;
        left: 40px;
        line-height: 126px;
        font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
        font-weight: 300;
        font-size: 18px
    }

    .headm__tel a {
        color: #fff
    }

    .headm__tel svg {
        fill: #fff;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle
    }

    .headm__tel span {
        display: inline-block;
        vertical-align: top
    }

    .headm__account {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .headm__account-log, .headm__account-sign {
        padding: 0 1rem;
        display: inline-block;
        color: #fff;
        padding: 16px 30px;
        border-radius: 50px
    }

    .headm__account-sign {
        position: relative;
        background: #3095d2;
        transition: .15s;
        padding: 16px 50px
    }

    .headm__account-sign:hover {
        color: #fff;
        background: #2578aa
    }

    .navitem {
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
        float: left;
        position: relative
    }

    .navitem__label {
        line-height: 86px;
        padding: 0 2rem;
        display: block;
        font-size: 20px;
        transition: .35s color;
        color: #1f252b
    }

    .navitem__label svg {
        display: block;
        fill: #1f252b;
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-left: 10px
    }

    .navitem:hover .navitem__label {
        background: #fff;
        box-shadow: 1px 0 #dadada, 1px 0 #dadada inset
    }

    .navitem__dd {
        display: none;
        border: 1px solid #dadada;
        border-top: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff
    }

    .navitem:hover .navitem__dd {
        display: block
    }

    .navitem__dd.navitem__dd--right {
        left: auto;
        right: 0
    }

    .navitem__dd li a {
        min-width: 300px;
        white-space: nowrap;
        position: relative;
        display: block;
        text-align: left;
        padding-right: 2rem;
        padding-left: 5rem;
        line-height: 70px;
        font-size: 18px;
        color: #000;
        overflow: hidden;
        transition: .15s
    }

    .navitem__dd li a .icon, .navitem__dd li a img {
        margin-right: 2rem;
        font-size: 1.5em;
        position: absolute;
        top: 2px;
        bottom: 0;
        left: 2rem;
        color: #bbb;
        transition: .15s
    }

    .navitem__dd li a img {
        width: 40px;
        height: 40px;
        margin: auto;
        top: 0;
        left: 1.5rem
    }

    .navitem__dd li a:hover {
        transition: .15s;
        background: #eee;
        opacity: 1;
        box-shadow: 0 -1px #dadada, 0 -1px #dadada inset
    }

    .navitem__dd li a:hover .icon, .navitem__dd li a:hover img {
        color: #000
    }
}

@media only screen and (min-width: 961px) {
    .navitem--account .navitem__label {
        line-height: 126px;
        color: #FFF;
    }

    .navitem--account.navitem:hover .navitem__label {
        -webkit-transition: .35s;
        transition: .35s;
        background: #1b1e22;
        box-shadow: 0 -10px #fff inset;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 961px) {
    .navitem--account .navitem__label {
        line-height: 80px;
    }
}

.headm__inner-bis {
    height: 86px;
    background: #fff;
    border-bottom: 1px solid #dadada
}

@media only screen and (max-width: 960px) {
    .headm__inner-bis {
        display: none
    }
}

.headm__who {
    position: relative;
    float: left
}

.headm__who-you {
    position: relative;
    display: block;
    color: #000;
    box-shadow: 1px 0 #dadada;
    height: 85px;
    padding: 8px 1rem;
    background: #f6f6f6
}

.headm__who-you > * {
    display: inline-block;
    vertical-align: middle
}

.headm__who--active .headm__who-you {
    background: #fff;
    box-shadow: 0 1px #fff, 1px 0 #dadada
}

.headm__who-who {
    margin-left: 1rem;
    border: 1px solid #dadada;
    border-radius: 50px;
    padding-right: 1.5rem;
    cursor: pointer;
    background: #fff
}

.headm__who-who img {
    display: inline-block;
    vertical-align: middle
}

.headm__who-who span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1.25rem
}

.headm__who-who svg {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle
}

.headm__who--active .headm__who-who svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.headm__who-who:hover {
    background: #f9f9f9
}

.headm__who-who:active {
    background: #eee
}

.headm__who-dd {
    display: none;
    z-index: 2;
    position: absolute;
    top: 86px;
    left: 0;
    background: #fff;
    padding: 18px 0
}

.headm__who--active .headm__who-dd {
    display: block
}

.headm__who-dd a {
    display: inline-block;
    vertical-align: middle;
    padding: 16px 2rem;
    font-size: 20px;
    transition: .15s;
    color: #8f8f8f;
    opacity: .75
}

.headm__who-dd a span {
    padding-left: 1rem
}

.headm__who-dd a div {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.headm__who-dd a div img {
    display: block
}

.headm__who-dd a div i {
    display: none
}

.headm__who-dd a.is-active div:after {
    content: "";
    font-size: 20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 4px;
    right: 4px
}

.headm__who-dd a.is-active div i {
    display: block;
    position: absolute;
    bottom: 4px;
    right: 4px;
    z-index: 20;
    color: #6ade05;
    font-size: 16px;
    line-height: 24px;
    width: 30px;
    text-align: center
}

.headm__who-dd a:hover {
    color: #000;
    opacity: 1
}

.headm__search {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.headm__search-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 130px;
    cursor: pointer;
    border-left: 1px solid #dadada;
    transition: .15s
}

@media only screen and (max-width: 1399px) {
    .headm__search-icon {
        width: 80px
    }
}

.headm__search-icon svg {
    transition: .15s;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    stroke: #000
}

.headm__search--active .headm__search-icon {
    background: #3095d2
}

.headm__search--active .headm__search-icon svg {
    stroke: #fff
}

.headm__search-icon:hover {
    background: #2578aa
}

.headm__search-icon:hover svg {
    stroke: #fff
}

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

.headm__search--active .headm__search-inputc input {
    width: 300px;
    padding: 0 1.5rem 0 2rem
}

.headm__search-inputc input:-ms-input-placeholder {
    color: #b3b3b3
}

.headm__search-inputc input:-moz-placeholder {
    color: #b3b3b3
}

.headm__search-submit {
    visibility: hidden
}

@media only screen and (max-width: 1399px) and (min-width: 961px) {
    .navitem__label {
        padding: 0 1.5rem;
        font-size: 18px
    }
}

@media only screen and (max-width: 1199px) and (min-width: 961px) {
    .navitem__label {
        padding: 0 1rem;
        font-size: 18px
    }
}

.navitem--spec {
    display: none
}

@media only screen and (max-width: 1139px) {
    .navitem--spec {
        display: block
    }

    .navitem--spec .navitem__dd a div {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 1.5rem;
        width: 40px;
        height: 40px
    }

    .navitem--spec .navitem__dd a div img {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        left: 0
    }

    .navitem--spec .navitem__dd a div i {
        display: none !important
    }

    .navitem--spec .navitem__dd a.is-active div:after {
        content: "";
        font-size: 20px;
        line-height: 30px;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .navitem--spec .navitem__dd a.is-active div i {
        display: block !important;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 20;
        color: #6ade05;
        font-size: 16px;
        width: 20px;
        text-align: center;
        margin: auto auto;
        left: auto;
        top: 0
    }

    .headm__who {
        display: none
    }
}

@media only screen and (max-width: 1399px) and (min-width: 961px) {
    .headm__inner {
        height: 80px
    }

    .headm__tel {
        line-height: 80px
    }

    .headm__title img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .headm__inner-bis {
        height: 60px
    }

    .navitem__label {
        line-height: 60px;
        font-size: 16px
    }

    .headm__who-you {
        height: 60px
    }

    .headm__who-who img {
        width: 40px
    }
}

.headm__account-icon {
    display: none
}

@media only screen and (max-width: 960px) {
    .headm {
        background: #29323c
    }

    .headm__title {
        text-align: center;
        margin: 0;
        padding: 0 100px;
        height: 100px
    }

    .headm__nav-burger {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        cursor: pointer
    }

    .headm__nav-burger div {
        width: 30px;
        height: 4px;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transition: .25s cubic-bezier(.215, .61, .355, 1)
    }

    .headm__nav-burger div:nth-child(1) {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    .headm__nav-burger div:nth-child(3) {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    .nav-left-active .headm__nav-burger div:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .nav-left-active .headm__nav-burger div:nth-child(2) {
        opacity: 0
    }

    .nav-left-active .headm__nav-burger div:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .headm__nav {
        position: absolute;
        top: 0;
        left: 0;
        background: #1f252d;
        z-index: 0;
        width: 400px;
        min-height: 100%;
        transition: 1s
    }

    .nav-left-active .headm__nav {
        z-index: 9;
        transition: 0s
    }

    .headm .headm__nav {
        display: none
    }

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

    body {
        overflow-x: hidden;
        background: white
    }

    .gcontainer {
        position: relative;
        z-index: 10;
        transition: .25s cubic-bezier(.215, .61, .355, 1);
        background: #f7f7f7
    }

    .nav-left-active .gcontainer {
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

    .nav-right-active .gcontainer {
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    .nav__leaver {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        z-index: 5000;
        display: none;
        cursor: pointer
    }

    .nav-left-active .nav__leaver, .nav-right-active .nav__leaver {
        display: block;
        -webkit-animation: fadeIn .25s cubic-bezier(.215, .61, .355, 1) backwards;
        animation: fadeIn .25s cubic-bezier(.215, .61, .355, 1) backwards
    }

    .navitem__label {
        padding: 2rem 1rem;
        display: block;
        cursor: pointer;
        box-shadow: 0 -1px rgba(0, 0, 0, .1) inset;
        font-weight: 500;
        background: #29323c;
        color: #fff;
        transition: .125s
    }

    .navitem__label:hover {
        color: #29323c;
        color: #fff
    }

    .navitem__label.js--active {
        background: #eee;
        color: #000
    }

    .navitem__label.js--active svg {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        fill: #000
    }

    .navitem__label svg {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        display: inline-block;
        width: 10px;
        height: 10px;
        transition: .25s;
        font-size: .75em;
        opacity: .4;
        margin-left: 10px;
        fill: #fff
    }

    .navitem.navitem--account .navitem__label svg {
        display: none
    }

    .navitem__dd {
        display: none
    }

    .navitem__dd.navitem__dd--right {
        display: block
    }

    .navitem__dd li a {
        display: block;
        background: #fff;
        border-bottom: 1px solid #eee;
        color: #000;
        padding: 1.2rem 1rem
    }

    .navitem__dd li a:hover {
        background: #ddd
    }

    .navitem__dd li a .icon, .navitem__dd li a img {
        margin-right: 1rem;
        width: 40px;
        height: 40px
    }

    .navitem--spec .navitem__dd li {
        position: relative
    }

    .navitem--spec .navitem__dd li a div {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        left: 0;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem
    }

    .navitem--spec .navitem__dd li a div img {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        left: 0
    }

    .navitem--spec .navitem__dd li a div i {
        display: none !important
    }

    .navitem--spec .navitem__dd li a.is-active div:after {
        content: "";
        font-size: 20px;
        line-height: 30px;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .navitem--spec .navitem__dd li a.is-active div i {
        display: block !important;
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        z-index: 20;
        color: #6ade05;
        font-size: 16px;
        width: 20px;
        height: 20px;
        text-align: center;
        margin: auto auto
    }

    .headm__tel {
        display: none
    }

    .headm__account {
        position: absolute;
        top: 0;
        right: 0;
        background: #1f252d;
        z-index: 0;
        width: 400px;
        min-height: 100%;
        transition: 1s
    }

    .nav-right-active .headm__account {
        z-index: 9;
        transition: 0s
    }

    .headm .headm__account {
        display: none
    }

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

    .headm__account-icon {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        font-size: 2rem
    }

    .headm__account-log, .headm__account-sign {
        padding: 2rem 1rem;
        background: #eee;
        display: block;
        color: #000;
        cursor: pointer;
        box-shadow: 0 -1px rgba(0, 0, 0, .1) inset;
        font-weight: 500
    }

    .headm__account-log:hover, .headm__account-sign:hover {
        color: #29323c
    }
}

@media only screen and (max-width: 460px) {
    .headm__account-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 1.6rem
    }

    .headm__title {
        height: 60px;
        padding: 0 60px
    }

    .headm__title img {
        height: 60px;
        width: 138px;
    }

    .headm__nav-burger {
        width: 60px;
        height: 60px
    }

    .headm__nav {
        width: 260px
    }

    .headm__account {
        width: 260px
    }

    .nav-left-active .gcontainer {
        -webkit-transform: translateX(260px);
        transform: translateX(260px)
    }

    .nav-right-active .gcontainer {
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }
}

.team {
    background: #fff;
    text-align: center;
    margin: 0;
    padding: 8rem 7rem
}

@media only screen and (max-width: 64em) {
    .team {
        padding: 5rem
    }
}

@media only screen and (max-width: 50.63em) {
    .team {
        padding: 4.5rem 3.5rem 5.5rem
    }
}

.team__title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
}

.team__markup {
    width: 750px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 60px;
}

.team__markup p {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    color: #231e1e
}

.team__member-thumb {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: block;
    margin: auto;
    border: 1px solid #dadada;
    margin-bottom: 20px
}

.team__member-name {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #000;
    font-weight: 500;
    display: block
}

.team__member-job {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #000;
    font-weight: 300;
    display: block
}

.team__member-social {
    padding: 30px 0;
    margin: 0
}

.team__member-social li {
    display: inline-block
}

.team__member-social li a {
    padding: 5px
}

.team__member-social li a svg {
    fill: #000;
    width: 24px;
    height: 24px;
    transition: .15s
}

.team__member-social li a:hover svg {
    fill: #00a3ef
}

.team__member-pastille {
    background: #ccc;
    color: #fff;
    border-radius: 50px;
    padding: 0 10px;
    margin-top: 4px;
    display: inline-block
}

.team__member-pastille--blue {
    background: #0079ff
}

.team__member-pastille--orange {
    background: #ff9c00
}

.team__member-click {
    cursor: pointer
}

.team__ol {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .92);
    z-index: 5000
}

.team__ol.active {
    display: block
}

@media only screen and (max-width: 64em) {
    .team__ol {
        overflow: auto
    }
}

.team__ol-member {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    width: 1230px;
    max-width: 100%;
    display: none
}

@media only screen and (max-width: 64em) {
    .team__ol-member {
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.team__ol-member.active {
    display: block
}

.team__ol-member-inner {
    background: #232c35;
    color: #fff;
    margin-left: 90px;
    position: relative;
    padding-left: 600px
}

@media only screen and (max-width: 64em) {
    .team__ol-member-inner {
        margin-left: 0;
        padding: 20px 20px 40px
    }
}

.team__ol-member-imgc {
    position: absolute;
    left: -90px;
    top: -60px;
    bottom: 60px;
    width: 600px;
    overflow: hidden
}

@media only screen and (max-width: 64em) {
    .team__ol-member-imgc {
        position: relative;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        left: 0;
        top: 0;
        bottom: 0
    }
}

.team__ol-member-imgc img {
    position: absolute;
    top: -9000px;
    right: -9000px;
    bottom: -9000px;
    left: -9000px;
    margin: auto;
    width: auto;
    height: auto;
    max-width: initial;
    max-height: initial;
    min-width: 101%;
    min-height: 101%
}

@media only screen and (max-width: 64em) {
    .team__ol-member-imgc img {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%
    }
}

.team__ol-member-content {
    padding: 100px 80px 100px 0
}

@media only screen and (max-width: 64em) {
    .team__ol-member-content {
        padding: 20px 0
    }
}

.team__ol-member-social {
    padding: 20px 0;
    margin: 0
}

.team__ol-member-social li {
    display: inline-block
}

.team__ol-member-social li a {
    padding: 5px
}

.team__ol-member-social li a svg {
    fill: #fff;
    width: 24px;
    height: 24px;
    transition: .15s
}

.team__ol-member-social li a:hover svg {
    fill: #95d60a
}

.team__ol-member-infos {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative
}

.team__ol-member-infos:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #95d60a
}

.team__ol-member-name {
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 1.5
}

.team__ol-member-job {
    font-size: 18px;
    line-height: 1.83333
}

.team__ol-member-pastille {
    font-size: 18px;
    line-height: 1.83333
}

.team__ol-member-pastille img {
    margin-right: 20px
}

.team__ol-member-markup > :last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.team__ol-leave {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 500;
    cursor: pointer
}

.team__ol-leave div {
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: .1s;
    border-radius: 1px
}

.team__ol-leave div:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.team__ol-leave div:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.team__ol-leave:hover div {
    background: #95d60a
}

.team__ol-nav {
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 500
}

.team__ol-nav-next, .team__ol-nav-prev {
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    position: relative
}

.team__ol-nav-next div, .team__ol-nav-prev div {
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: .1s;
    border-radius: 1px
}

.team__ol-nav-next div:first-child, .team__ol-nav-prev div:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.team__ol-nav-next div:last-child, .team__ol-nav-prev div:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.team__ol-nav-next:hover div, .team__ol-nav-prev:hover div {
    background: #95d60a
}

.team__ol-nav-prev div {
    -webkit-transform-origin: 1px 1px;
    transform-origin: 1px 1px
}

.team__ol-nav-next div {
    -webkit-transform-origin: 18px 1px;
    transform-origin: 18px 1px
}

.team-map {
    width: 100%
}

.team-map iframe {
    width: 100%;
    height: 500px
}

.team-gal li {
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important
}

.team-gal a {
    display: block
}

.team-gal img {
    width: 100%;
    display: block
}

.team-gal li:nth-child(1) {
    width: 50%
}

.team-gal li:nth-child(2) {
    width: 50%
}

.team-gal li:nth-child(3) {
    width: 25%
}

.team-gal li:nth-child(4) {
    width: 25%
}

.team-header {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media only screen and (min-width: 64em) {
    .team-header {
        min-height: 600px;
        min-height: calc(100vh - 212px)
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .team-header {
        min-height: auto;
        padding: 100px 0 150px
    }
}

@media only screen and (max-width: 46em) {
    .team-header {
        min-height: auto
    }
}

.team-header--bg {
    background: #528dcc url(img/team-header.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.team-header--content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    max-width: 800px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .team-header--content {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width: 46em) {
    .team-header--content {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.team-header--title {
    color: #fff;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 62px;
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .team-header--title {
        font-size: 48px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .team-header--title {
        font-size: 32px
    }
}

@media only screen and (max-width: 46em) {
    .team-header--title {
        font-size: 24px
    }
}

.team-header--scrollto {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .18);
}

.team-header--scrollto:hover {
    background: rgba(255, 255, 255, .18)
}

.team-header--scrollto svg {
    width: 12px;
    height: 6px;
    fill: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: team-header--scrollto-svg 2s infinite;
    animation: team-header--scrollto-svg 2s infinite
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .team-header--scrollto {
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width: 46em) {
    .team-header--scrollto {
        width: 40px;
        height: 40px
    }
}

@-webkit-keyframes team-header--scrollto-svg {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes team-header--scrollto-svg {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.team-agreg {
    background: url(img/investissement.png) no-repeat left center, url(img/pattern-amf.jpg) repeat center center #173044;
    padding: 80px 0;
    text-align: center
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .team-agreg {
        padding: 60px 0
    }
}

@media only screen and (max-width: 46em) {
    .team-agreg {
        padding: 20px 0
    }
}

.team-agreg img, .team-agreg p {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    margin: 20px
}

.team-press {
    padding: 100px 10px
}

.team-guy {
    text-align: center;
    width: 300px;
    padding: 20px;
    margin-bottom: 40px;
    display: inline-block
}

.team-guy--img {
    border-radius: 30px;
    width: 100px;
    margin-bottom: 20px
}

.team-guy--name {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #231e1e;
    font-weight: 400;
    margin-bottom: 10px
}

.team-guy--job {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #7e7e7e;
    font-weight: 300;
    margin-bottom: 30px
}

.team-guy--link {
    border: 1px solid #dadada;
    border-radius: 50px;
    padding: 7px 10px;
    min-width: 60px;
    text-align: center;
    transition: .1s;
    display: inline-block;
    background: 0 0
}

.team-guy--link i {
    display: block;
    line-height: 1;
    transition: .1s;
    color: #231f20
}

.team-guy--link:hover {
    background: #29323c
}

.team-guy--link:hover i {
    color: #fff
}

.teamgouv--inner {
    padding: 100px 10px;
    max-width: 1360px;
    margin: auto;
    text-align: center;
    color: #231e1e
}

.teamgouv--title {
    font-size: 48px;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: 400;
    line-height: 1
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .teamgouv--title {
        font-size: 42px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamgouv--title {
        font-size: 32px
    }
}

@media only screen and (max-width: 46em) {
    .teamgouv--title {
        font-size: 24px
    }
}

.teamgouv--subtitle {
    font-size: 16px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 40px
}

.teamgouv--contb {
    padding: 4rem 0
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamgouv--contb {
        padding: 2rem 0
    }
}

@media only screen and (max-width: 46em) {
    .teamgouv--contb {
        padding: 2rem 0
    }
}

.teamgouv--contb-title {
    font-size: 30px;
    font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 0
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .teamgouv--contb-title {
        font-size: 28px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamgouv--contb-title {
        font-size: 24px
    }
}

@media only screen and (max-width: 46em) {
    .teamgouv--contb-title {
        font-size: 20px
    }
}

.teamgouv--contb-subtitle {
    font-size: 16px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 0;
    margin-bottom: 2rem
}

.teamgouv--contb-stroke {
    border: 1px solid #dadada;
    border-bottom: none;
    height: 18px;
    margin: 0 5px 1.6rem
}

.teamgouv--contb-1 {
    float: left;
    width: 25%
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamgouv--contb-1 {
        width: 100%;
        max-width: 330px;
        margin: auto;
        float: none
    }
}

@media only screen and (max-width: 46em) {
    .teamgouv--contb-1 {
        width: 100%;
        max-width: 330px;
        margin: auto;
        float: none
    }
}

.teamgouv--contb-2 {
    float: left;
    width: 75%
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamgouv--contb-2 {
        width: 100%
    }
}

@media only screen and (max-width: 46em) {
    .teamgouv--contb-2 {
        width: 100%
    }
}

.teamgouv--contb-3 {
    float: right;
    width: 75%
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamgouv--contb-3 {
        width: 100%
    }
}

@media only screen and (max-width: 46em) {
    .teamgouv--contb-3 {
        width: 100%
    }
}

.teamcard {
    padding: 5px;
    max-width: 340px;
    min-width: 240px;
    display: inline-block
}

.teamgouv--contb-1 .teamcard {
    width: 100%
}

.teamgouv--contb-2 .teamcard {
    width: 33.3333%
}

.teamgouv--contb-3 .teamcard {
    width: 33.3333%
}

@media (max-width: 780px) {
    .teamcard {
        min-width: 300px
    }
}

@media (max-width: 650px) {
    .teamcard {
        min-width: 240px
    }
}

@media (max-width: 530px) {
    .teamcard {
        min-width: auto;
        width: 100% !important
    }
}

.teamcard--inner {
    background: #fff;
    border: 1px solid #dadada;
    text-align: left;
    border-radius: 5px
}

.teamcard--inner .teamcard--title {
    text-align: center;
    font-size: 24px;
    font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 1.6rem
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .teamcard--inner .teamcard--title {
        font-size: 20px
    }
}

@media only screen and (max-width: 46em) {
    .teamcard--inner .teamcard--title {
        font-size: 18px
    }
}

.teamcard--inner img {
    width: 100%
}

.teamcard--inner ul {
    font-weight: 300;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 2.5rem;
    line-height: 2;
    margin: 0
}

@media only screen and (max-width: 1400px) {
    .teamcard--inner ul {
        padding: 1.5rem
    }
}

.teamcard--inner ul li:before {
    content: "• ";
    margin-right: 10px
}

.teamcard--inner p {
    padding: 0 2.5rem 2.5rem;
    margin: 0;
    font-weight: 300;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px
}

@media only screen and (max-width: 1400px) {
    .teamcard--inner p {
        padding: 0 1.5rem 1.5rem
    }
}

.teamcard--inner p i {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem
}

.eligibilite {
    position: relative;
    padding: 8rem 7rem;
    margin: 0;
    background: #f7f7f7
}

@media only screen and (max-width: 64em) {
    .eligibilite {
        padding: 5rem
    }
}

@media only screen and (max-width: 50.63em) {
    .eligibilite {
        padding: 4.5rem 3.5rem 5.5rem
    }
}

.eligibilite__text {
    margin-bottom: 40px
}

@media only screen and (min-width: 64.0625em) {
    .eligibilite__text {
        padding-right: 65px;
        text-align: right;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 64.0625em) {
    .eligibilite__form {
        padding-left: 65px
    }
}

.eligibilite__text-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-size: 2.25rem
}

.eligibilite__text-markup p {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    color: #231e1e
}

.eligibilite__form button {
    background: #383838
}

.eligibilite__form button:hover {
    background: #00a3ef
}

.processtl {
    position: relative;
    overflow: hidden
}

.processtl__header {
    position: relative;
    overflow: hidden;
    padding: 11rem 7rem 8rem
}

@media only screen and (max-width: 64em) {
    .processtl__header {
        padding: 5rem
    }
}

@media only screen and (max-width: 50.63em) {
    .processtl__header {
        padding: 4.5rem 3.5rem 2.5rem
    }
}

.processtl__header-content {
    width: 700px;
    max-width: 100%;
    margin: auto;
    text-align: center
}

.processtl__header-title {
    font-family: "Roboto Slab", serif;
    margin: 0;
    font-size: 72px;
    font-size: 4.5rem;
    line-height: 88/72;
    margin-bottom: 50px;
}

@media only screen and (max-width: 64em) {
    .processtl__header-title {
        font-size: 60px;
        font-size: 3.75rem;
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 50.63em) {
    .processtl__header-title {
        font-size: 36px;
        font-size: 2.25rem;
        margin-bottom: 30px
    }
}

.processtl__header-markup p {
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.1;
    font-weight: 500;
    color: #231e1e
}

.processtl__header-bg {
    position: absolute;
    bottom: 0;
    left: -9000px;
    right: -9000px;
    margin: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: initial;
    width: auto;
    height: auto;
    z-index: -1;
}

.processtl__nav {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    z-index: 500
}

@media only screen and (max-width: 64em) {
    .processtl__nav {
        display: none
    }
}

.processtl__nav ul {
    margin: 0
}

.processtl__nav ul li {
    position: relative
}

.processtl__nav ul li a {
    display: block;
    padding: 10px
}

.processtl__nav ul li a div {
    width: 9px;
    height: 9px;
    background: #383838;
    border-radius: 50%
}

.processtl__nav ul li > div {
    pointer-events: none;
    display: none;
    opacity: 0;
    position: absolute;
    top: -8px;
    right: 40px;
    margin: auto;
    white-space: nowrap;
    color: #fff;
    background: #383838;
    padding: 10px 20px;
    border-radius: 5px;
    transition: .35s
}

.processtl__nav ul li > div:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #383838;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
    right: -4px;
    margin: auto
}

.processtl__nav ul li.processtl__nav-item--hide > div {
    opacity: 0;
    -webkit-animation: processtl__nav-item--hide .35s;
    animation: processtl__nav-item--hide .35s
}

.processtl__nav ul li.processtl__nav-item--show > div {
    opacity: 1;
    -webkit-animation: processtl__nav-item--show .35s;
    animation: processtl__nav-item--show .35s
}

.processtl__nav ul li.processtl__nav-item--active > div {
    display: block
}

@-webkit-keyframes processtl__nav-item--show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes processtl__nav-item--show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes processtl__nav-item--hide {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes processtl__nav-item--hide {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

.processtl__item {
    position: relative;
    margin: auto;
    width: 1000px;
    max-width: 100%;
    padding: 50px 0 150px
}

@media only screen and (max-width: 46em) {
    .processtl__item {
        padding: 30px 0
    }
}

.processtl__item-dot {
    width: 13px;
    height: 13px;
    position: absolute;
    position: absolute;
    top: 74px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    border: 1px solid #050505;
    border-radius: 50%;
}

@media only screen and (max-width: 46em) {
    .processtl__item-dot {
        right: auto;
        left: 13.5px;
        margin: initial
    }
}

.processtl__item-stroke {
    width: 1px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #d9dadb;
}

.processtl__item:last-child .processtl__item-stroke {
    height: 80px;
    bottom: auto
}

.processtl__item:first-child .processtl__item-stroke {
    top: 80px
}

@media only screen and (max-width: 46em) {
    .processtl__item-stroke {
        right: auto;
        left: 20px;
        margin: initial
    }
}

.processtl__item-text {
    min-height: 280px
}

@media only screen and (min-width: 46em) {
    .processtl__item:nth-child(odd) .processtl__item-text {
        padding-right: 50%;
        text-align: right
    }

    .processtl__item:nth-child(even) .processtl__item-text {
        padding-left: 50%
    }
}

@media only screen and (max-width: 46em) {
    .processtl__item-text {
        padding: 38px 30px 0
    }
}

@media only screen and (min-width: 64em) {
    .processtl__item:nth-child(odd) .processtl__item-text-inner {
        padding-right: 60px
    }

    .processtl__item:nth-child(even) .processtl__item-text-inner {
        padding-left: 60px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .processtl__item-text-inner {
        padding: 0 30px
    }
}

@media only screen and (max-width: 46em) {
    .processtl__item-text-inner {
        padding: 0 0 0 30px
    }
}

.processtl__item-img {
    position: absolute;
    top: 0;
    width: 50%;
    text-align: center;
}

@media only screen and (max-width: 46em) {
    .processtl__item-img {
        width: 100%;
        position: relative;
        text-align: right;
        padding: 20px 20px 0 60px
    }
}

.processtl__item-img img {
    max-width: 90%;
    margin: auto
}

.processtl__item:nth-child(odd) .processtl__item-img {
    right: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.processtl__item:nth-child(even) .processtl__item-img {
    left: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.processtl__item-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .processtl__item-title {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (max-width: 46em) {
    .processtl__item-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1
    }
}

.processtl__item-markup {
    height: 150px;
    overflow: hidden;
    transition: .5s;
    position: relative;
    margin-bottom: 30px;
}

@media only screen and (max-width: 46em) {
    .processtl__item-markup {
        height: 100px
    }
}

.processtl__item-markup:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0, #f7f7f7 100%);
    pointer-events: none;
    transition: .5s
}

.processtl__item-markup.js--active:after {
    opacity: 0
}

.processtl__item-markup p {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.875;
    color: #231e1e
}

.processtl__item-markup p b, .processtl__item-markup p strong {
    font-weight: 700
}

.processtl__item-link {
    color: #000;
    border: 1px solid #88dbff;
    background: #ecf8fe;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block
}

.processtl__item-link.processtl__item-link--spec {
    color: #0085c8
}

.processtl__item-link i {
    display: inline-block;
    margin-right: 10px
}

.processtl__btn {
    display: inline-block;
    cursor: pointer
}

.processtl__btn .processtl__btn-state:nth-child(1) {
    display: block
}

.processtl__btn .processtl__btn-state:nth-child(2) {
    display: none
}

.processtl__btn.js--active .processtl__btn-state:nth-child(1) {
    display: none
}

.processtl__btn.js--active .processtl__btn-state:nth-child(2) {
    display: block
}

.processtl__btn .processtl__btn-icon {
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    transition: .2s
}

.processtl__btn .processtl__btn-text {
    display: inline-block;
    padding: 10px 20px 10px 10px;
    color: #231e1e;
    font-weight: 500
}

.processtl__btn:hover .processtl__btn-icon {
    background: #ccc
}

.betweenbloc {
    position: relative;
    height: 0;
    z-index: 500;
    text-align: center;
}

.betweenbloc__btn {
    background: #fff;
    display: inline-block;
    padding: 20px 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #464646;
    max-width: 95%;
    transition: .2s !important
}

@media only screen and (max-width: 50.63em) {
    .betweenbloc__btn {
        padding: 20px 30px
    }
}

.betweenbloc__btn:hover {
    background: #29323c;
    color: #fff
}

.service {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: url(img/cover19.jpg) no-repeat center center;
    background-size: cover
}

.service__content {
    padding: 10rem 1rem
}

.service__img, .service__text {
    display: inline-block;
    vertical-align: top
}

.service__img {
    margin-right: 4rem;
}

.service__text-markup {
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
}

.service__text-markup a {
    color: inherit
}

.service__text-markup p {
    margin-bottom: 0;
    padding-bottom: 0
}

.flux {
    padding: 10rem 0 5rem
}

.flux__flu {
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 2rem;
}

.flux__flu--press {
    background: url(img/pattern.png) repeat #212a33
}

.flux__flu--press .flux__title {
    color: #fff
}

.flux__embed {
    width: 100%;
    height: 500px;
    overflow: auto;
    border: 1px solid #cdcdcd;
    background: #fff;
}

.flux__flu--press .flux__embed {
    padding: 1rem
}

.oneflu {
    display: block;
    padding: 1rem 2rem;
    border-bottom: #d0d0d0 solid 1px;
    color: #414141
}

@media only screen and (max-width: 50.63em) {
    .oneflu {
        padding: .5rem
    }
}

.flux__embed .oneflu:last-child {
    border-bottom: none
}

.oneflu:hover {
    color: #414141
}

.oneflu__img {
    display: block;
    float: left;
    width: 16%;
    margin-right: 12%;
    margin-top: 10px
}

@media only screen and (max-width: 50.63em) {
    .oneflu__img {
        width: 30%;
        margin-right: 0
    }
}

.oneflu__text {
    float: left;
    width: 72%
}

@media only screen and (max-width: 50.63em) {
    .oneflu__text {
        float: left;
        width: initial
    }
}

.oneflu__title {
    color: #414141
}

.oneflu__cta .icon {
    margin-left: 1rem;
    vertical-align: middle
}

.bigheader {
    background: url(img/bigheader.jpg) no-repeat center center;
    background-size: cover;
    padding: 10rem 2rem 100px;
    margin-bottom: -100px;
    padding: 10rem 2rem 30vh;
    margin-bottom: -30vh;
    padding: 8vw 2rem 30vh;
    margin-bottom: -30vh;
}

@media only screen and (min-width: 40.0625em) {
}

@media only screen and (min-width: 60em) {
}

@media only screen and (min-width: 40.0625em) {
}

@media only screen and (min-width: 60em) {
}

@media only screen and (min-width: 40.0625em) {
}

@media only screen and (min-width: 60em) {
}

.duohorse {
    position: relative;
    padding-bottom: 2rem
}

@media only screen and (min-width: 40.0625em) {
}

@media only screen and (max-width: 60em) {
}

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

@media only screen and (max-width: 40.0625em) {
}

@media only screen and (max-width: 40.0625em) {
}

@media only screen and (max-width: 40.0625em) {
}

@media only screen and (min-width: 40.0625em) {
}

@media only screen and (min-width: 60em) {
}

@media only screen and (min-width: 80em) {
}

.duohorse__item-content-inner .icon {
    float: left;
    margin-left: -65px
}

@media (max-width: 600px) {
    .duohorse__item-content-inner .icon {
        margin-left: -40px
    }
}

@media (max-width: 600px) {
}

.unihorse {
    background: #fff;
    padding: 4rem 4rem 3rem;
    position: relative;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 800px) {
    .unihorse {
        padding: 2rem 2rem 1rem
    }
}

@media only screen and (max-width: 40.0625em) {
    .unihorse {
        padding: 1rem
    }
}

.unihorse.unihorse--dark {
    background: url(img/pattern.png) repeat #212a33;
    color: #fff
}

.unihorse__title {
    color: #343434;
    margin-bottom: 2rem;
    text-align: center;
    font-weight: 400;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
}

.unihorse--dark .unihorse__title {
    color: #fff
}

.unihorse.unihorse--dark i.fat-icon {
    color: #37b470;
    -webkit-text-stroke: 1.5px #37b470;
}

.unihorse__title span {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    font-size: .7em
}

@media only screen and (min-width: 40.0625em) {
    .unihorse__title {
        font-size: 26px
    }
}

@media only screen and (min-width: 60em) {
    .unihorse__title {
        font-size: 30px
    }
}

@media only screen and (min-width: 80em) {
    .unihorse__title {
        font-size: 37px
    }
}

.unihorse__desc {
    text-align: center;
    width: 860px;
    max-width: 100%;
    margin: 0 auto 20px;
}

.unihorse__desc * {
    line-height: 2;
    font-weight: 300
}

.unihorse__content {
    width: 860px;
    max-width: 100%;
    margin: auto;
}

.unihorse__content-item {
    text-align: center;
    margin: 20px 0
}

.unihorse__content-item-desc, .unihorse__content-item-img {
    display: inline-block;
    vertical-align: middle
}

.unihorse__content-item-img {
    width: 20%;
    margin-right: 5%
}

.unihorse__content-item-desc {
    width: 200px;
    max-width: 70%;
    text-align: left;
    font-size: 18px;
    font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.quotes {
    padding: 2rem 2rem 4rem
}

.quotes__cont {
    position: relative;
    width: 860px;
    max-width: 100%;
    margin: auto;
    border: 1px solid #e6e6e6;
    border-radius: 15px;
}

.quotes__cont-inner {
    transition: .2s;
    position: relative
}

.quotes__cont--begin, .quotes__cont--end {
    position: absolute;
    font-size: 100px;
    color: #404040;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif
}

.quotes__cont--begin {
    top: -24px;
    left: -20px
}

.quotes__cont--end {
    bottom: -70px;
    right: -20px
}

.quotes__item {
    position: absolute;
    left: -90000px;
    top: 0;
    bottom: 0;
    width: 100%
}

.quotes__item.js--show {
    display: block;
    -webkit-animation: fadeIn .2s cubic-bezier(.165, .84, .44, 1) forwards;
    animation: fadeIn .2s cubic-bezier(.165, .84, .44, 1) forwards;
    left: 0
}

.quotes__item.js--hide {
    display: block;
    -webkit-animation: fadeOut .2s cubic-bezier(.165, .84, .44, 1) forwards;
    animation: fadeOut .2s cubic-bezier(.165, .84, .44, 1) forwards;
    left: 0
}

.quotes__item-text {
    padding: 3rem;
    font-size: 32px;
    font-weight: 300;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 600px) {
    .quotes__item-text {
        font-size: 20px;
        padding: 2rem 1rem
    }
}

.quotes__item-logo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    max-width: 50%
}

.quotes__nav {
    text-align: center;
    padding: 4rem 0 0;
}

.quotes__nav div {
    display: inline-block;
    background: #e8e8e8;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 50%;
    cursor: pointer
}

.quotes__nav div.active {
    background: #666
}

.presscontent {
    width: 1400px;
    max-width: 100%;
    margin: 2rem auto;
    padding: 0 10px;
    position: relative;
    overflow: hidden
}

.pressmarkup {
    padding-left: 420px;
    -webkit-animation: fadeIn-up 1s .6s backwards cubic-bezier(.165, .84, .44, 1);
    animation: fadeIn-up 1s .6s backwards cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (max-width: 50.63em) {
    .pressmarkup {
        padding: 0
    }
}

.press__item:first-child > div {
    padding-top: 0
}

.press__item.press__item--team {
    padding: 6rem 0 4rem;
    border-bottom: 1px solid #dbdbdb
}

.press__item.press__item--team:first-child {
    padding-top: 0
}

.press__item.press__item--team:last-child {
    border-bottom: none
}

.pressmarkup-text {
    padding: 4rem 0
}

.pressmarkup-text h1, .pressmarkup-text h2, .pressmarkup-text h3, .pressmarkup-text h4, .pressmarkup-text h5, .pressmarkup-text h6 {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.press__item--team .pressmarkup-text {
    padding: 0 0 4rem
}

.pressmarkup-text p {
    line-height: 2
}

.pressacco {
    margin: 5px auto;
    padding: 1.6rem 1.6rem 1.6rem 0;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: block;
    color: #231e1e;
    padding: 1.6rem;
    position: relative
}

@media only screen and (max-width: 50.63em) {
    .pressacco {
        padding: 1rem;
        margin: 10px 0
    }
}

.pressacco__control {
    position: absolute;
    top: 40px;
    right: 24px;
    font-size: 2.3125rem;
    z-index: 10;
    cursor: pointer;
    color: #000
}

@media only screen and (max-width: 50.63em) {
    .pressacco__control {
        top: 25px;
        right: 14px;
        font-size: 1.6rem
    }
}

.pressacco__control-cross {
    display: block
}

.pressacco--deployed .pressacco__control-cross {
    display: none
}

.pressacco__control-minus {
    display: none
}

.pressacco--deployed .pressacco__control-minus {
    display: block
}

.pressacco__content {
    padding-right: 50px
}

@media only screen and (max-width: 50.63em) {
    .pressacco__content {
        padding-right: 0
    }
}

.pressacco__title {
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: 600;
    color: #404040
}

.pressacco:not(.pressacco--deployed) .pressacco__title {
    margin-bottom: 0
}

@media only screen and (max-width: 50.63em) {
    .pressacco__title {
        padding-right: 30px
    }
}

.pressacco__desc {
    display: none
}

.pressacco--deployed .pressacco__desc {
    display: block
}

.pressacco__date {
    font-weight: 600
}

.pressacco__links {
    display: none
}

.pressacco--deployed .pressacco__links {
    display: block
}

.pressacco__cta {
    margin-top: 2rem;
    float: left;
    font-size: 18px;
    color: #414141
}

.pressacco__cta .icon {
    margin-left: 1rem;
    vertical-align: middle
}

.pressacco__download {
    margin-top: 2rem;
    float: right;
    font-size: 24px;
    color: #414141
}

.presscontact {
    margin: 5px auto;
    padding: 1.6rem 1.6rem 1.6rem 0;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: block;
    color: #231e1e
}

@media only screen and (max-width: 50.63em) {
    .presscontact {
        margin: 10px 0
    }
}

.presscontact__image {
    float: left;
    width: 26%;
    text-align: center
}

.presscontact__image img {
    border-radius: 50%;
    max-width: 80%
}

.presscontact__text {
    float: left;
    width: 74%
}

.presscontact__text-name {
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 36px
}

@media only screen and (max-width: 60em) {
    .presscontact__text-name {
        font-size: 24px
    }
}

.presscontact__text-job {
    font-size: 18px;
    margin-bottom: 2rem
}

.presscontact__text-desc {
    font-size: 14px;
    font-weight: 300;
    line-height: 2;
    margin-bottom: 2rem
}

.presscontact__text-links a {
    display: inline-block;
    border: 1px solid #dadada;
    padding: 5px 15px;
    border-radius: 50px;
    color: #000
}

.presscontact__text-links a .icon {
    line-height: 1;
    font-size: 24px;
    vertical-align: middle
}

.presscontact__text-links a:hover {
    color: #00a3ef
}

@media only screen and (max-width: 50.63em) {
}

.pressheader {
    background: url(img/pressheader.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    width: 1630px;
    max-width: 100%;
    margin: 4rem auto 6rem;
    padding: 7rem 1rem;
}

.pressheader * {
    color: #fff
}

@media only screen and (max-width: 1690px) {
    .pressheader {
        margin: 0 auto 4rem;
        width: 100%
    }
}

@media only screen and (max-width: 50.63em) {
    .pressheader {
        margin: 0 auto 2rem
    }
}

.pressheader__inner {
    width: 800px;
    max-width: 100%;
    margin: auto
}

.pressheader__title {
    font-size: 72px;
}

@media only screen and (max-width: 50.63em) {
    .pressheader__title {
        font-size: 48px
    }
}

.pressmedia {
    width: 49%;
    float: left;
    margin: 5px .5%;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: block;
    color: #231e1e
}

.pressmedia--fullwidth {
    width: 99%
}

@media only screen and (max-width: 50.63em) {
    .pressmedia {
        width: 100%;
        margin: 10px 0
    }
}

.pressmedia__image {
    width: 100%
}

.pressmedia__text {
    padding: 1.6rem
}

.pressmedia__text-title {
    font-size: 30px;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    margin-bottom: 1rem
}

.pressmedia__text-desc {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 1rem
}

.pressmedia__text-poids {
    font-size: 18px;
    float: left;
    margin-bottom: 1rem
}

.pressmedia__text-icon {
    float: right
}

.pressnav {
    width: 320px;
    max-width: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    display: none;
    z-index: 50;
    -webkit-animation: fadeIn 1s .3s backwards cubic-bezier(.165, .84, .44, 1);
    animation: fadeIn 1s .3s backwards cubic-bezier(.165, .84, .44, 1)
}

.pressnav.pressnav--notmobile {
    display: block
}

.pressnav.pressnav--notmobile.pressnav--fixed {
    position: fixed;
    top: 20px
}

.pressnav.pressnav--notmobile.pressnav--end {
    position: absolute;
    top: auto;
    bottom: 0
}

.pressnav.pressnav--mobile {
    display: block;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    background: #e6e6e6;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 2rem
}

.pressnav__item {
    display: block;
    color: #29323c;
    padding: 1rem 1rem 1rem 80px;
    border-radius: 5px;
    position: relative
}

.pressnav__item:focus {
    color: #29323c
}

.pressnav__item.pressnav--active {
    color: #fff;
    background: #29323c
}

.pressnav__item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px;
    font-size: 1.6rem;
    text-align: center;
    line-height: .5
}

.pressnumber {
    width: 49%;
    float: left;
    margin: 5px .5%;
    padding: 1.6rem;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: block;
    color: #231e1e
}

@media only screen and (max-width: 50.63em) {
    .pressnumber {
        width: 100%;
        margin: 10px 0
    }
}

.pressnumber__icon {
    float: left;
    margin-right: 5%;
    width: 26%
}

.pressnumber__text {
    float: left;
    width: 69%;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif
}

.pressnumber__text-title {
    font-size: 36px
}

@media only screen and (max-width: 60em) {
    .pressnumber__text-title {
        font-size: 24px
    }
}

.pressnumber__text-desc {
    font-size: 14px;
    font-weight: 300
}

.sepatext {
    background: #29323c;
    padding: 3rem 0rem;
    text-align: center
}

@media only screen and (min-width: 64.0625em) {
    .sepatext {
        padding: 5rem 0rem
    }
}

.sepatext .row {
    max-width: 92.5rem
}

.sepatext__text {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 22px;
    color: #fff;
    padding: 1rem;
    text-align: center;
}

@media only screen and (min-width: 64.0625em) {
    .sepatext__text {
        text-align: right;
        width: 45%;
        font-size: 30px
    }
}

.sepatext__cta {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 1rem;
    text-align: center;
}

@media only screen and (min-width: 64.0625em) {
    .sepatext__cta {
        width: 45%
    }
}

.sepatext__cta a {
    background: #fff;
    color: #29323c;
    font-size: 14px;
    font-weight: 500;
    padding: 1.5rem;
    margin-bottom: 0;
    border-radius: 3px;
    text-transform: initial
}

@media only screen and (min-width: 64.0625em) {
    .sepatext__cta a {
        padding: 2.6rem 6rem;
        font-size: 18px
    }
}

.amocontrat-container {
    padding: 4rem 1rem
}

@media only screen and (max-width: 50.63em) {
    .amocontrat-container {
        padding: 2rem 1rem
    }
}

.amocontrat {
    width: 700px;
    max-width: 100%;
    padding: 1.6rem;
    margin: auto;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: block;
    color: #231e1e;
}

@media only screen and (max-width: 50.63em) {
    .amocontrat {
        width: 100%;
        margin: 10px 0
    }
}

.amocontrat:hover {
    background: #fff
}

.amocontrat__icon {
    float: left;
    margin-right: 5%;
    width: 18%;
    max-width: 70px
}

.amocontrat__text {
    float: left;
    width: 65%
}

@media only screen and (max-width: 50.63em) {
    .amocontrat__text {
        width: 77%
    }
}

.amocontrat__text-title {
    font-size: 18px
}

.amocontrat__text-desc {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0
}

.amocontrat__text-poids {
    font-size: 14px;
    font-weight: 300
}

.amocontrat__icon-dl {
    float: right;
    width: 18%;
    max-width: 70px
}

@media only screen and (max-width: 50.63em) {
    .amocontrat__icon-dl {
        display: none
    }
}

.amocontrat__icon {
    transition-delay: 0ms
}

.amocontrat__text {
    transition-delay: .05s
}

.amocontrat__text-title {
    transition-delay: .1s
}

.amocontrat__text-desc {
    transition-delay: .15s
}

.amocontrat__text-poids {
    transition-delay: .2s
}

.amocontrat__icon-dl {
    transition-delay: .25s
}

.amo__item {
    position: relative;
    margin: auto;
    width: 1100px;
    max-width: 100%;
    padding: 100px 0;
    border-top: 1px solid #e0e0e2
}

@media only screen and (max-width: 46em) {
    .amo__item {
        padding: 50px 0
    }
}

.amo__item:first-child {
    border-top: 0
}

.amo__item-text {
    min-height: 280px;
    padding-left: 35%
}

@media only screen and (max-width: 46em) {
    .amo__item-text {
        padding: 38px 30px 0
    }
}

.amo__item-text-inner {
    padding-left: 60px
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .amo__item-text-inner {
        padding: 0 30px
    }
}

@media only screen and (max-width: 46em) {
    .amo__item-text-inner {
        padding: 0 0 0 30px
    }
}

.amo__item-img {
    position: absolute;
    top: 50px;
    width: 35%;
    text-align: center;
    left: 0;
}

@media only screen and (max-width: 46em) {
    .amo__item-img {
        width: 100%;
        top: 0;
        position: relative;
        text-align: center;
        padding: 20px 20px 0 60px
    }
}

.amo__item-img img {
    max-width: 90%;
    margin: auto
}

.amo__item-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .amo__item-title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media only screen and (max-width: 46em) {
    .amo__item-title {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1
    }
}

.amo__item-title b, .amo__item-title strong {
    font-weight: 600
}

.amo__item-markup {
    height: 180px;
    overflow: hidden;
    transition: .5s;
    position: relative;
    margin-bottom: 30px;
}

@media only screen and (max-width: 46em) {
    .amo__item-markup {
        height: 100px
    }
}

.amo__item-markup:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0, #f7f7f7 100%);
    pointer-events: none;
    transition: .5s
}

.amo__item-markup.js--active:after {
    opacity: 0
}

.amo__item-markup p {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.875;
    color: #231e1e
}

.amo__item-markup p b, .amo__item-markup p strong {
    font-weight: 700
}

.amo__item-markup-inner ul {
    list-style: disc;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.875;
    color: #231e1e;
}

.amo__item-markup-inner ul li {
    margin-bottom: 10px;
}

.amo__btn {
    display: inline-block;
    cursor: pointer
}

.amo__btn .amo__btn-state:nth-child(1) {
    display: block
}

.amo__btn .amo__btn-state:nth-child(2) {
    display: none
}

.amo__btn.js--active .amo__btn-state:nth-child(1) {
    display: none
}

.amo__btn.js--active .amo__btn-state:nth-child(2) {
    display: block
}

.amo__btn .amo__btn-icon {
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    transition: .2s
}

.amo__btn .amo__btn-text {
    display: inline-block;
    padding: 10px 20px 10px 10px;
    color: #231e1e;
    font-weight: 500
}

.amo__btn:hover .amo__btn-icon {
    background: #ccc
}

.amo__sepinfo {
    position: relative;
    height: 0;
    z-index: 500;
    text-align: right;
    width: 1000px;
    max-width: 90%;
    margin: auto;
}

.amo__sepinfo-info {
    background: #f7f7f7;
    display: inline-block;
    padding: 14px 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50px;
    border: 1px solid #cdcdcd;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #464646;
    max-width: 95%
}

.amo__sepinfo-info .icon {
    margin-right: 10px;
    position: relative;
    top: 2px
}

@media only screen and (max-width: 50.63em) {
    .amo__sepinfo-info {
        padding: 14px 20px
    }
}

.amotext {
    width: 1100px;
    max-width: 100%;
    margin: auto;
    border-top: 1px solid #e0e0e2
}

.amotext:first-child {
    border-top: 0
}

.amotext__inner {
    width: 900px;
    max-width: 100%;
    margin: auto;
    padding: 4rem 1rem 4rem;
    text-align: center
}

.amotext__inner-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.amotext__inner-markup {
    padding-bottom: 2rem;
}

.amotext__inner-scrollto {
    border: 1px solid #e0e0e2;
    border-radius: 50%;
    line-height: 50px;
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
    color: #444 !important;
    transition: .3s
}

.amotext__inner-scrollto:hover {
    transition: .3s;
    background: #e0e0e2
}

.amochrono-container {
    background: #fff;
    padding: 4rem 0
}

.amochrono {
    width: 900px;
    max-width: 100%;
    margin: auto;
    padding: 2rem 1rem 4rem;
    text-align: center
}

.amochrono__title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.amochrono__markup {
    padding-bottom: 2rem;
}

.amochrono__markup > :last-child {
    margin-bottom: 0
}

.amochrono__ss {
    padding: 2rem 1rem;
    transition: .2s;
    border-radius: 15px;
    width: 660px;
    max-width: 100%;
    border: 1px dashed #cdcdcd;
    position: relative;
    margin: auto
}

.amochrono__ss-item {
    padding: 4rem;
    margin: auto;
    text-align: left;
    position: absolute;
    left: -90000px;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.amochrono__ss-item h3 {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.amochrono__ss-item.js--show {
    display: block;
    -webkit-animation: fadeIn .2s cubic-bezier(.165, .84, .44, 1) forwards;
    animation: fadeIn .2s cubic-bezier(.165, .84, .44, 1) forwards;
    left: 0
}

.amochrono__ss-item.js--hide {
    display: block;
    -webkit-animation: fadeOut .2s cubic-bezier(.165, .84, .44, 1) forwards;
    animation: fadeOut .2s cubic-bezier(.165, .84, .44, 1) forwards;
    left: 0
}

.ppp {
    position: relative;
    width: 100%;
    height: 36px;
    margin: 4rem 0
}

.ppp__bg {
    background: #f6f6f6;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .06) inset;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50px
}

.ppp__info-31, .ppp__info-51 {
    position: absolute;
    top: 0;
    bottom: 0;
    padding-right: 10px;
    line-height: 36px;
    border-right: 1px solid #fff;
    box-shadow: -1px 0 #d3d3d3 inset;
    color: grey;
    font-size: 13px
}

.ppp__info-31 {
    right: 69%
}

.ppp__info-51 {
    right: 49%
}

.ppp__info-100 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    line-height: 36px;
    color: grey;
    font-size: 13px
}

.ppp__zone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30
}

.ppp__zone-1, .ppp__zone-2, .ppp__zone-3 {
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.ppp__zone-1 {
    width: 31%;
    left: 0
}

.ppp__zone-2 {
    width: 20%;
    left: 31%
}

.ppp__zone-3 {
    width: 49%;
    right: 0
}

.ppp__bar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50px;
    overflow: hidden;
    z-index: 20
}

.ppp__bar-1, .ppp__bar-2, .ppp__bar-3 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: -100%;
    border-radius: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    perspective: 1000;
    transition: .5s cubic-bezier(.215, .61, .355, 1)
}

.ppp__bar-1 {
    z-index: 3;
    background: #3095d2
}

.ppp--active-1 .ppp__bar-1 {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.ppp--active-2 .ppp__bar-1 {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.ppp--active-3 .ppp__bar-1 {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.ppp__bar-2 {
    z-index: 2;
    background: #232c37
}

.ppp--active-1 .ppp__bar-2 {
    -webkit-transform: translateX(32%);
    transform: translateX(32%)
}

.ppp--active-2 .ppp__bar-2 {
    -webkit-transform: translateX(53%);
    transform: translateX(53%)
}

.ppp--active-3 .ppp__bar-2 {
    -webkit-transform: translateX(53%);
    transform: translateX(53%)
}

.ppp__bar-3 {
    z-index: 1;
    background: #2cb474
}

.ppp--active-1 .ppp__bar-3 {
    -webkit-transform: translateX(32%);
    transform: translateX(32%)
}

.ppp--active-2 .ppp__bar-3 {
    -webkit-transform: translateX(52%);
    transform: translateX(52%)
}

.ppp--active-3 .ppp__bar-3 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.ppp__bar-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50px;
    width: 100%;
    left: -100%;
    transition: .25s cubic-bezier(.215, .61, .355, 1);
    z-index: 5;
    background: #000;
    opacity: 0
}

.ppp--active-1 .ppp__bar-hover {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.ppp--active-2 .ppp__bar-hover {
    -webkit-transform: translateX(53%);
    transform: translateX(53%)
}

.ppp--active-3 .ppp__bar-hover {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.ppp--hover-1 .ppp__bar-hover {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.ppp--hover-2 .ppp__bar-hover {
    -webkit-transform: translateX(53%);
    transform: translateX(53%)
}

.ppp--hover-3 .ppp__bar-hover {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.ppp:hover .ppp__bar-hover {
    opacity: .1
}

.ppp__bar-number {
    line-height: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50px;
    width: 100%;
    left: -100%;
    z-index: 10;
    color: #fff;
    text-align: right;
    transition: .5s cubic-bezier(.215, .61, .355, 1);
    padding: 0 1rem
}

.ppp__bar-number:after {
    content: " %"
}

.ppp--active-1 .ppp__bar-number {
    -webkit-transform: translateX(33%);
    transform: translateX(33%)
}

.ppp--active-2 .ppp__bar-number {
    -webkit-transform: translateX(53%);
    transform: translateX(53%)
}

.ppp--active-3 .ppp__bar-number {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.testimo {
    background: #29323c;
    position: relative
}

.testimo ul {
    margin: 0
}

.testimo__ss {
    width: 100%;
    min-height: 400px;
    max-height: 700px;
    height: 560px;
    height: 50vw;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.testimo__ss-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 500
}

.testimo__ss-slide:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background: rgba(0, 0, 0, .5)
}

.testimo__ss-slide.js--show {
    transition: .75s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 500
}

.testimo__ss-slide.js--hide {
    transition: .75s opacity cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
    z-index: 0
}

.testimo__ss-content {
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 860px;
    max-width: 100%
}

.testimo__ss-begin, .testimo__ss-end {
    position: absolute;
    font-size: 100px;
    color: rgba(255, 255, 255, .2);
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif
}

.testimo__ss-begin {
    top: -84px;
    left: -20px
}

.testimo__ss-end {
    bottom: -130px;
    right: -20px
}

.testimo__ss-title {
    color: #fff;
    font-size: 30px;
    margin-bottom: 1rem
}

.testimo__ss-who {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.testimo__ss-who b, .testimo__ss-who strong {
    font-weight: 600
}

.testimo__ss-bg {
    display: none
}

.testimo__nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    text-align: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2
}

.testimo__nav-item {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: .25s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.testimo__nav-item:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.testimo__nav-item.js--active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (max-width: 600px) {
    .testimo__nav-item {
        width: 60px;
        height: 60px
    }
}

.singlecontact {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 50;
    box-shadow: 0 1px rgba(0, 0, 0, .25) inset;
    background: #29323c;
    height: 80px
}

.singlecontact.singlecontact--fixed {
    position: fixed
}

@media only screen and (max-width: 69em) {
    .singlecontact {
        height: auto
    }
}

@media only screen and (max-width: 480px) {
    .singlecontact {
        display: none
    }
}

.singlecontact--spacer {
    height: 80px;
    display: none
}

.singlecontact--spacer.singlecontact--fixed {
    display: block
}

@media only screen and (max-width: 480px) {
    .singlecontact--spacer.singlecontact--fixed {
        display: none
    }
}

@media only screen and (max-width: 69em) {
}

@media only screen and (max-width: 69em) {
}

@media only screen and (max-width: 69em) {
}

.singlecontact__actions .button {
    background: #00a3ef;
    color: #fff;
    height: 56px;
    line-height: 56px;
    padding: 0 40px;
    margin: 0;
    margin-left: 10px;
    font-weight: 600;
    text-transform: initial;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    vertical-align: top
}

.singlecontact__actions .button:hover {
    background: #29323c;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .25) inset
}

.assos-header {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media only screen and (min-width: 64em) {
    .assos-header {
        min-height: 600px;
        min-height: 100vh
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header {
        min-height: auto;
        padding: 100px 0 150px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header {
        min-height: auto
    }
}

.assos-header--bg {
    background: #528dcc url(img/assos-header.jpg) no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.assos-header--cta {
    color: #000;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 16px 60px;
    font-size: 24px;
    font-weight: 300;
    border-radius: 5px;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--cta {
        padding: 14px 40px;
        font-size: 20px;
        top: 20px;
        right: 20px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--cta {
        padding: 10px 20px;
        font-size: 16px;
        top: 10px;
        right: 10px
    }
}

.assos-header--cta:hover {
    transition: .15s;
    color: #fff;
    background: #29323c
}

.assos-header--cta:focus {
    color: #fff;
    background: #29323c
}

.assos-header--content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--content {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--content {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.assos-header--logos {
    text-align: center;
    margin-bottom: 60px;
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--logos {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--logos {
        margin-bottom: 20px
    }
}

.assos-header--logos img {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--logos img {
        width: 100px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--logos img {
        width: 60px
    }
}

.assos-header--logos .assos-header--logos-separator {
    width: 1px;
    height: 190px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    opacity: .15;
    margin: 0 60px;
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--logos .assos-header--logos-separator {
        margin: 0 40px;
        height: 140px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--logos .assos-header--logos-separator {
        margin: 0 20px;
        height: 80px
    }
}

.assos-header--title {
    color: #fff;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 62px;
}

.assos-header--title span {
    font-weight: 100;
    display: block
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .assos-header--title {
        font-size: 48px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--title {
        font-size: 32px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--title {
        font-size: 24px
    }
}

.assos-header--scrollto {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .18);
}

.assos-header--scrollto:hover {
    background: rgba(255, 255, 255, .18)
}

.assos-header--scrollto svg {
    width: 12px;
    height: 6px;
    fill: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: assos-header--scrollto-svg 2s infinite;
    animation: assos-header--scrollto-svg 2s infinite
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-header--scrollto {
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width: 46em) {
    .assos-header--scrollto {
        width: 40px;
        height: 40px
    }
}

@-webkit-keyframes assos-header--scrollto-svg {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@keyframes assos-header--scrollto-svg {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.sidenav {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    z-index: 500
}

@media only screen and (max-width: 64em) {
    .sidenav {
        display: none
    }
}

.sidenav ul {
    margin: 0
}

.sidenav ul li {
    opacity: 0;
    transition: 1s;
    position: relative
}

.sidenav ul li.visible {
    opacity: 1
}

.sidenav ul li a {
    display: block;
    padding: 10px
}

.sidenav ul li a div {
    width: 9px;
    height: 9px;
    background: #383838;
    border-radius: 50%
}

.sidenav ul li > div {
    pointer-events: none;
    display: none;
    opacity: 0;
    position: absolute;
    top: -8px;
    right: 40px;
    margin: auto;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    color: #fff;
    background: #383838;
    padding: 10px 20px;
    border-radius: 3px;
    transition: .35s
}

.sidenav ul li > div:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #383838;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 18px;
    right: -4px;
    margin: auto
}

.sidenav ul li.sidenav-item--hide > div {
    opacity: 0;
    -webkit-animation: sidenav-item--hide .35s;
    animation: sidenav-item--hide .35s
}

.sidenav ul li.sidenav-item--show > div {
    opacity: 1;
    -webkit-animation: sidenav-item--show .35s;
    animation: sidenav-item--show .35s
}

.sidenav ul li.sidenav-item--active > div {
    display: block
}

@-webkit-keyframes sidenav-item--show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes sidenav-item--show {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes sidenav-item--hide {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes sidenav-item--hide {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

.sepcta {
    background: #fff;
    padding: 60px 0;
    margin: 0
}

.sepcta--content {
    max-width: 1100px;
    margin: auto
}

.sepcta--ib {
    width: 45%;
    max-width: 100%;
    padding: 20px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 46em) {
    .sepcta--ib {
        width: 100%
    }
}

.sepcta--ib p {
    font-size: 30px;
    line-height: 1.2;
    margin: 0
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .sepcta--ib p {
        font-size: 24px
    }
}

@media only screen and (max-width: 46em) {
    .sepcta--ib p {
        font-size: 18px
    }
}

.sepcta--cta {
    display: block;
    background: #2b5881;
    color: #fff;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #fff;
    border-radius: 3px;
    padding: 30px;
    transition: .15s
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .sepcta--cta {
        font-size: 18px
    }
}

@media only screen and (max-width: 46em) {
    .sepcta--cta {
        font-size: 16px
    }
}

.sepcta--cta:hover {
    transition: .15s;
    color: #fff;
    background: #29323c
}

.sepcta--cta:focus {
    color: #fff;
    background: #29323c
}

.basictext {
    padding: 170px 20px;
    background: #fff;
    margin: 0
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .basictext {
        padding: 140px 20px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .basictext {
        padding: 100px 20px
    }
}

@media only screen and (max-width: 46em) {
    .basictext {
        padding: 40px 20px
    }
}

.basictext.basictext__gray {
    background: #f5f5f5
}

.basictext--content {
    max-width: 1400px;
    margin: auto
}

.basictext--col {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 50px
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .basictext--col {
        padding: 0 20px
    }
}

@media only screen and (max-width: 46em) {
    .basictext--col {
        width: 100%;
        float: none;
        padding: 20px 0
    }
}

.basictext--title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .basictext--title {
        font-size: 28px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .basictext--title {
        font-size: 24px
    }
}

@media only screen and (max-width: 46em) {
    .basictext--title {
        font-size: 18px
    }
}

.basictext--title.basictext--title__marb {
    margin-bottom: 100px
}

.basictext--markup {
    max-width: 800px;
    margin: auto
}

.basictext--markup p {
    font-weight: 300
}

.basictext--img {
    text-align: center
}

.basictext--img.basictext--img__mart {
    margin-top: 80px
}

@media only screen and (max-width: 46em) {
    .basictext--img.basictext--img__mart {
        margin-top: 40px
    }
}

.basictext--trip {
    margin-top: 100px
}

.basictext--trip > a {
    display: inline-block;
    width: 340px;
    max-width: 100%;
    text-align: center;
    color: #444;
    border-radius: 5px
}

.basictext--trip > a:hover {
    background: #f5f5f5
}

.basictext--trip > a img {
    border-radius: 50%;
    width: 220px
}

.basictext--trip > a p {
    font-size: 24px;
    margin-top: 40px
}

.basictext--btn {
    background: #3095d2;
    color: #fff;
    display: inline-block;
    margin-top: 80px;
    padding: 16px 40px;
    border-radius: 6px;
    transition: .1s
}

.basictext--btn:hover {
    color: #fff;
    background: #00a3ef
}

.eligibilitebis {
    position: relative;
    padding: 180px 50px;
    margin: 0;
    background: #f7f7f7 url(img/assos-bg3.jpg) no-repeat bottom center;
    background-size: cover
}

@media only screen and (max-width: 64em) {
    .eligibilitebis {
        padding: 100px 20px
    }
}

@media only screen and (max-width: 50.63em) {
    .eligibilitebis {
        padding: 100px 20px
    }
}

@media only screen and (max-width: 40em) {
    .eligibilitebis {
        padding: 80px 20px
    }
}

.eligibilitebis__content {
    background: #fff;
    max-width: 1100px;
    margin: auto;
    padding: 100px;
    position: relative
}

@media only screen and (max-width: 50.63em) {
    .eligibilitebis__content {
        padding: 100px 50px 20px
    }
}

@media only screen and (max-width: 40em) {
    .eligibilitebis__content {
        padding: 100px 20px 20px
    }
}

.eligibilitebis__avatar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

.eligibilitebis__avatar img {
    border-radius: 50%;
    border: 10px solid #fff
}

.eligibilitebis__text {
    margin-bottom: 40px
}

@media only screen and (min-width: 64.0625em) {
    .eligibilitebis__text {
        padding-right: 65px;
        text-align: right;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 64.0625em) {
    .eligibilitebis__form {
        padding-left: 65px
    }
}

.eligibilitebis__text-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-size: 2.25rem
}

.eligibilitebis__text-markup p {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    color: #231e1e
}

.eligibilitebis__form input {
    padding: 14px 10px;
    height: auto
}

.eligibilitebis__form button {
    background: #295a85;
    transition: .15s;
    border-radius: 5px;
    padding: 20px 50px
}

.eligibilitebis__form button:hover {
    transition: .15s;
    background: #29323c
}

.assos-clientlaposte {
    background: url(img/assos-bg2.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 170px 20px
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .assos-clientlaposte {
        padding: 140px 20px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-clientlaposte {
        padding: 100px 20px
    }
}

@media only screen and (max-width: 46em) {
    .assos-clientlaposte {
        padding: 40px 20px
    }
}

.assos-clientlaposte--content {
    max-width: 960px;
    margin: auto
}

.assos-clientlaposte--logo {
    margin-bottom: 80px
}

.assos-clientlaposte--title {
    color: #fff;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 48px
}

@media only screen and (max-width: 96em) and (min-width: 64em) {
    .assos-clientlaposte--title {
        font-size: 32px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-clientlaposte--title {
        font-size: 24px
    }
}

@media only screen and (max-width: 46em) {
    .assos-clientlaposte--title {
        font-size: 18px
    }
}

.assos-clientlaposte--markup {
    margin-bottom: 50px
}

.assos-clientlaposte--markup p {
    font-weight: 300
}

.assos-clientlaposte--cta {
    background: #fff;
    color: #29323c;
    display: inline-block;
    padding: 20px 40px;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 24px;
    border-radius: 3px;
    transition: .15s
}

.assos-clientlaposte--cta:hover {
    transition: .15s;
    color: #fff;
    background: #29323c
}

.assos-clientlaposte--cta:focus {
    color: #fff;
    background: #29323c
}

.assos-sticky {
    position: fixed;
    background: #29323c;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: .5s cubic-bezier(.77, 0, .175, 1)
}

.assos-sticky.active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.assos-sticky--logos {
    margin: auto;
    text-align: center
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-sticky--logos {
        text-align: left
    }
}

@media only screen and (max-width: 46em) {
    .assos-sticky--logos {
        text-align: left
    }
}

.assos-sticky--logos img {
    margin: 10px 30px;
    max-height: 60px
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-sticky--logos img {
        margin: 10px 20px;
        max-height: 60px;
        width: auto
    }
}

@media only screen and (max-width: 46em) {
    .assos-sticky--logos img {
        margin: 5px;
        max-height: 40px;
        max-width: 140px;
        width: auto
    }
}

.assos-sticky--cta {
    color: #000;
    background: #fff;
    float: right;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    padding: 0 40px;
    font-size: 18px;
    line-height: 60px;
    height: 60px;
    font-weight: 300;
    border-radius: 3px;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    transition: .15s
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .assos-sticky--cta {
        padding: 0 30px;
        font-size: 16px;
        line-height: 44px;
        height: 44px
    }
}

@media only screen and (max-width: 46em) {
    .assos-sticky--cta {
        right: 10px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 36px;
        height: 36px
    }
}

.assos-sticky--cta:hover {
    transition: .15s;
    color: #29323c;
    background: #e6e6e6
}

.assos-sticky--cta:focus {
    color: #29323c;
    background: #ccc
}

.separate-nl {
    margin: 0;
    background: #2b5881
}

.separate-nl.separate-nl__between {
    background: 0 0;
    position: relative
}

.separate-nl--content {
    max-width: 1100px;
    margin: auto;
    padding: 30px 0
}

.separate-nl__between .separate-nl--content {
    max-width: 1120px;
    padding: 30px 100px;
    background: #2b5881;
    border-radius: 20px;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 46em) {
    .separate-nl__between .separate-nl--content {
        padding: 20px;
        background: #2b5881;
        border-radius: 0;
        position: relative;
        left: 0;
        right: 0;
        -webkit-transform: none;
        transform: none
    }
}

.separate-nl--col {
    float: left;
    padding: 20px
}

.separate-nl--col:first-child {
    width: 65%
}

@media only screen and (max-width: 46em) {
    .separate-nl--col {
        width: 100% !important;
        padding: 0 20px;
        margin-bottom: 20px
    }
}

.separate-nl .separate-nl--input {
    width: 100%;
    border-radius: 3px;
    padding: 0 30px;
    margin: 0;
    line-height: 100px;
    height: 100px;
    font-size: 20px;
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .25);
    color: #fff
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .separate-nl .separate-nl--input {
        font-size: 18px;
        line-height: 60px;
        height: 60px
    }
}

@media only screen and (max-width: 46em) {
    .separate-nl .separate-nl--input {
        font-size: 16px;
        line-height: 50px;
        height: 50px;
        padding: 0 10px
    }
}

.separate-nl .separate-nl--input:focus {
    background: 0 0;
    border: 1px solid rgba(255, 255, 255, .75)
}

.separate-nl .separate-nl--input::-webkit-input-placeholder {
    color: #fff
}

.separate-nl .separate-nl--input:-moz-placeholder {
    color: #fff
}

.separate-nl .separate-nl--input::-moz-placeholder {
    color: #fff
}

.separate-nl .separate-nl--input:-ms-input-placeholder {
    color: #fff
}

.separate-nl .separate-nl--submit {
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    padding: 0;
    margin: 0;
    line-height: 100px;
    height: 100px;
    border-radius: 3px;
    color: #29323c;
    background: #fff;
    transition: .15s
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .separate-nl .separate-nl--submit {
        font-size: 18px;
        line-height: 60px;
        height: 60px
    }
}

@media only screen and (max-width: 46em) {
    .separate-nl .separate-nl--submit {
        font-size: 16px;
        line-height: 50px;
        height: 50px
    }
}

.separate-nl .separate-nl--submit:hover {
    transition: .15s;
    color: #fff;
    background: #29323c
}

.separate-nl .separate-nl--submit:focus {
    color: #fff;
    background: #29323c
}

.separate-nl--cta {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    padding: 0;
    margin: 0;
    padding: 30px 20px;
    border-radius: 3px;
    color: #29323c;
    background: #fff;
    transition: .15s
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .separate-nl--cta {
        font-size: 18px;
        padding: 20px 20px
    }
}

@media only screen and (max-width: 46em) {
    .separate-nl--cta {
        font-size: 16px;
        padding: 20px 20px
    }
}

.separate-nl--cta:hover {
    transition: .15s;
    color: #fff;
    background: #29323c
}

.separate-nl--cta:focus {
    color: #fff;
    background: #29323c
}

.blocspec1 {
    text-align: center;
    padding: 50px 0;
    max-width: 1220px;
    margin: auto
}

.blocspec1--col {
    text-align: center;
    max-width: 400px;
    padding: 0 40px
}

.blocspec1--col:first-child {
    float: left
}

.blocspec1--col:last-child {
    float: right
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .blocspec1--col {
        max-width: 300px
    }
}

@media only screen and (max-width: 46em) {
    .blocspec1--col {
        float: none !important;
        max-width: 100%;
        margin-bottom: 50px
    }
}

.blocspec1--col-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1.2
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .blocspec1--col-title {
        font-size: 24px
    }
}

@media only screen and (max-width: 46em) {
    .blocspec1--col-title {
        font-size: 18px
    }
}

.blocspec1--col-markup p {
    font-weight: 300
}

.project-banner {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    height: 480px;
    position: relative;
    overflow: hidden
}

.project-banner img {
    position: absolute;
    top: -9000px;
    left: -9000px;
    right: -9000px;
    bottom: -9000px;
    margin: auto;
    min-width: 101%;
    min-height: 101%;
    max-width: initial
}

.project-banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #325065;
    opacity: .6
}

.project-header {
    margin-top: -400px;
    max-width: 1240px;
    padding: 0 20px;
    -webkit-animation: fadeIn .6s;
    animation: fadeIn .6s;
    margin-bottom: 4rem
}

.project-header.video-active {
    -webkit-animation: fadeIn-up .5s;
    animation: fadeIn-up .5s
}

.project-header--visual-play {
    width: 76px;
    height: 76px;
    background: rgba(0, 0, 0, .35);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    -webkit-animation: fadeIn 1s 1s backwards;
    animation: fadeIn 1s 1s backwards
}

.project-header.video-active .project-header--visual-play {
    display: none
}

.project-header--visual-play i {
    margin-left: 5px;
    color: #fff;
    font-size: 38px
}

.project-header--visual-play i:before {
    line-height: 76px
}

.project-header--visual-close {
    display: none;
    position: absolute;
    top: -30px;
    right: 0;
    color: #fff;
    z-index: 2;
    cursor: pointer
}

.project-header.video-active .project-header--visual-close {
    display: block
}

.project-header--visual {
    width: 62.5%;
    float: left;
    position: relative;
    min-height: 100px;
    -webkit-animation: fadeIn-up .75s .25s backwards;
    animation: fadeIn-up .75s .25s backwards
}

.project-header:not(.video-active) .project-header--visual {
    overflow: hidden
}

@media (max-width: 1100px) and (min-width: 46em) {
    .project-header:not(.video-active) .project-header--visual {
        min-height: 500px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .project-header--visual {
        width: 50%
    }
}

@media only screen and (max-width: 46em) {
    .project-header--visual {
        width: 100%
    }
}

.project-header.video-active .project-header--visual {
    width: 100%
}

.project-header--visual img {
    width: 100%;
    cursor: pointer
}

@media (max-width: 1100px) and (min-width: 46em) {
    .project-header:not(.video-active) .project-header--visual img {
        position: absolute;
        top: -9000px;
        right: -9000px;
        bottom: -9000px;
        left: -9000px;
        margin: auto;
        width: auto;
        max-width: initial;
        min-width: 100%;
        min-height: 100%
    }
}

.project-header.video-active .project-header--visual img {
    display: none
}

.project-header--visual .project-header--visual-video {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%
}

.project-header.video-active .project-header--visual .project-header--visual-video {
    display: block;
    position: relative;
    opacity: 1;
    z-index: 1
}

.project-header--visual .project-header--visual-video .embed-video {
    margin: auto
}

.project-header--desc {
    width: 39.5%;
    float: left;
    background: #1f252b;
    color: #fff;
    padding: 50px;
    margin-top: 70px;
    margin-left: -2%;
    position: relative;
    z-index: 2;
    -webkit-animation: fadeIn-up .75s .5s backwards;
    animation: fadeIn-up .75s .5s backwards
}

.project-header.video-active .project-header--desc {
    display: none
}

@media only screen and (max-width: 46em) {
    .project-header.video-active .project-header--desc {
        display: block
    }
}

@media (max-width: 1200px) {
    .project-header--desc {
        margin-top: 70px
    }
}

@media (max-width: 1100px) {
    .project-header--desc {
        margin-top: 50px
    }
}

@media (max-width: 1000px) {
    .project-header--desc {
        margin-top: 30px
    }
}

@media (max-width: 900px) {
    .project-header--desc {
        margin-top: 10px
    }
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .project-header--desc {
        width: 50%
    }
}

@media only screen and (max-width: 46em) {
    .project-header--desc {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        padding: 20px
    }
}

.phd--headline .phd--headline-title {
    color: #fff;
    font-size: 36px;
    margin: 0;
    margin-bottom: 1rem
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .phd--headline .phd--headline-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 46em) {
    .phd--headline .phd--headline-title {
        font-size: 22px
    }
}

.phd--headline > div {
    font-size: 14px
}

.phd--headline > div > i {
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle
}

.phd--progress {
    width: 100%;
    width: calc(100% + 1px);
    padding: 30px 0 0 0;
    position: relative;
    z-index: 2;
    margin-bottom: 0
}

.phd--progress > div {
    width: 20%;
    float: left;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 28px
}

.phd--progress > div:nth-child(1) {
    background: #6dcff6;
    border-radius: 5px 0 0 5px
}

.phd--progress > div:nth-child(2) {
    background: #459a00
}

.phd--progress > div:nth-child(3) {
    background: #6cce1c
}

.phd--progress > div:nth-child(4) {
    background: #ff8704
}

.phd--progress > div:nth-child(5) {
    background: red;
    border-radius: 0 5px 5px 0
}

.phd--progress > div.active {
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 48px;
    margin-top: -20px;
    border-radius: 5px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.phd--table {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.phd--table > div {
    display: table-cell;
    margin-top: -15px;
    width: 50%;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    padding: 40px 20px 20px
}

.phd--table > div > span {
    font-size: 36px
}

.phd--table > div:first-child {
    border: 1px solid #3d4751
}

.phd--table > div:last-child {
    border-bottom: 1px solid #3d4751;
    border-right: 1px solid #3d4751
}

.card .phd--table > div > span {
    font-size: 28px;
    font-weight: 400
}

.card .phd--table > div:first-child {
    border: 1px solid #e6e6e6
}

.card .phd--table > div:last-child {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.phd--connect {
    border: 1px solid #3d4751;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    display: block;
    color: #fff;
    text-decoration: underline;
    padding: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px
}

.phd--connect:hover {
    color: #ccc
}

.card .phd--connect {
    border: 1px solid #e6e6e6;
    color: #000;
    padding: 28px 20px
}

.card .phd--connect:hover {
    color: #666
}

.phd--connect span {
    display: block;
    margin: auto;
    max-width: 240px
}

.pp-connect {
    color: #88e140
}

.pp-connect:hover {
    color: #6ece20
}

.pp-connect i {
    margin-left: 5px;
    margin-right: 0;
    vertical-align: middle
}

.phd--infos > div {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.66667
}

.phd--infos > div b, .phd--infos > div strong {
    font-weight: 400
}

.tooltip {
    z-index: 5000;
    background: #fff;
    border: 1px solid #cdcdcd;
    color: #000;
    position: absolute;
    font-size: 12px;
    padding: 15px;
    border-radius: 5px;
    display: none;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
}

@media (max-width: 800px) {
    .tooltip {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left: 20px !important;
        right: 20px !important;
        width: auto !important
    }
}

.tooltip:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 8px;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px 0 0 0;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #cdcdcd
}

@media (max-width: 800px) {
    .tooltip:before {
        content: none
    }
}

.tooltip.tip-top {
    -webkit-transform: translateX(-6px) translateY(-10px);
    transform: translateX(-6px) translateY(-10px)
}

.tooltip.tip-top:before {
    top: auto;
    bottom: -5px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.tap-to-close {
    display: block;
    color: #888
}

.icon-infotooltip {
    border: 1px solid rgba(255, 255, 255, .25);
    color: #ccc;
    border-radius: 50%;
    display: inline-block;
    width: 1.35em;
    height: 1.35em;
    line-height: 1.25em;
    text-align: center;
    font-size: .9em;
    margin-left: 5px;
    vertical-align: middle
}

.icon-infotooltip:before {
    content: "?"
}

.single {
    background: url(../img/single-pattern.png) repeat-x center bottom;
    padding-bottom: 300px
}

.project-content {
    max-width: 1240px;
    padding: 0 20px;
    -webkit-animation: fadeIn-up .75s .75s backwards;
    animation: fadeIn-up .75s .75s backwards
}

.project-content-articles--article {
    -webkit-animation: fadeIn-up .5s;
    animation: fadeIn-up .5s;
    padding-top: 3.5rem;
    padding-right: 0
}

.project-content-articles--article h1 {
    font-size: 30px;
    line-height: 1.5;
    padding: 0
}

.project-content-articles--article h2 {
    font-size: 26px;
    line-height: 1.5;
    padding: 0
}

.project-content-articles--article h3 {
    font-size: 24px;
    line-height: 1.5;
    padding: 0
}

.project-content-articles--article h4 {
    font-size: 22px;
    line-height: 1.5;
    padding: 0
}

.project-content-articles--article h5 {
    font-size: 20px;
    line-height: 1.5;
    padding: 0
}

.project-content-articles--article h6 {
    font-size: 18px;
    line-height: 1.5;
    padding: 0
}

.project-content-articles {
    width: 62.5%;
    float: left;
    padding-right: 65px
}

@media (max-width: 900px) {
    .project-content-articles {
        padding: 0;
        width: 100%
    }
}

.project-content-sidebar {
    width: 37.5%;
    float: left;
    padding-left: 20px
}

@media (max-width: 900px) {
    .project-content-sidebar {
        display: none
    }
}

.single .project-content-sidebar--article {
    -webkit-animation: fadeIn-up .5s;
    animation: fadeIn-up .5s;
    margin-top: 1.5rem;
    border: 1px solid #cdcdcd;
    background: #fff;
    padding: 40px
}

.single .project-content-sidebar--article:first-child {
    margin-top: 3.5rem
}

@media (max-width: 600px) {
    .single .project-content-sidebar--article {
        padding: 30px
    }
}

.single .project-content-sidebar--article .button {
    background: 0 0;
    color: #999;
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    border-radius: 5px
}

.single .project-content-sidebar--article .button:hover {
    background: #efefef
}

.single .project-content-sidebar--article .text-right .button {
    margin-right: 0;
    margin-left: .3rem
}

.author .author-pic img {
    border: 5px solid #fff;
    margin-top: 0
}

.author .author-name {
    font-weight: 300;
    margin-bottom: 6px;
    line-height: 1
}

.author .author-job {
    color: #a5a5a5;
    font-size: 14px
}

.author .author-detail .meta {
    margin: 4px 0 0 0;
    padding-bottom: 5px
}

.author .author-detail .meta li {
    display: inline-block;
    margin-right: 10px
}

.author .author-detail .meta li a {
    display: block;
    font-size: 24px;
    color: #303030
}

.author .author-detail .meta li a:hover {
    color: #00a3ef
}

@media (max-width: 600px) {
}

.cotation--item.active {
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    margin-top: -30px;
    border-radius: 5px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

@media (max-width: 600px) {
    .cotation--item.active {
        font-size: 16px
    }
}

.projet-warn {
    background: #fff;
    padding: 40px
}

.projet-warn__valid {
    border-left: 10px solid #98d344
}

.projet-warn > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important
}

.projet-warn > :last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
}

.biconleft > i {
    float: left;
    margin-left: -50px;
    vertical-align: middle;
    width: 40px
}

.biconleft > i img {
    margin-top: 0;
    margin: auto;
    display: block
}

.projet-warn .biconleft > i {
    margin-left: -60px;
    width: 50px
}

.btable {
    margin-bottom: 1.25rem;
    overflow: auto
}

.btable--table .thead td, .btable--table .thead th, .btable--table thead td, .btable--table thead th {
    background: #333;
    color: #fff;
    border-right: 1px solid #222
}

.btable--table td b, .btable--table td strong, .btable--table td.bold, .btable--table th b, .btable--table th strong, .btable--table th.bold {
    font-weight: 700
}

.basic-table table {
    width: 100%;
    border: none;
    font-size: 18px
}

@media (max-width: 600px) {
    .basic-table table {
        font-size: 14px
    }
}

.basic-table table thead {
    background: 0 0
}

.basic-table table tr {
    background: 0 0 !important;
    border-top: 1px solid #efefef
}

.basic-table table tr:last-child {
    border-bottom: 1px solid #efefef
}

.basic-table table tr td, .basic-table table tr th {
    font-size: inherit;
    padding: 1em 0
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

.project-fiscal--calc > div:first-child {
    float: left;
    line-height: 56px
}

.project-fiscal--calc > div:last-child {
    position: relative;
    float: right
}

@media (max-width: 600px) {
    .project-fiscal--calc > div:last-child {
        margin-right: 20px
    }
}

.project-fiscal--calc > div:last-child input {
    border-radius: 10px;
    box-shadow: none;
    border: 1px solid #cdcdcd;
    width: 90px;
    height: 56px;
    text-align: center;
    font-size: inherit
}

@media (max-width: 600px) {
    .project-fiscal--calc > div:last-child input {
        width: 50px
    }
}

.project-fiscal--calc > div:last-child span {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 56px;
    right: -20px
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

.project-cot--cotation > div {
    width: 20%;
    float: left;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 32px
}

.project-cot--cotation > div:nth-child(1) {
    background: #6dcff6;
    border-radius: 5px 0 0 5px
}

.project-cot--cotation > div:nth-child(2) {
    background: #459a00
}

.project-cot--cotation > div:nth-child(3) {
    background: #6cce1c
}

.project-cot--cotation > div:nth-child(4) {
    background: #ff8704
}

.project-cot--cotation > div:nth-child(5) {
    background: red;
    border-radius: 0 5px 5px 0
}

.project-cot--cotation > div.active {
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    line-height: 48px;
    margin-top: -14px;
    border-radius: 5px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

.project-actu {
    background: #fff
}

.project-actu .embed-video {
    margin-top: 0
}

.project-actu--inner {
    padding: 40px 60px
}

@media (max-width: 600px) {
    .project-actu--inner {
        padding: 20px
    }
}

.bob {
    margin-bottom: 30px
}

.bob--visu {
    display: inline-block;
    float: left;
    margin-right: 30px
}

.bob--visu img {
    max-width: 80px;
    max-height: 80px;
    margin-top: 0 !important
}

@media (max-width: 600px) {
    .bob--visu img {
        max-width: 50px;
        max-height: 50px
    }
}

@media (max-width: 600px) {
    .bob--visu {
        margin-right: 20px
    }
}

.bob--text {
    padding-top: 8px;
    overflow: hidden
}

.bob--text .bob--text-title {
    font-weight: 500;
    font-size: 24px
}

@media (max-width: 600px) {
    .bob--text .bob--text-title {
        font-size: 18px
    }
}

.bob--text .bob--text-subtitle {
    color: #9f9f9f;
    font-size: 16px
}

.project-actu--embed {
    border-top: 1px solid #e5e5e5
}

.project-actu--embed-img {
    display: inline-block;
    float: left
}

@media (max-width: 600px) {
    .project-actu--embed-img {
        float: none;
        display: block
    }
}

.project-actu--embed-img img {
    max-width: 250px;
    margin-top: 0 !important
}

@media (max-width: 600px) {
    .project-actu--embed-img img {
        width: 100%;
        max-width: 100%
    }
}

.project-actu--embed-content {
    overflow: hidden;
    padding: 40px 30px
}

.project-actu--embed-content-title {
    font-size: 32px !important;
    line-height: 1;
    margin: 0
}

@media (max-width: 600px) {
    .project-actu--embed-content-title {
        font-size: 24px !important
    }
}

.project-actu--embed-content-link {
    color: #9f9f9f;
    font-size: 12px;
    text-decoration: underline
}

.project-actu--embed-content-excerpt {
    padding: 40px 0
}

.clearing-thumbs li {
    display: inline-block;
    margin: 6px 1.5%;
    max-width: 30%
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .clearing-thumbs li {
        max-width: 48%;
        margin: 6px 1%
    }
}

@media only screen and (max-width: 46em) {
    .clearing-thumbs li {
        max-width: 100%;
        width: 100%;
        margin: 6px 0
    }
}

.clearing-thumbs li a {
    border: 6px solid #fff;
    display: block;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.clearing-thumbs li a img {
    display: inline-block;
    margin-top: 0 !important
}

@media only screen and (max-width: 46em) {
    .clearing-thumbs li a img {
        max-width: 100%;
        width: 100%
    }
}

.project-identifier {
    background: #fff;
    border: 1px solid #c1c1c1;
    padding: 40px
}

@media (max-width: 600px) {
    .project-identifier {
        padding: 20px
    }
}

.project-identifier--button {
    background: #7cc010;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 20px;
    text-align: left;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    border-radius: 5px;
    transition: .15s
}

@media (max-width: 600px) {
    .project-identifier--button {
        font-size: 14px
    }
}

.project-identifier--button i {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    opacity: .45;
    font-size: 1.25em;
    float: left
}

.project-identifier--button span {
    overflow: hidden;
    display: block
}

.project-identifier--button:hover {
    background: #5e910c;
    color: #fff
}

.project-identifier--content {
    position: relative
}

.project-identifier--content > img {
    margin-top: 0 !important
}

.project-identifier--content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.project-identifier--content .document-list {
    margin-top: 40px;
    opacity: .5;
    margin-bottom: -1.25rem
}

.range {
    position: relative
}

.range input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    width: 100%;
    height: 22px;
    cursor: pointer;
    display: block
}

.range input[type=range]:focus {
    outline: 0
}

.range input[type=range][disabled] {
    opacity: .3;
    cursor: default
}

.range .rangeslider {
    position: relative;
    height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.range .rangeslider:before {
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    background: #3095d2;
    border-radius: 6px;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.range input::-webkit-slider-runnable-track {
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    background: #3095d2;
    border-radius: 6px;
    margin: 11px 0
}

.range input::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    background: #3095d2;
    border-radius: 6px;
    margin: 11px 0
}

.range input::-ms-track {
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    background: #3095d2;
    border-radius: 6px;
    color: transparent;
    padding: 11px 0;
    background: 0 0;
    border-color: transparent
}

.range input::-ms-fill-lower, .range input::-ms-fill-upper {
    box-sizing: border-box;
    width: 100%;
    height: 3px;
    background: #3095d2;
    border-radius: 6px
}

.range input::-webkit-slider-thumb {
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #cdcdcd;
    border: 10px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #3095d2;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 1.5px
}

.range input::-moz-range-thumb {
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #cdcdcd;
    border: 10px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #3095d2;
    cursor: pointer
}

.range input::-ms-thumb {
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #cdcdcd;
    border: 10px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #3095d2;
    cursor: pointer
}

.range .rangeslider-thumb {
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #cdcdcd;
    border: 10px solid #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #3095d2;
    cursor: pointer;
    position: absolute;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    will-change: left
}

.range .range-output {
    position: absolute;
    left: 5px;
    top: 5px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: -webkit-transform .4s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.range .range-output .output {
    display: block;
    position: absolute;
    height: 60px;
    line-height: 60px;
    min-width: 60px;
    padding: 0 20px;
    top: -29px;
    border: 1px solid #cdcdcd;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    background: #fff;
    color: #000;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 1.2em;
    text-align: center
}

.range .range-output .output:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 1px solid transparent;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid transparent
}

@media (max-width: 600px) {
}

.project-range-result > div:first-child {
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 0 40px;
    border-right: 1px solid #ccc
}

.project-range-result > div:first-child output {
    font-size: 22px;
    display: block
}

@media (max-width: 600px) {
    .project-range-result > div:first-child output {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }
}

@media (max-width: 600px) {
    .project-range-result > div:first-child {
        border-right: none;
        width: 100%;
        float: none;
        margin: auto;
        padding: 0
    }
}

.project-range-result > div:last-child {
    padding: 0 40px;
    display: block;
    overflow: hidden
}

@media (max-width: 600px) {
    .project-range-result > div:last-child {
        border-right: none;
        width: 100%;
        float: none;
        margin: 20px auto 0;
        padding: 0
    }
}

.project-range-result > div:last-child a {
    color: #8dbf24;
    text-decoration: underline
}

.project-content-sidebar {
    color: #5a5a5a
}

.project-sidebar--surtitle {
    font-size: 16px;
    color: #8dbf24;
    font-weight: 500;
    line-height: 1
}

.project-sidebar--bigtitle {
    font-size: 24px;
    margin-bottom: 1rem
}

.project-sidebar--title {
    font-size: 20px;
    margin-bottom: 1rem
}

.project-sidebar--title__big {
    font-size: 24px
}

.pp-progress {
    position: relative;
    height: 20px;
    margin-bottom: 1.5rem
}

.pp-progress--track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .06) inset;
    border-radius: 100px;
    overflow: hidden;
    z-index: 0
}

.pp-progress--track-color {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #88e140;
    z-index: 1
}

.pp-progress--thumb-container {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 100%
}

.pp-progress--thumb {
    position: absolute;
    top: -20px;
    bottom: -20px;
    margin: auto;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 15px;
    line-height: 26px;
    height: 26px;
    width: 60px;
    text-align: center;
    font-weight: 500
}

.project-sidebar--table {
    margin: 0 -40px 1.5rem;
    font-size: 14px
}

.project-sidebar--table > div {
    padding: 5px 40px;
    border-bottom: 1px solid #efefef;
    line-height: 25px
}

.project-sidebar--table > div:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.project-sidebar--table > div:first-child {
    border-top: 1px solid #efefef
}

.project-sidebar--table > div > div:first-child {
    display: inline-block;
    float: left
}

.project-sidebar--table > div > div:last-child {
    float: right;
    font-weight: 500
}

.bulle {
    border-radius: 100px;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 2px 10px;
    display: inline-block;
    min-width: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: initial
}

.pp-popin {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    z-index: 90000;
    overflow: auto;
    opacity: 0
}

.pp-popin.active {
    display: block;
    -webkit-animation: fadeIn .35s;
    animation: fadeIn .35s;
    opacity: 1
}

.pp-popin.inactive {
    display: block;
    -webkit-animation: fadeOut .35s;
    animation: fadeOut .35s;
    opacity: 0
}

.pp-popin--inner {
    position: relative;
    padding: 50px 20px;
    min-height: 100vh
}

.pp-popin--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .9
}

.pp-popin--content {
    max-width: 1200px;
    margin: auto;
    position: relative;
    background: #fff;
    padding: 50px;
    border: 1px solid #cdcdcd;
    border-radius: 15px
}

@media (max-width: 600px) {
    .pp-popin--content {
        padding: 50px 20px 0
    }
}

.pp-popin__video .pp-popin--content {
    margin: auto;
    padding: 0 0 0;
    position: absolute;
    top: 50%;
    left: 40px;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 600px) {
    .pp-popin__video .pp-popin--content {
        left: 20px;
        right: 20px
    }
}

.pp-popin.active .pp-popin--content {
    -webkit-animation: fadeIn-up .35s;
    animation: fadeIn-up .35s;
    opacity: 1
}

.pp-popin.inactive .pp-popin--content {
    -webkit-animation: fadeOut-down .35s;
    animation: fadeOut-down .35s;
    opacity: 0
}

.pp-popin__video.pp-popin.active .pp-popin--content {
    -webkit-animation: fadeIn .35s;
    animation: fadeIn .35s
}

.pp-popin__video.pp-popin.inactive .pp-popin--content {
    -webkit-animation: fadeOut .35s;
    animation: fadeOut .35s
}

.pp-popin--close-bis {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    padding: 20px;
    font-size: 28px;
    z-index: 10;
    transition: .25s;
    color: #666
}

.pp-popin--close-bis:hover {
    color: #000
}

.pp-popin--close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    padding: 20px;
    transition: .25s;
    color: #666
}

.pp-popin--close:hover {
    color: #000
}

.pp-popin__video .pp-popin--close {
    top: -50px;
    right: 0;
    font-size: 28px
}

.pp-popin--content-inner {
    max-width: 800px;
    margin: auto;
    padding: 50px 0
}

.pp-popin__video .pp-popin--content-inner {
    max-width: 100%;
    margin: auto;
    padding: 0 0 0
}

.pp-popin__video .pp-popin--content-inner .embed-video {
    margin: auto
}

.pp-popin__active {
    overflow: hidden
}

.map--embed {
    height: 300px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 1.5rem
}

.map--embed:last-child {
    margin-bottom: -40px
}

@media (max-width: 600px) {
    .map--embed {
        margin-left: -30px;
        margin-right: -30px
    }
}

.pp-social {
    margin: 0 0 1.5rem;
    text-align: right
}

.pp-social:last-child {
    margin: 0
}

.pp-social li {
    display: inline-block
}

.pp-social li a {
    font-size: 24px;
    color: #b3b3b4;
    padding: 5px
}

.pp-social li a:hover {
    color: #99999b
}

.pp-paliers--item {
    display: inline-block;
    width: 33%;
    letter-spacing: 0;
    vertical-align: bottom;
    transition: .25s;
    opacity: .3
}

.pp-paliers--item.active {
    opacity: 1
}

.pp-paliers--tribloc:hover .pp-paliers--item {
    opacity: .3
}

.pp-paliers--tribloc:hover .pp-paliers--item:hover {
    opacity: 1;
    cursor: pointer
}

@media (max-width: 600px) {
}

@media (max-width: 600px) {
}

.pp-paliers--label > span {
    color: #fff;
    border-radius: 100px;
    padding: 5px 10px;
    text-align: center;
    font-size: 13px;
    display: inline-block
}

@media (max-width: 600px) {
    .pp-paliers--label > span {
        font-size: 12px
    }
}

@media (max-width: 600px) {
}

.pp-paliers--ss {
    margin-top: 2rem;
    position: relative
}

.pp-paliers--ss-item {
    position: absolute;
    top: 50%;
    left: -9000px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pp-paliers--ss-item.active {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    left: 0
}

.project-bar--space {
    height: 0
}

.project-bar--space.scrolled {
    height: 64px
}

.project-bar {
    -webkit-animation: fadeIn-up 1s .5s backwards;
    animation: fadeIn-up 1s .5s backwards;
    background: 0 0
}

.project-bar.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 2
}

.project-bar--inner {
    max-width: 1240px;
    padding: 0 20px;
    margin: auto
}

@media (max-width: 570px) {
    .project-bar--inner {
        overflow-x: auto;
        overflow-y: hidden
    }
}

.project-bar--nav {
    width: 62.5%;
    float: left;
    padding-right: 65px
}

@media (max-width: 970px) {
    .project-bar--nav {
        padding-right: 0
    }
}

.project-bar--nav.is-tablet {
    float: none;
    width: 100%
}

@media (max-width: 570px) {
    .project-bar--nav {
        width: 450px !important
    }
}

.project-bar--nav > div {
    box-shadow: 0 1px #d3d3d3
}

.project-bar.scrolled .project-bar--nav > div {
    box-shadow: none
}

.project-bar--nav ul {
    float: left;
    margin: 0;
    padding: 0
}

.project-bar--nav ul li {
    display: inline-block;
    margin-right: 1rem
}

.project-bar--nav-item {
    display: block;
    color: #939292;
    position: relative;
    line-height: 64px;
    transition: .15s;
    cursor: pointer
}

.project-bar--nav-item.active, .project-bar--nav-item:hover {
    color: #363636
}

.project-bar--nav-item.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: #363636
}

.overflow-auto {
    overflow: auto
}

@media (max-width: 570px) {
}

.clearing-assembled:not(.clearing-blackout) .clearing-thumbs, .clearing-assembled:not(.clearing-blackout) .slick-track {
    width: 100% !important
}

.clearing-assembled.clearing-blackout .slick-track {
    display: none
}

.clearing-assembled.clearing-blackout .visible-img {
    height: 100%
}

.clearing-assembled.clearing-blackout .visible-img img {
    margin: 0
}

.project-content-articles article.inactive {
    display: none
}

.project-bar--invest {
    float: right;
    width: 37.5%;
    padding-left: 20px;
    margin-top: 5px
}

.project-content .project-bar--invest {
    float: none;
    margin: 40px auto 0;
    width: 400px;
    max-width: 100%;
    padding: 0
}

.project-bar--invest .button {
    float: left;
    width: 48%;
    margin-left: 2%;
    margin-bottom: 0;
    margin-right: 0;
    line-height: 54px;
    padding: 0;
    background-color: #29323c;
    text-transform: initial;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem
}

.input-number {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    height: 54px;
    width: 50%;
    float: left
}

.input-number-euros {
    color: #bbb;
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 600px) {
    .input-number-euros {
        right: 35px
    }
}

.input-number input {
    border: none;
    display: inline-block;
    height: 100%;
    padding: 0 10px;
    outline: 0;
    position: relative;
    margin: 0;
    width: 100%;
    width: calc(100% - 28px);
    text-align: center;
    font-size: 24px
}

@media (max-width: 600px) {
    .input-number input {
        text-align: left
    }
}

.input-number-decrement, .input-number-increment {
    color: #000;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 0;
    border-left: 1px solid #e6ebee;
    cursor: pointer;
    display: block;
    outline: 0;
    position: absolute;
    width: 28px;
    height: 26px;
    text-align: center;
    right: 0
}

.input-number-increment {
    border-bottom: 1px solid #e6ebee;
    top: 0
}

.input-number-decrement {
    bottom: 0
}

.project-bar--invest-info {
    border-radius: 100px;
    padding: 7px 20px;
    background: #ccc;
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 24px;
    width: 100%;
    color: #fff;
    text-align: center
}

.project-bar--invest-info i {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    opacity: .5;
    line-height: inherit
}

.project-bar--invest-info i:before {
    line-height: inherit
}

.project-bar--invest-info__cloture {
    background: #3095d2
}

.project-bar--invest-info__finance {
    background: #88e140
}

.cards--inner {
    max-width: 1260px;
    margin: 0 auto 50px;
    text-align: center
}

.card {
    max-width: 360px;
    display: inline-block;
    margin: 20px 10px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #e6e6e6;
    border-bottom: 3px solid #ebebeb;
    transition: .35s;
    background: #fff;
    padding: 0 36px 36px;
}

.card .phd--progress > div:nth-child(1) {
    background: #6dcff6
}

.card .phd--progress > div:nth-child(2) {
    background: #459a00
}

.card .phd--progress > div:nth-child(3) {
    background: #6cce1c
}

.card .phd--progress > div:nth-child(4) {
    background: #ff8704
}

.card .phd--progress > div:nth-child(5) {
    background: #ff5d04
}

@media (min-width: 900px) {
    .card:hover {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px);
        box-shadow: 0 45px 27px rgba(0, 0, 0, .19)
    }
}

@media (max-width: 600px) {
    .card {
        padding: 0 20px 20px
    }
}

.card .button {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    background: #29323c;
    padding: 24px 10px;
    font-weight: 500;
    border-radius: 6px
}

.card .button:hover {
    background: #00a3ef
}

.card--date {
    text-align: center;
    border: 1px solid #e6e6e6;
    border-top: none;
    display: inline-block;
    padding: 5px 30px;
    font-size: 12px;
    min-width: 150px
}

.card--date b {
    font-weight: 700
}

.card--title {
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 26px;
    text-transform: uppercase;
    margin: 30px auto 0
}

@media (max-width: 600px) {
    .card--title {
        font-size: 20px
    }
}

.card--subtitle {
    font-size: 14px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 auto 30px
}

.card--subtitle i {
    vertical-align: middle
}

.card--img {
    display: block;
    width: 100%;
    margin-bottom: -34px
}

.card--finance {
    margin-top: -15px;
    border: 1px solid #e6e6e6;
    border-top: 0;
    padding: 20px
}

.card--finance-label {
    font-size: 14px;
    color: #5c5c5c
}

.card--finance-label b {
    font-size: 18px;
    color: #201f1f
}

.card--finance-thumb {
    width: 100%;
    border-radius: 10px;
    height: 6px;
    background: #e6e6e6
}

.card--finance-track {
    width: 0;
    height: 6px;
    border-radius: 10px;
    background: #6cce1c
}

.card--finance-track.closed {
    background: #3095D2;
}

@media (max-width: 1164px) {
}

@media (max-width: 781px) {
}

.Diverstool__toggleButtonRange {
    width: 100%;
    height: 10px;
    cursor: pointer;
    transition: all .5s cubic-bezier(.86, 0, .07, 1);
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: #fff
}

.Diverstool__toggleButtonRange:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    content: '';
    transition: all .5s cubic-bezier(.86, 0, .07, 1);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #ccc;
    border-radius: 55%;
    background-color: #fff
}

.Diverstool__toggleOverlay {
    position: relative
}

@media only screen and (max-width: 46em) {
}

.Diverstool__appreciationRatingLetter {
    font-size: 30px;
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 19.99%;
    padding: 20px 0;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: #ccc;
    box-shadow: 0 5px 15px 0 #ccc
}
@media only screen and (max-width: 769px) {
    .Diverstool__criteresWheel {
        position: relative;
        display: inline-block;
        width: auto;
        text-align: center;
    }
}
.Diverstool__criteresWheel {
    position: relative;
    display: inline-block;
    width: 24.99%;
    text-align: center;
}
.Diverstool__appreciationRatingLetter:before {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: '';
    border: 5px solid #fff
}
@media only screen and (max-width: 46em) {
}

.Diverstool__criteresWheelPrct {
    font-weight: 600
}

.Diverstool__parametrageChoiceContainer {
    font-size: 0;
    margin-bottom: 40px
}

.Diverstool__parametrageChoice {
    font-size: 14px;
    display: inline-block;
    width: 50%;
    min-height: 220px;
    padding: 50px;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f6f6f6
}

@media only screen and (max-width: 46em) {
    .Diverstool__parametrageChoice {
        margin-bottom: 5px;
        padding: 30px 10px;
        min-height: 200px
    }
}

@media only screen and (max-width: 46em) {
}

.Diverstool .irs-line {
    height: 6px;
    background-color: #fff
}

.Diverstool .irs-bar {
    height: 6px;
    background-color: #3095d2
}

.Diverstool .irs-bar-edge {
    height: 6px;
    background: #3095d2
}

.Diverstool .irs-slider {
    width: 25px;
    height: 25px;
    margin-top: -2px;
    padding-bottom: 0;
    border: 0;
    background-color: #3095d2;
    background-image: none
}

.Diverstool .irs-from, .Diverstool .irs-single, .Diverstool .irs-to {
    font-size: 18px;
    font-weight: 400;
    top: -60px;
    bottom: inherit;
    padding: 20px;
    cursor: pointer;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 8px #ddd;
    background-color: #fff
}

.Diverstool .irs-from:after, .Diverstool .irs-single:after, .Diverstool .irs-to:after {
    position: absolute;
    bottom: -5.5px;
    left: calc(50% - 5px);
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #ddd;
    border-width: 0 1px 1px 0;
    background-color: #fff
}

.Diverstool__toggleButtonRange--isSelected {
    transition: all .5s cubic-bezier(.86, 0, .07, 1);
    background-color: #9dff4e
}

.Diverstool__toggleButtonRange--isSelected:after {
    left: calc(100% - 30px);
    transition: all .5s cubic-bezier(.86, 0, .07, 1);
    background-color: #6cce1c
}

.Diverstool__formBlock--hide {
    display: none
}

.Diverstool__formBlock--enveloppePrelever {
    background-color: transparent;
    border-color: transparent;
    padding-bottom: 80px;
    padding-left: 0
}

.Diverstool__formBlock--limiteMensuelle {
    background-color: transparent;
    border-color: transparent;
    border-left-color: #ddd;
    padding-bottom: 80px;
    padding-right: 0
}

@media only screen and (max-width: 46em) {
    .Diverstool__formBlock--limiteMensuelle {
        border-left-color: transparent
    }
}

.Diverstool__toggleOverlay--isHiding {
    opacity: .35
}

.Diverstool__toggleOverlay--isHiding:after {
    content: '';
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999
}

.Diverstool__appreciationRatingLetter--isNotSelected {
    z-index: 1;
    opacity: .3;
    color: rgba(255, 255, 255, .5)
}

.Diverstool__appreciationRatingLetter--isNotSelected:before {
    border-color: transparent
}

.Diverstool__parametrageChoice--isSelected {
    transition: all .4s cubic-bezier(.86, 0, .07, 1);
    color: #fff;
    border-color: #3095d2;
    background-color: #3095d2
}

.Diverstool__parametrageChoice:hover {
    transition: all .4s cubic-bezier(.86, 0, .07, 1);
    color: #fff;
    border-color: #3095d2;
    background-color: #62afdd
}

.diverstool_tooltip_content {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    font-size: .6rem !important;
    padding: 20px;
    max-width: 300px;
    z-index: 120;
    font-size: 13px !important;
    border-radius: 10px
}

.diverstool_tooltip_content:after {
    width: 10px;
    height: 10px;
    background-color: #333;
    position: absolute;
    bottom: -5px;
    left: 20px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.actio__item {
    padding: 40px 0;
    border-top: 1px solid #e0e0e2
}

@media only screen and (max-width: 46em) {
    .actio__item {
        padding: 0
    }
}

.actio__item:first-child {
    border-top: 0
}

.actio__item.actio__item--black {
    background: #eee
}

.actio__inner {
    position: relative;
    margin: auto;
    width: 1100px;
    max-width: 100%;
    padding: 100px 0
}

@media only screen and (max-width: 46em) {
    .actio__inner {
        padding: 50px 0
    }
}

.actio__item-text {
    min-height: 280px;
    padding-left: 35%
}

@media only screen and (max-width: 46em) {
    .actio__item-text {
        padding: 38px 30px 0
    }
}

.actio__item-text-inner {
    padding-left: 60px
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .actio__item-text-inner {
        padding: 0 30px
    }
}

@media only screen and (max-width: 46em) {
    .actio__item-text-inner {
        padding: 0
    }
}

.actio__item-img {
    position: absolute;
    top: 100px;
    width: 35%;
    text-align: center;
    left: 0;
}

@media only screen and (max-width: 46em) {
    .actio__item-img {
        width: 100%;
        top: 0;
        position: relative;
        text-align: center;
        padding: 20px 20px 0 20px
    }
}

.actio__item-img img {
    max-width: 90%;
    margin: auto;
    display: block
}

.actio__item-title {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
}

@media only screen and (max-width: 64em) and (min-width: 46em) {
    .actio__item-title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media only screen and (max-width: 46em) {
    .actio__item-title {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1
    }
}

.actio__item-title b, .actio__item-title strong {
    font-weight: 600
}

.actio__item-markup {
    height: 180px;
    overflow: hidden;
    transition: .5s;
    position: relative;
    margin-bottom: 30px;
}

@media only screen and (max-width: 46em) {
    .actio__item-markup {
        height: 100px
    }
}

.actio__item-markup:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to bottom, rgba(247, 247, 247, 0) 0, #f7f7f7 100%);
    pointer-events: none;
    transition: .5s
}

.actio__item--black .actio__item-markup:after {
    background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0, #eee 100%)
}

.actio__item-markup.js--active:after {
    opacity: 0
}

.actio__item-markup p {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.875;
    color: #231e1e
}

.actio__item-markup p b, .actio__item-markup p strong {
    font-weight: 700
}

@media only screen and (max-width: 46em) {
    .actio__item-actions {
        text-align: center
    }
}

.actio__btn {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (max-width: 46em) {
    .actio__btn {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.actio__btn .actio__btn-state:nth-child(1) {
    display: block
}

.actio__btn .actio__btn-state:nth-child(2) {
    display: none
}

.actio__btn.js--active .actio__btn-state:nth-child(1) {
    display: none
}

.actio__btn.js--active .actio__btn-state:nth-child(2) {
    display: block
}

.actio__btn .actio__btn-icon {
    border: 1px solid #9a9a9a;
    border-radius: 5px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    transition: .2s
}

.actio__btn .actio__btn-text {
    display: inline-block;
    padding: 10px 20px 10px 10px;
    color: #231e1e;
    font-weight: 500
}

.actio__btn:hover .actio__btn-icon {
    background: #ccc
}

.actio__sepinfo-info .icon {
    margin-right: 10px;
    position: relative;
    top: 2px
}

@media only screen and (max-width: 50.63em) {
}

.actio__cta {
    background: #3095d2;
    color: #fff;
    display: inline-block;
    padding: 16px 20px;
    border-radius: 6px;
    transition: .1s
}

.actio__cta:hover {
    color: #fff;
    background: #00a3ef
}

@media only screen and (max-width: 46em) {
    .actio__cta {
        margin-bottom: 10px
    }
}

.whoactio {
    text-align: center;
    max-width: 1080px;
    padding: 100px 20px 40px;
    margin: auto;
    margin-bottom: -80px
}

.whoactio--title {
    font-family: "Roboto Slab", Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 30px;
    margin-bottom: 100px
}

@media (max-width: 48em) {
    .whoactio--title {
        margin-bottom: 40px
    }
}

.whoactio--item {
    float: left;
    width: 33.33333%;
    border: 1px solid #ccc;
    border-right: none;
    padding: 40px 60px;
    background: #fff
}

.whoactio--item:last-child {
    border-right: 1px solid #ccc
}

@media (max-width: 48em) {
    .whoactio--item {
        width: 100%;
        border: 1px solid #ccc
    }
}

.whoactio--item-img {
    width: auto;
    max-height: 140px;
    margin-bottom: 40px
}

.whoactio--item-title {
    font-family: "roboto condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-family: 24px;
    margin-bottom: 40px
}

.whoactio--item-markup {
    font-family: 16px
}

.actio-spec {
    background: #eee;
    border-top: 1px solid #e0e0e2
}

.actiograph {
    background: #eee;
    border-top: 1px solid #e0e0e2;
    padding: 250px 0 100px
}

@media (max-width: 800px) {
    .actiograph {
        display: none
    }
}

.actiograph--inner {
    position: relative;
    max-width: 940px;
    margin: auto;
    text-align: center
}

@media (max-width: 1000px) {
    .actiograph--inner img {
        width: 300px
    }
}

.actiograph--text {
    width: 200px;
    text-align: left
}

@media (max-width: 1000px) {
    .actiograph--text {
        width: 160px
    }
}

.actiograph--title {
    font-family: "roboto condensed", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 40px
}

@media (max-width: 1000px) {
    .actiograph--title {
        font-size: 20px;
        margin-bottom: 20px
    }
}

.actiograph--markup {
    font-size: 16px
}

@media (max-width: 1000px) {
    .actiograph--markup {
        font-size: 14px
    }
}

.actiograph--text-1 {
    position: absolute;
    top: 60px;
    left: 0
}

@media (max-width: 1000px) {
    .actiograph--text-1 {
        top: 60px;
        left: 10%
    }
}

.actiograph--text-2 {
    position: absolute;
    top: -86px;
    right: 80px
}

@media (max-width: 1000px) {
    .actiograph--text-2 {
        top: -50px;
        right: 16%
    }
}

.actiograph--text-3 {
    position: absolute;
    top: 240px;
    right: 0
}

@media (max-width: 1000px) {
    .actiograph--text-3 {
        top: 150px;
        right: 9%
    }
}

.actioquotes {
    max-width: 900px;
    margin: auto;
    padding: 160px 20px
}

@media (max-width: 650px) {
    .actioquotes {
        padding: 50px 20px
    }
}

.actioquotes--item {
    position: relative;
    margin: 20px auto
}

.actioquotes--item:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: #fff;
    top: 35px;
    left: 110px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

@media (max-width: 650px) {
    .actioquotes--item:after {
        display: none !important
    }
}

.actioquotes--item.actioquotes--item:nth-child(odd):after {
    left: auto;
    right: 110px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.actioquotes--human {
    float: left;
    display: inline-block;
    width: 120px
}

.actioquotes--item:nth-child(odd) .actioquotes--human {
    float: right;
    padding-left: 30px
}

.actioquotes--human img {
    width: 90px;
    border-radius: 50%;
    margin-bottom: 14px
}

.actioquotes--human ul {
    width: 90px;
    text-align: center;
    margin: 0;
    padding: 0
}

.actioquotes--human ul li {
    display: inline-block
}

.actioquotes--human ul li a {
    padding: 3px;
    font-size: 20px;
    display: block;
    color: #a4a4a5
}

.actioquotes--human ul li a:hover {
    color: #8a8a8c
}

.actioquotes--human ul li a i {
    display: block
}

@media (max-width: 650px) {
    .actioquotes--human {
        display: block !important;
        float: none !important;
        width: 100%;
        text-align: center;
        padding-left: 0 !important;
        padding-bottom: 10px
    }

    .actioquotes--human ul {
        width: 100%
    }
}

.actioquotes--content {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px #ebebeb;
    position: relative;
    padding: 60px 60px 60px 120px;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width: 650px) {
    .actioquotes--content {
        padding: 40px 40px 40px 60px;
        margin-bottom: 80px
    }
}

.actioquotes--content:before {
    content: "";
    background: url(img/quote.png);
    width: 32px;
    height: 27px;
    display: block;
    float: left;
    margin-left: -70px;
    margin-top: -16px
}

@media (max-width: 650px) {
    .actioquotes--content:before {
        display: none
    }
}

.actioquotes--who {
    font-size: 16px;
    color: #b3b3b3;
    margin-bottom: 10px
}

.actioquotes--who span {
    color: #2d2d2d
}

.actioquotes--markup p {
    line-height: 2;
    font-style: italic;
    font-size: 18px;
    color: #424242;
    font-weight: 300
}

@media (max-width: 650px) {
    .actioquotes--markup p {
        font-size: 16px
    }
}

.actioquotes--markup p:last-child {
    margin-bottom: 0
}

.actiovid {
    position: relative;
    z-index: 1;
    color: #fff;
    background: #29323c;
    opacity: 0;
    transition: 1s;
    margin-bottom: 100px
}

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

.actiovid.active {
    opacity: 1
}

.actiovid .actiovid--inner {
    padding: 40px 0 0
}

@media (max-width: 1200px) {
    .actiovid .actiovid--inner {
        padding: 30px 0 0
    }
}

@media (max-width: 600px) {
    .actiovid .actiovid--inner {
        padding: 10px 0 0
    }
}

@media (min-height: 800px) {
    .actiovid .actiovid--inner {
        padding: 120px 0 40px
    }
}

@media (min-height: 800px) and (max-width: 1200px) {
    .actiovid .actiovid--inner {
        padding: 80px 0 20px
    }
}

@media (min-height: 800px) and (max-width: 600px) {
    .actiovid .actiovid--inner {
        padding: 60px 0 20px
    }
}

.actiovid .actiovid--bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden
}

.actiovid .actiovid--bg li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: no-repeat center center;
    background-size: cover;
    transition: .35s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.actiovid .actiovid--bg li.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.actiovid .actiovid--selector {
    text-align: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    max-width: 1210px;
    padding: 0 80px;
    margin: auto;
    position: relative
}

.actiovid .actiovid--selector-nav-next, .actiovid .actiovid--selector-nav-prev {
    position: absolute;
    bottom: 36px;
    cursor: pointer;
    background: #f7f7f7;
    color: #323232;
    border: 1px solid #dadada;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 8px
}

@media (max-width: 900px) {
    .actiovid .actiovid--selector-nav-next, .actiovid .actiovid--selector-nav-prev {
        bottom: 20px
    }
}

@media (max-width: 500px) {
    .actiovid .actiovid--selector-nav-next, .actiovid .actiovid--selector-nav-prev {
        bottom: 20px
    }
}

.actiovid .actiovid--selector-nav-next:hover, .actiovid .actiovid--selector-nav-prev:hover {
    background: #fff
}

.actiovid .actiovid--selector-nav-next i, .actiovid .actiovid--selector-nav-prev i {
    display: block
}

.actiovid .actiovid--selector-nav-next.slick-disabled, .actiovid .actiovid--selector-nav-prev.slick-disabled {
    display: none !important
}

.actiovid .actiovid--selector-nav-prev {
    left: 10px
}

.actiovid .actiovid--selector-nav-next {
    right: 10px
}

.actiovid .actiovid--ss {
    margin: auto
}

.actiovid .actiovid--ss-slide {
    padding: 24px 0;
    cursor: pointer
}

.actiovid .actiovid--ss-slide img {
    width: 100%;
    transition: .35s
}

.actiovid .actiovid--ss-slide:hover img {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.actiovid .actiovid--ss-slide.active img {
    -webkit-transform: translateY(-24px);
    transform: translateY(-24px)
}

@media (max-width: 500px) {
    .actiovid .actiovid--ss-slide:hover img {
        -webkit-transform: none;
        transform: none
    }

    .actiovid .actiovid--ss-slide.active img {
        -webkit-transform: none;
        transform: none
    }
}

.actiovid .actiovid--content {
    position: relative;
    max-width: 860px;
    margin: auto;
    text-align: center
}

.actiovid .actiovid--content li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .35s;
    opacity: 0;
    z-index: -1;
    padding: 0 40px
}

.actiovid .actiovid--content li.active {
    transition: .5s .15s;
    opacity: 1;
    z-index: 50
}

@media (max-width: 800px) {
    .actiovid .actiovid--content li {
        padding: 0 20px
    }
}

.actiovid .actiovid--quote {
    color: #fff;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 34px;
    margin: 0;
    margin-bottom: 1rem
}

.actiovid .actiovid--quote b {
    font-weight: 400
}

@media (max-width: 1500px) {
    .actiovid .actiovid--quote {
        font-size: 30px
    }
}

@media (max-width: 1200px) {
    .actiovid .actiovid--quote {
        font-size: 28px
    }
}

@media (min-height: 800px) {
    .actiovid .actiovid--quote {
        font-size: 42px
    }
}

@media (min-height: 800px) and (max-width: 1500px) {
    .actiovid .actiovid--quote {
        font-size: 38px
    }
}

@media (min-height: 800px) and (max-width: 1200px) {
    .actiovid .actiovid--quote {
        font-size: 36px
    }
}

@media (max-width: 800px) {
    .actiovid .actiovid--quote {
        font-size: 28px
    }
}

@media (max-width: 600px) {
    .actiovid .actiovid--quote {
        font-size: 24px
    }
}

@media (max-width: 400px) {
    .actiovid .actiovid--quote {
        font-size: 20px
    }
}

.actiovid .actiovid--who {
    font-size: 16px;
    display: block;
    font-weight: 300;
    margin: 0;
    margin-bottom: 2rem
}

.actiovid .actiovid--icon {
    display: inline-block;
    width: 52px;
    height: 52px;
    background: url(img/video.png) no-repeat center center;
    transition: .1s
}

.actiovid .actiovid--icon:hover {
    opacity: .5
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeOut-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

@keyframes fadeOut-down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
}

.embed-video {
    background: #000;
    margin: 2rem auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.embed-video iframe {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.logosbloc {
    text-align: center;
    padding: 4rem 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.logosbloc ul {
    width: 1400px;
    max-width: 100%;
    margin: auto
}

.logosbloc li {
    display: inline-block;
    vertical-align: middle;
    padding: 1.5rem;
}

.logosbloc li a {
    display: block
}

.author-pic {
    display: inline-block;
    float: left;
    margin-right: 1.5rem
}

.author-detail {
    overflow: hidden;
    display: block;
    float: none;
    margin-left: 0
}

.triptique__spec {
    background: #fff
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}