:root {
    --default_cv_background_color: var(--primary);
}

html, body {
    font-family: "Inter", "Manrope";
}

.bg-green {
    background-color: #D5EFE4;
}

/*
Pour la navbar principal
 */
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}


@media (max-width: 991.98px) {
    .off-canvas-menu {
        height: 100vh;
        background-color: var(--primary);
    }

    .off-canvas-menu > ul > li {
        margin: 5% 0%;
    }

    .off-canvas-menu-phone {
        height: 100vh;
    }

    .off-canvas-menu-phone > ul > li {
        margin: 15% 0%;
    }

    .cart-phone {
        display: none;
    }
}

@media (min-width: 576px) {
    .mt-sm-4, .my-sm-4 {
        margin-top: 0px !important;
    }
}

@media (max-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
}

/*
Pour la navbar success dans le shop
 */
.navbar-light .navbar-nav .nav-link {
    color: #203442;
    font-size: 12px;
    font-weight: bold;
    padding-right: 10px;
}

.search_bar {
    border: none;
    border-bottom: 1px solid #3024fc;
    background-color: #D5EFE4 !important;
    width: 100%;
}

.search_bar:focus {
    border: none;
    border-bottom: 1px solid #3024fc;
    background-color: #D5EFE4;
    color: #000000;
}

.border_head {
    margin-left: 1%;
    margin-top: 30px;
    margin-bottom: 40px;
    border-left: 4px solid #3024fc;
}

.border_head_title {
    margin-left: 25px;
    color: #3024fc;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
}

.border_head_subtitle {
    margin-left: 25px;
    color: #98A2B0;
    font-size: 15px;
}

.shop_carroussel > .carroussel_items {
    margin-right: 3%;
    width: 12%;
    background-color: #C0C9D5;
}

.shop_carroussel > .active {
    margin-right: 3%;
    width: 25%;
    opacity: 1;
    background-color: #3024fc;
}

.navbar-dark > a {
    color: #203442;
}

.bg-green > a:hover {
    color: #3024fc;
}

.text_btn_caroussel {
    height: 25% !important;
    font-size: 15px !important;
}

.carousel_text {
    bottom: 100px;
}

.carousel_text > p {
    font-weight: lighter;
    font-size: 15px;
}

.product_title {
    font-size: 22px;
    font-weight: bold;
}

.product_subtitle {
    font-size: 12px;
    font-weight: lighter;
}

.product_name {
    font-size: 12px;
}

.product_devise {
    font-size: 12px;
    color: #3024fc;
    text-transform: uppercase;
}

.product_add_cart {
    font-size: 12px;
    text-transform: uppercase;
    color: #7E8998;
    transition: padding-right 500ms;
}

.product_remove_cart {
    font-size: 12px;
    text-transform: uppercase;
    color: #7E8998;
    transition: padding-left 500ms;
}

.product_remove_cart:hover {
    padding-left: 10px;
    color: #3024fc;
    text-decoration: none;
}

.product_add_cart:hover {
    padding-right: 10px;
    color: #3024fc;
    text-decoration: none;
}

.product_add_cart svg .a, .product_add_cart:hover svg .b {
    fill: #3024fc;
}

.product_remove_cart svg .a, .product_remove_cart:hover svg .b {
    fill: #3024fc;
}

.product_add_cart > #arrow_right:hover {
    opacity: 1;
    fill: #3024fc;
}

.product_cart_name {
    font-size: 12px;
    text-transform: uppercase;
    color: #7E8998;
}

.product_cart_carac_items {
    font-size: 12px;
    color: #7E8998;
}

.product_cart_carac_value {
    font-size: 14px;
    font-weight: bold;
}

.carousel-inner > .carousel-item > img {
    object-fit: cover;
}

/*
Detail Product
 */
.container_detail {
    width: 90%;
}

.detail_name {
    text-transform: uppercase;
    font-size: 14px;
}

