@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansBold.eot');
    src: url('../fonts/BrixSansBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansBold.woff2') format('woff2'),
    url('../fonts/BrixSansBold.woff') format('woff'),
    url('../fonts/BrixSansBold.ttf') format('truetype'),
    url('../fonts/BrixSansBold.svg#BrixSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansLight.eot');
    src: url('../fonts/BrixSansLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansLight.woff2') format('woff2'),
    url('../fonts/BrixSansLight.woff') format('woff'),
    url('../fonts/BrixSansLight.ttf') format('truetype'),
    url('../fonts/BrixSansLight.svg#BrixSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansBlack.eot');
    src: url('../fonts/BrixSansBlack.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansBlack.woff2') format('woff2'),
    url('../fonts/BrixSansBlack.woff') format('woff'),
    url('../fonts/BrixSansBlack.ttf') format('truetype'),
    url('../fonts/BrixSansBlack.svg#BrixSansBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansBold-Italic.eot');
    src: url('../fonts/BrixSansBold-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansBold-Italic.woff2') format('woff2'),
    url('../fonts/BrixSansBold-Italic.woff') format('woff'),
    url('../fonts/BrixSansBold-Italic.ttf') format('truetype'),
    url('../fonts/BrixSansBold-Italic.svg#BrixSansBold-Italic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansExtraLight.eot');
    src: url('../fonts/BrixSansExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansExtraLight.woff2') format('woff2'),
    url('../fonts/BrixSansExtraLight.woff') format('woff'),
    url('../fonts/BrixSansExtraLight.ttf') format('truetype'),
    url('../fonts/BrixSansExtraLight.svg#BrixSansExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansMedium.eot');
    src: url('../fonts/BrixSansMedium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansMedium.woff2') format('woff2'),
    url('../fonts/BrixSansMedium.woff') format('woff'),
    url('../fonts/BrixSansMedium.ttf') format('truetype'),
    url('../fonts/BrixSansMedium.svg#BrixSansMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansBlack-Italic.eot');
    src: url('../fonts/BrixSansBlack-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansBlack-Italic.woff2') format('woff2'),
    url('../fonts/BrixSansBlack-Italic.woff') format('woff'),
    url('../fonts/BrixSansBlack-Italic.ttf') format('truetype'),
    url('../fonts/BrixSansBlack-Italic.svg#BrixSansBlack-Italic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansLight-Italic.eot');
    src: url('../fonts/BrixSansLight-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansLight-Italic.woff2') format('woff2'),
    url('../fonts/BrixSansLight-Italic.woff') format('woff'),
    url('../fonts/BrixSansLight-Italic.ttf') format('truetype'),
    url('../fonts/BrixSansLight-Italic.svg#BrixSansLight-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansExtraLight-Italic.eot');
    src: url('../fonts/BrixSansExtraLight-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansExtraLight-Italic.woff2') format('woff2'),
    url('../fonts/BrixSansExtraLight-Italic.woff') format('woff'),
    url('../fonts/BrixSansExtraLight-Italic.ttf') format('truetype'),
    url('../fonts/BrixSansExtraLight-Italic.svg#BrixSansExtraLight-Italic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansRegular.eot');
    src: url('../fonts/BrixSansRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansRegular.woff2') format('woff2'),
    url('../fonts/BrixSansRegular.woff') format('woff'),
    url('../fonts/BrixSansRegular.ttf') format('truetype'),
    url('../fonts/BrixSansRegular.svg#BrixSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansMedium-Italic.eot');
    src: url('../fonts/BrixSansMedium-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansMedium-Italic.woff2') format('woff2'),
    url('../fonts/BrixSansMedium-Italic.woff') format('woff'),
    url('../fonts/BrixSansMedium-Italic.ttf') format('truetype'),
    url('../fonts/BrixSansMedium-Italic.svg#BrixSansMedium-Italic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('../fonts/BrixSansRegular-Italic.eot');
    src: url('../fonts/BrixSansRegular-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrixSansRegular-Italic.woff2') format('woff2'),
    url('../fonts/BrixSansRegular-Italic.woff') format('woff'),
    url('../fonts/BrixSansRegular-Italic.ttf') format('truetype'),
    url('../fonts/BrixSansRegular-Italic.svg#BrixSansRegular-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body, p {
    font-family: 'Brix Sans';
    font-size: 1.13em
}

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    font-family: 'Brix Sans';
    font-weight: bold;
    font-style: normal;
    color: #000000;
}