.input-group-text {
    padding-left: 30px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.custom-select {
    color: #000000 !important;
}

.btn_detail {
    font-size: 15px;
    padding-right: 20%;
    padding-left: 20%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.detail_items > ul {
    list-style-type: disc;
}

.detail_items > ul > li {
    color: #3024fc;
    margin-bottom: 10px;
}

.detail_items > ul > li > span {
    font-size: 14px;
    color: #7E8998;
}

.cart_product_min {
    border: 1px solid #536876;
    border-right: 1px solid #ffffff;
    opacity: 1;
    color: #000000;
}

.cart_product_plus {
    border: 1px solid #536876;
    border-left: 1px solid #ffffff;
    opacity: 1;
    color: #000000;
}

.cart_product_quantity {
    border-bottom: 1px solid #536876;
    border-top: 1px solid #536876;
    color: #000000;
}

/*
 <Footer part>
 */


.footer-distributed {
    background-color: #001C2B;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.footer-distributed h3 {
    color: #3024fc;
    font-size: 20px;
    padding: 8%;
}

.footer-company-description {
    color: #98A2B0;
    font-size: 13px;
}

.footer-distributed input {
    border: 1px solid #3024fc;
    background-color: transparent !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    color: #EBF3F7 !important;
    width: 25% !important;
    padding: 10px 20px;
}

.footer-distributed input:focus {
    border: none !important;
    color: #EBF3F7 !important;
    border-bottom: 2px solid #3024fc !important;
}

.footer-distributed .btn {
    background-color: #3024fc !important;
    border: 1px solid #3024fc !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-family: "Inter";
    font-weight: 500;
    color: #ffffff !important;
}

.footer-distributed .btn:hover {
    background-color: transparent !important;
    border: 1px solid #3024fc !important;
    color: #3024fc !important;
}

a.footer-company-privacy1 {
    color: #B3BCC9;
    text-align: center;
    margin: 0 auto;
    /* line-height: 1.8; */
    text-decoration: none;
    font-size: 12px;
    font-family: "Manrope";
}

.footer-company-privacy2 {
    color: #B3BCC9;
    font-size: 12px;
    text-align: center;
    font-family: "Manrope";
}

a.footer-company-privacy3 {
    color: #ffff;
    text-decoration: none;
}

a.footer-company-privacy3:hover {
    color: lightslategray !important;
}

div.row .cols-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 5.333333%;
}

.bar_separator {
    background-color: #3024fc5c;
    width: 0.5px;
    height: 355px;
    margin-top: 2.5%;
}

@media (max-width: 576px) {
    .bar_separator {
        display: none;
    }

    .footer_inc {
        padding-bottom: 15px;
        border-top: 1px solid #3024fc5c;
    }

    .modal .modal-dialog-aside {
        width: 100% !important;
        max-width: 100% !important;
    }

    .carousel > .carousel-caption > p {
        display: none;
    }

    .carousel > .carousel-caption > .btn {
        width: 200px !important;
    }

    .footer-distributed input {
        width: 80%;
    }
}

.footer_inc {
    margin-top: 7%;
}

.content_contact {
    margin-top: 100px;
    margin-bottom: 20px;
}

footer {
    box-shadow: 0 50vh 0 50vh #001C2B;
}

.social-link a {
    color: lightslategray;
    margin-right: 10px;
    font-size: 20px;
}

.social-link a:hover {
    color: #ffffff !important;
}

/*
 </Footer part>
 */

/*
<Contact Page>
 */
.contact-page {
    text-align: center;
    font-family: "Inter", "Manrope";
    font-size: 20px;
}

.contact-page h3 {
    color: #3024fc;
}

.contact-page p {
    color: #536876;
    font-size: 15px;
    text-align: center;
}

.contact-page-description {
    color: #536876;
}

/*.contact-page-forms input {*/
/*    height: auto;*/
/*    border: 1px solid #cacaca;*/
/*    border-radius: 2px !important;*/
/*    background-color: transparent !important;*/
/*    !*border-bottom: 1px solid #b3bcc947 !important;*!*/
/*    font-family: 'Inter', sans-serif;*/
/*    font-size: 14px;*/
/*    width: 70%;*/
/*    padding: 10px 20px;*/
/*    margin-left: 15%;*/
/*    color: #000000 !important;*/
/*}*/


/*textarea.form-control {*/
/*    height: auto;*/
/*    border: 1px solid #cacaca;*/
/*    border-radius: 2px !important;*/
/*    background-color: transparent !important;*/
/*    !*border-bottom: 1px solid #b3bcc947 !important;*!*/
/*    font-family: 'Inter', sans-serif;*/
/*    font-size: 14px;*/
/*    width: 70%;*/
/*    padding: 10px 20px;*/
/*    margin-left: 15%;*/
/*    color: #000000 !important;*/
/*}*/

.contact-page-forms .btn {
    background-color: #3024fc;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-family: "Manrope";
    padding: 15px;
}

.contact-page-forms .btn:hover {
    background-color: transparent;
    border: 1px solid #3024fc !important;
    color: #3024fc;
}

/*
<Video Lionel Part>
 */
.videos--card > div {
    position: absolute;
    height: 100%;
}

.videos--card {
    width: 100%;
    height: 100%;
}

.component--background-overlay {

    background: rgba(0, 28, 43, 1) 0% 0% no-repeat padding-box;
    opacity: 0.7;
}


.component--card-background, .video--card-content, .video--card-text, .component--background-overlay, .component--background-content {
    position: absolute;
}

.video--real-video {
    display: flex;
    justify-content: flex-end;
    /*margin-left: 3.5%;*/
}

.w-45 {
    max-width: 45% !important;
}

.video--real-video p {
    font-size: 80%;
    padding: 0%;
    text-align: left;
}

.video--real-video h4 {
    position: absolute;
    bottom: -25px;
    text-align: center !important;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px 10px;
    color: white;
    font-size: 18px;
}

.h-90 {
    height: 90%;
}

.w-90 {
    width: 90%;
}

.video--card-text {
    color: white;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.btn.btn-arrow-action {
    display: flex;
    color: white !important;
}

.btn-arrow-action img {
    margin-left: 1rem;
    width: 1rem !important;
    object-fit: contain !important;
}

.video--card-text .btn-arrow-action {
    font-size: 12px;
    text-transform: uppercase;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
}

.video--card-text h3 {
    font-size: 22px;
    font-family: 'Inter', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.video--card-text p {
    font-size: 12px;
    font-family: 'Manrope', sans-serif;
}

.video--slider-controller {
    padding: 2rem 0;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.slider--dots {
    display: flex;
    justify-content: center;
}

.slider--dots > div {
    width: 5px;
    height: 5px;
    margin-left: .8rem;
    background: white;
    border-radius: 50%;
    opacity: .2;
}

.slider--dots > div.active {
    opacity: 1;
    width: 7px;
    height: 7px;
}

.video--slider-controller img {
    width: 10px;

}

.videos--card {
    height: 790px !important;
}

.videos--caroussel {
    height: 582px;
}

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

.cv--header-container h1 {
    font-family: 'inter';
    font-weight: bold;
    text-transform: uppercase;
}

.cv--header-container h5 {
    font-family: 'inter';
    /*font-weight: 500;*/
    font-size: 16px;
}

.player--qualifications {
    font-size: 14px;
}

.qualification--content h3 {
    font-family: 'Inter';
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
}

.qualification--content p {
    font-family: 'Manrope';
    color: rgba(83, 104, 118, 1);
    font-size: 14px;
}

.cv--qualification-detail {
    font-size: 12px;
    height: 7px;
}

.cv--qualification-detail > div::before {
    height: 7px;
    width: 7px;
    display: inline-block;
    color: rgba(83, 104, 118, 1);
    border-radius: 50%;
    background: #3024fc;
    margin-right: 10px;
    content: ' ';
}

/* CV */


.header--slider-items .btn-arrow-action {
    color: #3024fc !important;
    font-size: 12px;
}

.header--slider-items h4 {
    font-size: 22px;
    font-weight: bold;
    line-height: 2rem;
    text-transform: uppercase;
}

.header--slider-items p {
    font-size: 12px;
}


@media (max-width: 575.98px) {
    .video--card-content, .video--card-text {
        width: 100% !important;
        /*padding-left: 1rem !important;*/
        margin-left: 0px !important;
    }

    .video--real-video iframe {
        width: 100%;
    }

    .header--slider .header--slider-item {
        flex: 1 1 100% !important;
        margin-top: 2%;
    }
}

@media (max-width: 991.98px) {
    .header--slider .header--slider-item {
        flex: 1 1 100% !important;
        margin-top: 2%;
    }

    .header--slider .header--slider-item {
        display: none;
    }

    .header--slider .header--slider-item:nth-child(1) {
        display: flex;
    }


    .header--slider {
        flex-wrap: wrap;
    }

    .header--slider .header--slider-item > div {
        opacity: 1;
    }

    .header--slider .header--slider-item::before {
        filter: grayscale(100%) brightness(35%);
    }

}


/* PHOTOS */

.main--grid {
    flex: 1;
    display: flex;
    overflow: auto;
}

.images--grid {
    display: flex;
    min-width: 90%; /* needs vendor prefixes */
}

.images--grid .image--grid-full {
    width: 55%;
    height: 600px;
    object-fit: cover;
}


.images--grid .image--grid-full {
    width: 55%;
    height: 600px;
    object-fit: cover;
}

.images--grid-container {
    display: flex;
    flex-wrap: wrap;
}

.images--grid-container img {
    width: 45%;
    height: 293px;
    margin: 0 2% 0%;
    object-fit: cover;
}

.main--container-border {
    /*border: 1px solid lightseagreen;*/
}

.header--section-border {
    margin-left: -1px;
    border-left: 2px solid green;
}

.border-success-light {
    border-left: 2px solid #D5EFE4;
    border-right: 2px solid #D5EFE4;
}

.images--grid-container img:nth-child(1), .images--grid-container img:nth-child(2) {
    margin-bottom: 2%;
}

.custom-container {
    padding: 0 5%;
}

.video--real-video w-90 {
    width: 85% !important;
}

@media (min-width: 1800px) {
    .custom-container, .video--container {
        padding: 0 15%;
    }

}

@media (max-width: 575.98px) {
    .flex-sm-column {
        flex-direction: column;
    }

    .player--qualifications > div, .cv--qualification-detail > div {
        padding: .5rem;
    }

    .slider--container div.items {
        min-width: 98% !important;
    }

    .video--container {
        padding: 20px;
    }

    .header--section-border {
        margin-left: 0px !important;
    }

    .px-5 {
        padding: 0px 20px !important;
    }

    .main--container-border {
        border: 0px solid transparent !important;
    }
}

@media (max-width: 991.98px) {
    .images--grid {
        display: flex;
        min-width: 140%;
    }

    .slider--container {
        flex: 1;
        overflow: auto;
    }

    .slider--container div.items {
        min-width: 48%;
        margin-right: .5%;
    }

    .overlay {
        display: flex !important;
    }

    div.items:hover > img {
        width: 100% !important;
    }

    div.items:hover .overlay {
        width: 100% !important;
    }
}

/*
</Video Lionel Part>
 */

/*
</Contact Page>
 */
@media only screen and (min-width: 300px) {
    .carousel-inner > .carousel-item > img {
        width: 10px;
    }
}

@media only screen and (min-width: 400px) {
    .carousel-inner > .carousel-item > img {
        width: 10px;
        filter: brightness(0.4);
    }
}

/*
<Sponsors>
 */
.container .sponsors {
    margin-top: 15%;
}

.sponsors .row div:hover {
    -webkit-filter: grayscale(100%) brightness(26%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(1);
    filter: grayscale(100%) brightness(26%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(1);
}

.border-gradient {
    border: 1px solid #3024fc1a;
    border-image-slice: 1;
    background-origin: border-box;
    padding: 5% 0;
    text-align: center;
}

@media (max-width: 576px) {
    .border-left-mobile {
        border-right: 1px solid transparent !important;
        border-left: 1px solid #3024fc1a !important;
    }
}

/*
</Sponsors>
 */

/*
<Index effect>
 */

body {
    width: 100%;
}

div.items {
    margin: auto;
}

div.items {
    /* width: 244px; */
    height: 45em;
    width: 100%;
    /* margin: 30px; */
}

img.logo1 {
    height: 100%;
    width: 100%;
}

div.items:hover img {
    transition: 200ms all;
    width: 120%;
    object-fit: cover;
    object-position: center center;
    /* width: 110%; */
}

div.items img {
    object-fit: cover;
    transition: 300ms all;
}

div.items a {
    margin: 1px;
}

div.items:hover .overlay {
    display: flex;
    width: 120%;
    transition-property: all;
    transition-duration: 300ms;
    transition-delay: 500ms !important;
}

.slider--container {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    flex-basis: 25%;
    margin: 1px;
    margin-top: 25px;
}

.slider--container > .items {
    height: 90vh;
}

.slider--container > .items > img:hover {
    transition-delay: 500ms !important;
}

.slider--container > .items > .overlay:hover {
    transition-delay: 500ms !important;
}

.slider--container a {
    width: 93%;
    margin: 0.5px;
    transition: 300ms all;
}

.slider--container a:hover {
    z-index: 10;
    transition: 90ms ease;
    transition-delay: 500ms;
}

.overlay {
    position: relative;
    top: -100%;
    width: 100%;
    height: 90vh;
    align-items: flex-end;
    padding: 2% 10%;
    box-sizing: border-box;
    background: #07181da6;
    color: white;
    display: none;
}

/*
</Index effect>
 */

/*
Side Modal
 */
.modal .modal-dialog-aside {
    width: 450px;
    max-width: 80%;
    height: 100%;
    margin: 0;
    transform: translate(0);
    transition: transform .2s;
}

.modal .modal-dialog-aside .modal-content {
    height: inherit;
    border: 0;
    border-radius: 0;
}

.modal .modal-dialog-aside .modal-content .modal-body {
    overflow-y: auto
}

.modal.fixed-left .modal-dialog-aside {
    margin-left: auto;
    transform: translateX(100%);
}

.modal.fixed-right .modal-dialog-aside {
    margin-right: auto;
    transform: translateX(-100%);
}

.modal.show .modal-dialog-aside {
    transform: translateX(0);
}

/*
<Product Caroussel>
 */

.position_caroussel_indicator {
    bottom: -50px;
}


/*
</Product Caroussel>
 */

/*
<Iron Caroussel>
 */

.irone--caroussel {
    height: calc(100% - 60px);
    overflow: hidden;
}

.irone--caroussel .irone--caroussel--wrapper {
    overflow: auto;
    display: flex;
}


.irone--slider--component {
    transform-origin: center;
}

.irone--slider--component:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);*/
    content: '';
    pointer-events: none;
}

.irone--slider--component .header--slider-items {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.irone--slider--component .panel__image img,
.irone--slider--component .panel__video {
    padding-right: 0.66rem;
}

@media (min-width: 992px) {
    .irone--slider--component .panel__image img {
        -webkit-filter: grayscale(80%);
        filter: grayscale(80%);
    }

    .irone--slider--component .panel__image img:hover,
    .irone--slider--component .panel__video:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: 0.5s;
    }
}

@media (min-width: 1280px) {
    .irone--slider--component--highlight .panel__text {
        transition: opacity 0.3s 0.3s linear;
    }
}

@media (min-width: 1280px) {
    .irone--slider--component--dim .panel__text {
        transition: opacity 0.3s 0.3s linear;
        opacity: 0 !important;
    }
}

/*.irone--slider--component:hover, */

.irone--slider--component--highlight {
    flex: 0 0 30% !important;
    filter: grayscale(0);

}

/*.irone--slider--component:hover .header--slider-items, */

.irone--slider--component--highlight .header--slider-items {
    opacity: 1;
    transition: opacity 0.3s 0.3s linear;
}

.irone--panel {
    transition: flex-basis 0.3s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
}

.header--slider-items {
    opacity: 0;
}


@media (min-width: 992px) {
    .irone--caroussel .irone--caroussel--wrapper {
        /*margin-left: 2.66rem;*/
    }
}

@media (min-width: 768px) {
    .irone--caroussel .irone--panel {
        flex: 0 0 51%;
    }

    .irone--caroussel, .irone--slider--component--highlight {
        flex: 0 0 51% !important;
        filter: grayscale(0) !important;
    }

    /*.irone--slider--component:hover .header--slider-items, */


}

@media (max-width: 767.8px) {
    .irone--caroussel .irone--panel {
        flex: 0 0 95%;
    }

    .irone--caroussel, .irone--slider--component--highlight {
        flex: 0 0 95% !important;
        filter: grayscale(0) !important;
    }

    /*.irone--slider--component:hover .header--slider-items, */


}

@media (min-width: 992px) {
    .irone--caroussel .irone--panel {
        flex: 0 0 32%;
    }

    .irone--caroussel, .irone--slider--component--highlight {
        flex: 0 0 32% !important;
        filter: grayscale(0) !important;
    }

    /*.irone--slider--component:hover .header--slider-items, */

}

@media (max-width: 992px) {
    .irone--slider--component {
        filter: grayscale(0) !important;
    }

    .irone--caroussel .header--slider-items {
        opacity: 1;
        transition: opacity 0.3s 0.3s linear;
    }
}

@media (min-width: 1280px) {
    .irone--caroussel .irone--panel {
        flex: 0 0 23%;
    }

}

.video--slider--panel .header--slider-items {
    top: -100%;
}

/*
</Iron Caroussel>
 */


/*
<Biographie>
 */

.bio_title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 3%;
    margin-top: 2%;
}

.bio-container {
    padding: 0 5%;
}

.bio-text {
    margin-top: 3%;
}

.bio-text > p {
    font-family: "Manrope";
    font-size: 15px;
    text-align: left;
    color: #536876;
    line-height: 29px;
}

.bio-text .btn {
    background-color: #3024fc;
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-family: "Inter";
    font-weight: 500;
    color: white;
}

.bio-text .btn:hover {
    background-color: transparent;
    border: 2px solid #3024fc !important;
    color: #3024fc;
}

.bio-text .btn-outline {
    background-color: transparent;
    border: 2px solid #3024fc !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-family: "Inter";
    font-weight: 500;
    color: #3024fc;
}

.bio-text .btn-outline:hover {
    background-color: #3024fc;
    border: 1px solid transparent !important;
    color: #ffffff;
}

.cv-img {
    width: 100%;
}

.cv-subtitle {
    font-family: "Manrope";
    font-weight: 400;
    color: #536876;
    font-size: 18px;
}

.cv-name {
    margin-top: 2%;
    text-transform: uppercase;
    font-size: 24px;
    color: #011C2B;
    font-family: "Inter";
    font-weight: bold;
    opacity: 100%;
}

.cv-item-left {
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
    color: #536876;
}

.cv-item-right {
    text-align: left;
    font-family: "Manrope";
    font-weight: bold;
    font-size: 14px;
    color: #536876;
}

.cv-item .row {
    margin-top: 1%;
}

.cv-item-foot {
    font-family: "Manrope";
    font-weight: bold;
    color: #3024fc;
    font-size: 14px;
    margin-top: 1%;
}

.cv-diviser {
    background-color: #3024fc;
    height: 1px;
    width: 50%;
    align-content: center;
    margin: auto;
    opacity: 25%;
    margin-top: 3%;
    margin-bottom: 2%;
}

.cv-item-left > ul {
    list-style-type: disc;
}

.cv-item-left > ul > li {
    color: #3024fc;
}

.cv-item-left > ul > li > span {
    color: #536876;
}

.title-quality {
    font-family: "Manrope";
    font-size: 18px;
    color: #536876;
    text-transform: uppercase;
    margin-left: 6%;
    font-weight: bold;
}

.quality-content > ul {
    list-style-type: disc;
    margin-left: 0;
}

.quality-content > ul > li {
    color: #3024fc;
    font-size: 20px;
}

.quality-content > ul > li > span {
    color: #536876;
    font-size: 14px;
    font-family: "Manrope";
    font-weight: 400;
    font-size: 14px;
}

.rull-container {
    background-color: var(--default_cv_background_color);
    align-content: center;
    padding: 2%;
}

.rull-box {
    border: 2px #E8EDF2 solid;
    margin-top: 2%;
    background-color: #ffff;
}

.container-child {
    width: 35%;
    margin: auto;
    padding: 1% 1.5%;


}

.rull-box {
    border: 4px #112C83 solid;
}

.rull-box-1 {
    border: 4px #39A667 solid;
}

.rull-box-2 {
    border: 4px #D7721D solid;
}

.rull-box-3 {
    border: 4px #127AC2 solid;
}

.rull-box-4 {
    border: 4px #0A4DBD solid;
}

.rull-box-5 {
    border: 4px #D82016 solid;
}

.rull-box-6 {
    border: 4px #4CACF8 solid;
}

.rull-content {
    margin-top: 3%;
    margin-bottom: 3%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.rull-image {
    width: 80%;
    position: absolute;
    margin: auto;
    padding-right: 20%;
    margin-left: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rull-title {
    font-family: "Manrope";
    font-weight: bold;
    font-size: 18px;
    color: #203442;
}

.rull-light {
    color: #B3BCC9;
}

@media (min-width: 1700px) {
    .rull-image{
        width: 70%;
    }
}

@media (max-width: 576px) {
    .cv-item .row {
        margin-top: 4%;
    }

    .cv-item-foot {
        margin-top: 7%;
    }

    .foot-mobile > ul {
        list-style-type: none;
    }

    .rull-image {
        width: 40%;
        position: relative;
        margin: auto;
        border-bottom: 1px #E8EDF2 solid;
        border-right: 0;
        padding-bottom: 7%;
        padding-right: 0;
        padding-top: 10%;
        left: 20% !important;
        display: flex;
    }

    .club-content {
        margin-top: 10%;
        text-align: center;
    }

    .rull-box {
        margin-top: 7%;
    }

    .cv-diviser {
        margin-top: 10%;
        margin-bottom: 10%;
        width: 100%;
    }

    .rull-light {
        padding-bottom: 20px;
    }

    /* CV refont */
    .title-infos {
        padding-top: 25px !important;
        font-size: 30px !important;
    }

    .diviseur {
        width: auto !important;
    }

    .rull-content {
        text-align: center !important;
    }

    .cv-item-left {
        text-align: right !important;
    }

    .cv-item-right {
        text-align: left !important;
    }

    /* /CV refont/ */

}

/*
</Biographie>
 */

/*ADDONS*/

.image-caroussel-modal {
    height: 95vh;
    display: flex;
    align-items: center;
}

.image-caroussel-modal img {
    filter: none !important;
}

.nav-tabs .nav-link {
    padding: 1rem 2rem;
    opacity: .4;
}

.nav-tabs .nav-link {
    font-weight: 500;
    border: 0px solid transparent;
    text-transform: uppercase;
    padding: 10px 20px;
    margin: 5px 10px;
    background: grey;
    border-radius: 50px;
    font-size: 13px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: transparent;
    background: #3024fc;
    opacity: 1;
    color: white !important;
}

@media (max-width: 576px) {
    .p-small-0 {
        padding: 0 !important;
    }

    .nav-tabs .nav-link {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .reseaux {
        width: 85% !important;
    }

    .container-child{
        width: 70% !important;
    }
}

.p-force-b-0 {
    padding-bottom: 0 !important;
}

.special-alert {
    margin-left: 15%;
    width: 70%;
    color: #3024fc;
    background: #3024fc59;
    text-align: center;
}

.special-alert-danger {
    margin-left: 15%;
    width: 70%;
    color: #8f0021;
    background: #f8003f;
    text-align: center;
}


.photo_category_text, .videos_category_text {
    background: #000000b5;
    color: white;
    padding: 20px 10px;
    position: relative;
    /* width: 89%; */
    bottom: 95px;
    text-align: center;
    text-transform: uppercase;
}

.photo_category_text {
    width: 100%;
    bottom: 0px;
}

.photo_category_text h6, .videos_category_text h6 {
    font-size: 10px;
    margin-top: 10px;
    font-weight: normal;
    /*text-transform: none;*/
}

.photos_gallery img {
    height: 260px;
    object-fit: cover;
}

.home-biographie-title {
    font-size: 35px !important;
}

.home-biographie-text {
    font-size: 19px;
}

/*********** Avrel CSS ***********/
:root {
    --default: #0F00C4;
    --second_default: #473BD2;
    --default_text: #ffff;
    --box-color: #ECEBF9;
    --box-border: #355941;
}

.bg-bar {
    background-color: var(--default_cv_background_color);
    height: 80px;
}

.bg-content {
    background-color: rgba(236, 238, 239, 0.8);
}

.title-infos {
    padding-top: 10px;
    font-size: 50px;
}

.subtitle-infos {
    padding-top: 2%;
    padding-left: 2%;
}

.content-infos {
    width: 100% !important;
}

.border-top-cv {
    color: var(--default);
}

.border-top-cv a {
    color: var(--default);
}

.content-info p {
    line-height: 34px;
    font-size: 17px;
    font-weight: 200;
}

.diviseur {
    height: 29px;
    width: 40%;
    padding-left: 20px;
    border-radius: 0 10px 10px 0;
}

.content-info > ul {
    margin-left: -20px;
}

.content-info > ul > li {
    font-weight: 900;
    line-height: 26px;
}

.content-info > ul > p {
    line-height: 26px;
    margin-bottom: 7px;
}

.content-info span {
    font-weight: 900 !important;
}

.bg-default-cv {
    background-color: var(--default_cv_background_color);
}

.content-container {
    padding-top: 25px;
    color: var(--default);
}

/************* Fin CSS *************/

.sponsors_detail img {
    width: 30%;
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #000 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 300px;
    padding: 20px;
}

.video_sponsor_container .col-md-6 {
    height: 300px;
}

.contact-social > div > a:hover {
    color: #000000 !important;
}

/************************ CSS Avrel ************************/
.big-content {
    max-width: 1278px;
    padding: 0;
}

.box-form {
    max-width: 100%;
}

.network-image {
    width: 5rem;
}

.reseaux {
    width: 60%;
}

.color-grey {
    color: #80808075;
}

/***************** Checkbox Customisation */
.font-w {
    font-weight: 700;
    padding-left: 38px;
}

label {
    position: relative;
    padding: 0 0 0 2rem;
}

input[type="radio"] {
    position: absolute;
    opacity: 0;
}

input[type="radio"] + label::before,
input[type="radio"] + label::after {
    content: "";
    position: absolute;
    display: inline-block;
}

input[type="radio"] + label::before {
    left: 2px;
    /* top: 4px; */
    width: 27px;
    height: 27px;
    border: 0.05rem solid #80808059;
}

input[type="radio"]:checked + label::after {
    left: 2px;
    top: 0;
    height: 27px;
    background: #80808059;
    width: 27px;
}

input[type="radio"]:focus + label::before {
    outline: 0.05rem dotted;
}

@media all and (max-width: 592px) {
    .video_sponsor_container .col-md-6 {
        height: 700px;
    }
}

.sponsors_detail .logo {
    width: 22rem;
}

.sponsors_detail .links a {
    font-weight: bold;
    margin-left: 2rem;
}

.link-network {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link-network-footer{
    margin: auto;
    width: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.link-network-footer svg{
    height: 27px;
}

.link-network svg {
    height: 50px;
}

.part-select {
    color: grey !important;
}

/************************ FIN CSS Avrel ************************/

img.sponsors_detail_image {
    height: 400px !important;
    object-fit: contain;
}

.bio-cv-text {
    max-width: 40rem;
    margin-left: auto;
}

.countries_img{
    width: 25px;
}

.countries_top{
    width: 20px;
}

.form-control{
    text-transform: uppercase !important;
}

@media (min-width: 5000px) {
    .rull-image{
        width: 50%;
    }
}