/** Typo **/
.h1,
h1 {
    text-transform: none;
    color: #000000;
    font-size: 2em;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-top: 50px;
    margin-bottom: 40px;
}

a {
    color: #FF0062;
}

.link-custom:hover,
a:hover {
    color: #5C0024;
}

.alert-primary {
    background: rgba(0, 167, 140, .2);
    color: #00A78D;
    border-color: #00A78D;
}

.h1::after,
h1::after {
    display: none;
    content: ' ';
}


.h2,
h2 {
    text-transform: none;
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 50px;
}

.h2::after,
h2::after {
    content: ' ';
    border-bottom: none;
    display: none;

}

.h3,
h3 {
    text-transform: none;
    font-size: 1.3em;
    font-weight: bold;
}

.link-custom {
    color: #FF0062;
    text-decoration: underline;
}

/**
* Colors
* main vert: #00a78d
* second rose: #ff0062
* gris clair: #d9d9d9
*/
.color-black {
    color: #000000;
}

.bg-black {
    background-color: #000000;
}

.color-primary {
    color: #00A78D;
}

.color-secondary {
    color: #FF0062;
}

.text-green {
    color: #00A78D;
}

/**
* Bootstrap reset
*/
.btn {
    border-radius: 0px;
}

.btn.btn-custom-success {
    color: white;
    background-color: rgba(0, 167, 140, 255);
}

.btn-outline-info {
    color: #00A78D;
    border-color: #00A78D;
}

.btn-outline-info:hover {
    color: #FFFFFF;
    background-color: #00A78D;
    border-color: #00A78D;
}

.btn.btn-custom-secondary {
    color: white;
    background-color: #FF0062;
}

.btn-blue-nuance,
.btn-primary {
    background: #00A78D;
    color: #FFFFFF;
    border-color: #00A78D;
}

.btn-outline-primary {
    color: #00A78D;
    border-color: #00A78D;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle,
.btn-outline-primary:hover {
    color: #FFFFFF;
    border-color: #00A78D;
    background: #00A78D;
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(0, 167, 141);
}

.btn-blue-nuance:hover,
.btn-primary:hover {
    background: #FFFFFF;
    color: #00A78D !important;
    border-color: #00A78D;
}

.btn-blue-nuance,
.btn-primary:focus, .btn-primary.focus {
    color: #FFFFFF;
    background-color: #00A78D;
    border-color: #00A78D;
    box-shadow: 0 0 0 0.2rem rgb(0, 167, 141);
}

.btn-blue-nuance:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-blue-nuance:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-blue-nuance.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #00A78D;
    border-color: #00A78D;
}

.btn-blue-nuance:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-blue-nuancey:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue-nuance.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(0, 167, 141);
}

.text-primary {
    color: #00A78D !important;
}

#points-call-to-action .card {
    border-radius: unset;
}

.form-group input,
.dropdown.form-control,
.form-control {
    border: 1px solid #000000 !important;
    border-radius: unset;
}

.navbar-toggler-icon {
    background-color: #00A78D;
    line-height: 30px;
}

#header_menu .dropdown-menu {
    margin: 0;
    left:auto;
}

#header_menu .dropdown-item:hover,
#header_menu .dropdown-item.active {
    background: #FFFFFF;
    color: rgba(255, 1, 99, 255);
}

#header_menu .dropdown-menu {
    border-radius: unset;
    border: none;
}


@media screen and (min-width: 769px) {
    #header_menu .navbar-nav {
        position: relative;
    }

    #header_menu .dropdown {
        position: static;
    }

    #header_menu .nav-item.dropdown:hover > .dropdown-menu,
    #header_menu .dropdown-menu.show {
        display: block;
        /*width: 100%;*/
        border-radius: unset;
        border-color: #FFFFFF;
    }


}

/**
 * Header
 */
#header-contact {
    position: fixed;
    right: 0;
    top: 50%;
    color: #FFFFFF;
    background-color: #00A78D;
    padding: 10px 20px;
    transform: rotateZ(-90deg) translateY(20px) translateX(150px);
    z-index: 100;
}

#header_menu {
    margin-top: 10px;
}

#header_menu > div > ul > li {
    display: inline;
    padding: 0 20px;
}

#header_menu > div > ul > li > a {
    position: relative;
    text-decoration: none;
    color: black;
    padding-bottom: 2rem;
}

#header_menu > div > ul > li > a.active:before {
    background-color: rgba(255, 1, 99, 255);
    content: "";
    width: 100%;
    height: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.buttons-icon-group a {
    border: 1px solid transparent;
}

.buttons-icon-group a.btn.active,
.buttons-icon-group a.active {
    border-color: #000000;
}


/**
 * Progression
 */

.progress-fill {
    overflow: visible;
}

.progress-fill > .line-end {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #00A78D;
}

.step-static.reached + .step-static > .step-nbr,
.progress > .step.reached + .step > .step-nbr {
    background-color: #FF0062;
    color: #FFFFFF;
    border: 5px solid #D9D9D9;
}

.step-static .step-nbr,
.progress .step-nbr {
    background-color: #000000;
    color: #FFFFFF;
    border: 5px solid #D9D9D9;
    padding: 0;
}

.step-static .step-nbr span,
.progress .step-nbr span {
    display: block;
    text-align: center;
    line-height: 40px;
}

.progress .step-nbr.reached {
    background-color: #00A78D !important;
    color: #FFFFFF !important;
    border: 5px solid #00A78D !important;
}

.pictos-level {
    line-height: 20px;
    text-align: center;
    margin-top: -4.8rem
}

.pictos-level small {
    font-size: 12px;

}

.pictos-level.reached:before,
.pictos-level.reached {
    color: #00A78D !important;
}

.pictos-level:before,
.pictos-level {
    color: #000000;
}

.step-static.reached + .step-static .pictos-level:before,
.progress > .step.reached + .step .pictos-level:before,
.step-static.reached + .step-static .pictos-level,
.progress > .step.reached + .step .pictos-level {
    color: #FF0062;
}


@media screen and (max-width: 767px) {
    .pictos-level {
        font-size: 15px;
        margin-top: -5.8rem;
    }

}


/**
* Program
*/

.step-static .pictos-level:before {
    top: -1.2em;
}

.step-static > .pictos-level {
    margin-top: -65px;
}

.static-1 > .pictos-level:before {
    content: '\e901';
}

.static-2 > .pictos-level:before {
    content: '\e902';
}

.static-3 > .pictos-level:before {
    content: '\e900';
}

.static-progress {
    position: relative;
}

.static-progress::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #D9D9D9;
}

.step-static .step-nbr {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    margin-top: -20px;
    top: 0;
    z-index: 10;
}

.step-static .step-nbr.reached {
    background: #00A78D;
}

@media screen and (max-width: 767px) {
    .static-progress .step-static {
        margin-bottom: 9rem;
    }
}


/**
* Catalogue
 */

#catalogue_summary > .row > .d-flex {
    flex-wrap: wrap;
}

.catalogue_summary__grid {
    height: 600px;

}

.catalogue_cat {
    position: relative
}

.catalogue_cat .catalog-summary__item_bg {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 1s ease;

}

.catalogue_cat a {
    overflow: hidden;
}

.catalogue_cat a:hover .catalog-summary__item_bg {
    transform: scale(1.1);
    transition: transform 1s ease;
}

.catalogue_cat .catalog-summary__item_title {
    position: absolute;
    display: inline-block;
    bottom: 20%;
    left: 40px;
    z-index: 10;

    font-family: 'Brix Sans';
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
    font-size: 1.7em;
}

@media screen and (max-width: 767px) {
    .catalogue_summary__grid {
        height: auto;
    }

    .catalogue_summary__grid > div {
        height: 400px !important;
    }
}


/**
*  Contact
*/
/*.contact #slope_it_breadcrumb {*/
/*    display: none;*/
/*}*/

.contact .contact-infos {
    position: relative;
    padding-left: 60px;
}

.contact .contact-infos:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    content: "";
    width: 50px;
    height: 60px;
    text-align: center;
    color: #00A78D;
    font-family: 'FontAwesome';
}

.contact-infos.contact-infos-mail:before {
    background: url(/build/assets/templates/club-rehaupro.fr/images/letter_ico_primary.png) no-repeat center center;
}

.contact-infos.contact-infos-tel:before {
    background: url(/build/assets/templates/club-rehaupro.fr/images/call_ico_primary.png) no-repeat center center;
}

.contact-infos-mail a:hover,
.contact-infos-mail a {
    color: #000000;
}

/**
*  catalogue
*/
.main-products.product-grid .product-thumb .name {
    padding: 4px 8px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}

.main-products.product-grid .product-thumb .stats {
    color: #00A78D;
    background: #FFFFFF;
}

.product-layout {

}

.second-wrapper {
    background: #FFFFFF;
}

.user-menu > li.active > a {
    border-left: 4px solid #00A78D;
}

.step-number > h2 > .step-number--number {
    display: inline-block;
    width: 70px;
    padding-right: 30px
}

.step-number--align {
    margin-left: 70px;
}