body {
    font-family: "Spartan", Verdana, Tahoma, sans-serif;
    background-color: #f6f3f2;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /*added for steps-coach section*/
}

.eq-blocks {
    height: auto !important;
    margin-top: auto;
    margin-bottom: auto;
}

@media (min-width: 1440px) {
    .container {
        max-width: 1500px!important;
    }
    .img-header .row.m-lr .center:before {
        transform: scale(0.95)!important;
        right: 120px!important;
    }
}

@media (min-width: 1200px) {
    .row.position-relative {
        margin: 0 50px;
    }
    #home #section2 .steps_coach .m20 {
        padding: 0 60px;
    }
    .container {
        max-width: 1250px;
    }
    #home #section2 .steps_coach p {
        padding: 0 40px;
    }
    #home #section2 .steps_coach h3 {
        padding: 0 25px;
    }
}

@media(max-width: 768px) {
    #section5 .col-md-4.col-sm-12.wow {
        margin: 15px 0;
    }
}

/* total width */

::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    cursor: pointer;
}

#mon-espace #slider_modal .cadre::-webkit-scrollbar {
    width: 5px;
}

/* background of the scrollbar except button or resizer */

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-track:hover {
    background-color: #f0f0f0;
}

/* scrollbar itself */

::-webkit-scrollbar-thumb {
    background-color: #f3aa1f;
    border-radius: 16px;
    border: 4px solid #fff;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #f4873e;
    border: 4px solid #f4f4f4;
}

#mon-espace #slider_modal .cadre::-webkit-scrollbar-thumb {
    border: 1px solid #fff;
}

#mon-espace #slider_modal .cadre::-webkit-scrollbar-thumb:hover {
    border: 1px solid #f4f4f4;
}

/* set button(top and bottom of the scrollbar) */

::-webkit-scrollbar-button {
    display: none;
}

.effect {
    color: #3c3c3c;
}

.bg:before {
    z-index: -999;
    position: absolute;
    content: '';
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    height: 340px;
    width: 100%;
    display: block;
}

body:not(.blog_pages) h1 {
    position: relative;
    font-weight: 800;
    color: #fff!important;
    font-size: 33px;
}

html:not([dir="rtl"]) h1:first-letter {
    text-transform: uppercase;
}

.landing_page {
    overflow: hidden;
}

/*
#sidebar {
  height: 250px;
  width: 10px;
  position: fixed;
  text-align: center;
  padding: 10px;
  margin-left: 10px;
}

#sidebar p i {
  left: 30px;
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
}

#sidebar .social {
  margin-left: -200px;
  width: 230px;
  padding: 0;
  display: inline-table;
  height: 0px;
  background-color: rgba(128, 128, 128, 0.73);
  -moz-transition-property: margin-left;
  -moz-transition-duration: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-property: margin-left;
  -ms-transition-duration: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-property: margin-left;
  -o-transition-duration: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-property: margin-left;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s;
  box-shadow: 0px 0px 6px 0px #3E3D3D;
  cursor: pointer;
}

#sidebar .social:hover {
  margin-left: -30px;
  width: 230px;
  background-color: #3b5998;
}*/

/*
.facebook:hover {
  background-color: #3b5998;
}

.twitter:hover {
  background-color: #4099FF;
}

.google:hover {
  background-color: #DD4B39;
}
*/

/*.linkedin p i {
  left: 20px;
}

.google p i {
  left: 35px;
}

.youtube p i {
  left: 18px;
}*/

/*
.youtube:hover {
  background-color: #E52D27;
}

.linkedin:hover {
  background-color: #0976B4;
}*/

/* Floating Social Media Bar Style Starts Here */

.float-sm {
    background-color: #fff;
    display: block;
    box-shadow: 0 5px 15px #00000029;
    border-radius: 100px;
    position: fixed;
    padding: 0;
    right: 20px;
    bottom: 20vh;
    z-index: 1000;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    /* margin: auto; */
    text-align: center;
}

.float-sm:hover {
    box-shadow: 0 5px 5px #00000029;
}

.fl-fl:focus {
    box-shadow: none;
}

.fl-fl {
    text-align: center;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin: 0;
    background-color: transparent;
    padding: 0;
    line-height: 1.2;
    border: 0;
    border-radius: 0;
    display: block;
    padding: 12px 15px;
    margin: auto;
}

.social_media .tooltip-inner {
    background-color: #fff;
    opacity: 1;
    color: #000;
    box-shadow: 0 5px 5px #00000029;
}

.video iframe {
    width: 1208px;
    height: 759px;
    max-width: 100%;
    display: block;
    border-radius: 50px;
    box-shadow: 0px 5px 15px 0px #00000029;
    margin: auto;
}

.tooltip.show.social_media {
    opacity: 1;
}

.social_media .arrow:before {
    border-left-color: #fff;
}

.fl-fl.facebook svg {
    width: 16px;
}

.fl-fl.instagram svg {
    width: 30px;
}

.fl-fl.linkedin svg {
    width: 25px;
}

.fl-fl.twitter svg {
    width: 30px;
}

.fl-fl.youtube svg {
    width: 30px;
}

/* Floating Social Media Bar Style Ends Here */

/**************************************************************************************/

body {
    /*padding-top: 100px;*/
    font-size: 16px;
}

p {
    color: #6c6c6f;
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    color: #3C3C3c;
}

/*Landing page bfox*/

body#landing_page {
    /*    background-image: url(../img/bg-header.png) ,url(../img/bg-footer.png);
    background-repeat: no-repeat;
    background-position: top , bottom;
    background-size: 100% 900px,100% 700px;*/
    background-color: #fff;
}

/*section 1*/

/*.landing_page .s1 {
    background-image: -moz-linear-gradient( 90deg, rgb(247,181,51) 0%, rgb(244,138,61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(247,181,51) 0%, rgb(244, 146, 59) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(247,181,51) 0%, rgb(244,138,61) 100%);
}*/

@media screen and (max-width: 767px) {
    .landing_page .s1 .hero-text h1 {
        font-size: 32px !important;
    }
    .landing_page .s1 .hero-text h2 {
        font-size: 15px !important;
    }
    .landing_page .s1 .hero-text p {
        font-size: 16px !important;
    }
}

.landing_page .s1 h1 {
    font-size: 58px;
    font-weight: 700;
    color: #fff;
}

.landing_page .s1 h2 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin: 20px;
}

.landing_page .s1 p {
    margin-bottom: 29px;
    max-width: 100%;
}

.landing_page .s1 .apps {
    margin-top: 30px!important;
    display: flex;
    justify-content: center;
}

/*section 2*/

.landing_page .s2 .video img {
    border-radius: 50px;
    max-width: 100%;
    object-fit: cover;
}

.landing_page .s2_ {
    background-color: #F5F3F2;
    margin-bottom: 50px;
}

.landing_page .s2_ li, #home .s2_ li {
    list-style-image: url(../img/close_list.png);
    color: #696969;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 30px;
    padding-left: 10px;
}

.landing_page .s2_ h4 {
    color: #EC6D06;
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px;
}

.landing_page .s2_ .img img, #home .s2_ .img img {
    padding-top: 75px;
    max-width: 100%;
}

.landing_page .s2 .video {
    position: relative;
}

.landing_page .s2 .video .caption_video {
    /*.landing_page .s2 .video {*/
    position: relative;
    border-radius: 50px;
    box-shadow: 0px 5px 15px 0px #00000029;
    margin: auto;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.play_button {
    position: absolute;
    width: 251px;
    height: 251px;
}

.header_landing .navbar {
    padding: 0.6rem 1rem;
    margin-bottom: -1px;
    background-color: transparent;
}

footer.footer_landing .reseaux a.text-footer:hover, footer.footer_landing .reseaux a.text-footer:focus {
    -webkit-box-shadow: 0px 0px 18px 3px #fff;
    -moz-box-shadow: 0px 0px 18px 3px #fff;
    box-shadow: 0px 0px 18px 3px #fff;
}

.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all ease 500ms;
}

.video-overlay.open {
    position: fixed;
    z-index: 1000;
    opacity: 1;
}

@media(max-width: 992px) {
    .video-overlay-close {
        display: block!important;
    }
}

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 500px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.video-overlay-close {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 27px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

img.lecture-video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    transition: all 1s;
}

a#play-video {
    display: block;
    width: 100%;
    height: 100%;
}

.video:hover .video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-play-button i {
    font-size: 100px;
    color: #fff;
    line-height: 0.85;
    border-radius: 100%;
}

/*section 3*/

.landing_page .s3 h3 {
    color: #ec6d06;
    margin-bottom: 60px;
    font-weight: 700;
    font-size: 36px;
    margin-top: 55px;
}

.landing_page .s3 p {
    color: #696969;
    font-size: 22px;
    text-align: justify;
    line-height: 1.2;
}

.landing_page .s3 .bg-color {
    background-color: #fef9f3;
    padding-top: 70px;
}

.landing_page .s3 .mt {
    margin-top: 30px;
}

.landing_page .s3 ul li {
    color: #696969;
    font-size: 22px;
    list-style-image: url(../img/img_list.png);
    padding-left: 12px;
    margin-bottom: 15px;
}

.landing_page .s3 h5 {
    font-size: 22px;
    color: #696969;
    margin-bottom: 20px;
}

/*section 4*/

.landing_page .s4 h3, #home .s4 h3 {
    color: #6f6f6f;
    font-size: 36px;
    font-weight: 700;
    padding: 70px 285px;
}
.landing_page .sect-media h3{
    color: #6f6f6f;
    font-size: 36px;
    font-weight: 700;
}

.landing_page .s4 h4, #home .s4 h4 {
    color: #ec6d06;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.landing_page .s4_, #home .s4_ {
    margin: 45px 0px;
}

.landing_page .s4_ .blockquote:before, #home .s4_ .blockquote:before {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 0;
    content: url(../img/quote.png);
}

.landing_page .s4_ .quote h3, #home .s4_ .quote h3 {
    font-size: 35px;
    z-index: 1;
    position: relative;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
}

.landing_page .s4_ .blockquote p, #home .s4_ .blockquote p {
    z-index: 1;
    position: relative;
    color: #fff;
    font-size: medium !important;
}

.landing_page .s4_ .quote, #home .s4_ .quote {
    background-color: #F49802;
    border-radius: 5px;
    padding: 45px 30px 25px 30px;
    height: 100%;
}

.landing_page .s4_ .blockquote p, #home .s4_ .blockquote p {
    z-index: 1;
    position: relative;
}

.landing_page .s4_ .img_temoignage, #home .s4_ .img_temoignage {
    border: 1px solid #F8A800;
    border-radius: 5px;
    padding: 30px;
}

#home .s4_ .img_temoignage {
    padding: 40px 30px;
}

.landing_page .s4_ .img_temoignage img, #home .s4_ .img_temoignage img {
    max-width: 100%;
    border-radius: 10px;
}

.landing_page .s4_ .mlr, #home .s4_ .mlr {
    margin: 0 85px;
}

/* encourage part */

.s4_.encourage {
    margin: 100px 0;
}

.s4_ div.encourage {
    width: 50%;
}

@media screen and (max-width:767px) {
    .s4_ div.encourage {
        width: 100%;
    }
}

/*  */

.landing_page .circle img {
    display: inline-block;
    top: 50%;
    left: 50%;
    right: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.landing_page .circle {
    margin-top: 100px;
    border: 3px solid #f48b3d;
    width: 177px;
    height: 177px;
    border-radius: 100%;
    margin: auto;
    display: table;
    position: relative;
}

.landing_page .s4 .row:before {
    content: '';
    margin: auto;
}

.landing_page .s4 .row:after {
    content: '';
    margin: auto;
}

.landing_page .s4 {
    background-color: #fef9f3;
    background-image: url(../img/triangle.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 50px;
}

/*section 5*/

.landing_page .s5 {
    padding: 90px 0;
}

.landing_page .s5 h2 {
    color: #484848;
    font-weight: 700;
    font-size: 50px;
}

.landing_page .s5 .contact {
    position: relative;
    display: inline-block;
    padding: 15px 35px;
    color: #fff;
    border-radius: 25px;
    background-color: #f5913b;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
}

.landing_page .s5 .contact:hover, .landing_page .s5 .contact:focus {
    -webkit-box-shadow: 0px 0px 18px 3px #f48b3d;
    -moz-box-shadow: 0px 0px 18px 3px #fff;
    box-shadow: 0px 0px 18px 3px #f48b3d;
}

.landing_page .s5 .contact:after {
    content: url(../img/send2.png);
    position: absolute;
    right: -65px;
    top: -60px;
    z-index: -1;
}

.landing_page .subscribe, #home .subscribe {
    background-color: #F5F3F2;
    text-align: center;
    padding: 45px 10px 30px 10px;
}

#home .subscribe {
    background-color: #fff;
}

.landing_page .subscribe h2, #home #section6 .subscribe h2 {
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 30px;
}

.landing_page .subscribe form, #home .subscribe form {
    max-width: 100%;
    width: 638px;
    margin: auto;
}

.landing_page .subscribe form input, #home .subscribe form input {
    text-align: center;
    border: 1px solid #F5913B;
    border-radius: 24.6px;
    padding: 12px 5px;
}

.landing_page .subscribe form button, #home .subscribe form button {
    position: relative;
    display: inline-block;
    padding: 5px 35px;
    color: #fff;
    border-radius: 24.6px;
    background-color: #f5913b;
    font-weight: 700;
    font-size: 20px;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
}

.landing_page input::placeholder, #home input::placeholder {
    color: #707070;
    opacity: 1;
    /* Firefox */
    font-size: 20px;
}

.landing_page input:-ms-input-placeholder, #home input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #707070;
    font-size: 20px;
}

.landing_page input::-ms-input-placeholder, #home input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #707070;
    font-size: 20px;
}

.landing_page .subscribe form input, #home .subscribe form input {
    color: #707070;
    font-size: 20px;
}

.footer_landing {
    background-image: -moz-linear-gradient( 90deg, rgb(247, 181, 51) 0%, rgb(244, 138, 61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(247, 181, 51) 0%, rgb(244, 146, 59) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(247, 181, 51) 0%, rgb(244, 138, 61) 100%);
    margin-top: -1px;
}

/* header & footer*/

.navbar {
    padding: 0.6rem 1rem;
    background-color: #fffc;
}

.navbar-toggler {
    padding: 0;
    outline: 0;
}

.navbar-brand span {
    color: #fed136;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.navbar-brand {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

/*.lang:before {
    margin-right: 10px;
    vertical-align: -10px;
}

.li-fr:before {
    content: url('../img/fr.png');
}
.li-ar:before {
    content: url('../img/ara12.png');

}

.li-en:before {
    content: url('../img/en.png');
}

.li-nl:before {
    content: url('../img/nr.png');
}*/

body .navbar-toggler-icon {
    background-color: #f3803f;
}

nav {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border: none;
}

@media(max-width: 991px) {
    #nav2 {
        display: none!important;
    }
    #header2 .dropdown-menu {
        top: 100px!important;
        left: -190px!important;
    }
}

@media(max-width: 2000px) and (min-width: 993px) {
    #header2 .dropdown-menu {
        top: 260%!important;
        left: -170px!important;
    }
}

.dropdown-item {
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    -webkit-transition: .1s all ease;
    -moz-transition: .1s all ease;
    transition: .1s all ease;
}


.text-intro {
    width: 90%;
    margin: auto;
    text-align: center;
    padding-top: 30px;
}

#header2 .fixed-top .dropdown-menu {
    top: 140%!important;
}


#header1 .navbar {
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
}

#header1 .navbar-nav .nav-item .nav-link {
    padding: 10px 5px!important;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #3a3a3a;
    -webkit-transition: 1.3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
    margin: 10px 15px 0px;
    position: relative;
}


#header1 .navbar-nav .nav-item .nav-link.find_coach:hover {
    box-shadow: none;
}

body:not(.blog_pages) #header1 a.nav-link:not(.cours):not(.lang):hover:after {
    border-bottom: 2px solid #f48e3c;
}

.header_landing .navbar-nav .nav-item .nav-link, body.blog_pages .navbar-nav .nav-item .nav-link {
    position: relative;
    padding: 10px 0px;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #fff;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
    margin: 5px 25px;
}

#header1 .navbar-nav .nav-item .nav-link.lang, .header_landing .navbar-nav .nav-item .nav-link.lang {
    padding: 2px 15px 2px 10px;
    background-color: #F9B500;
    border-radius: 5px;
    margin: 15px 0 0px 60px;
    font-weight: 700;
    cursor: pointer;
}

#header1 .navbar-nav .nav-item .nav-link.lang {
    color: #fff;
    padding: 2px 15px 2px 10px!important;
}

/* .blog #header1 .navbar-nav .nav-item .nav-link.lang {
    color: #000!important;
} */

/* .blog #header1 .navbar-nav .nav-item .nav-link.lang{
background-color: #fff!important;
} */

.header_landing .navbar-nav .nav-item .nav-link.find_coach:after, #header1 .navbar-nav .nav-item .nav-link.find_coach:after {
    left: 0;
    width: 100%;
}

.header_landing .navbar-nav .nav-item .nav-link.find_coach:hover:after, #header1 .navbar-nav .nav-item .nav-link.find_coach:hover:after {
    left: 50%;
    width: 0;
}

.header_landing a.nav-link:not(.cours):not(.lang):after, body.blog_pages #header1 a.nav-link:not(.lang):after, #header1 a.nav-link:not(.cours):not(.lang):after {
    content: '';
    display: block;
    margin-top: 8px;
    border-bottom: 2px solid #fff;
    left: 50%;
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 0;
}

#header1 a.nav-link:not(.cours):not(.lang):after {
    border-bottom: 2px solid #000;
}

#header1 a.nav-link:not(.cours):not(.lang):after {
    border-bottom: 2px solid #000;
}

#header1 .dropdown-toggle::after, #header2 .dropdown-toggle::after, .header_landing .navbar-nav .nav-item .nav-link.lang:after, #header1 .navbar-nav .nav-item .nav-link.lang:after {
    height: 15px;
    display: inline-block;
    margin-left: 5px!important;
    vertical-align: baseline;
    content: "\f107";
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    font-weight: 600;
    font: normal 600 normal 15px/1 FontAwesome;
}

.header_landing a.nav-link:hover:not(.cours):not(.lang):after, body.blog_pages #header1 a.nav-link.active:not(.cours):not(.lang):after, body.blog_pages #header1 a.nav-link:hover:not(.cours):not(.lang):after {
    left: 0;
    width: 100%;
}

#header1 .navbar-nav .dropdown>.dropdown-menu {
    transition: 0.3s all ease-in-out;
}

#header1 .navbar-nav .dropdown:hover>.dropdown-menu {
    display: block;
    top: 100%;
}

#header1 .navbar-nav .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

html:not([dir="rtl"]) #header1 .navbar-nav .nav-item .nav-link:first-letter {
    text-transform: uppercase;
}

#header1 .navbar-nav .nav-item .nav-link:not(.dropdown-toggle), .header_landing .navbar-nav .nav-item .nav-link.cours {
    border-radius: 100px;
}

.header_landing .navbar-nav .nav-item .nav-link.cours, #header1 .navbar-nav .nav-item .nav-link.cours {
    background: linear-gradient(to bottom, #EC6D06, #F49802, #F9B500);
    margin-left: 10px;
    padding: 10px 30px!important;
    border: 1.5px solid #EC6D06;
}

.header_landing .navbar-nav .nav-item .nav-link.cours span, #header1 .navbar-nav .nav-item .nav-link.cours span {
    color: #fff;
    font-weight: 700;
    z-index: 2;
    position: relative;
}

.header_landing .navbar-nav .nav-link.cours:after, #header1 .navbar-nav .nav-link.cours:after {
    border-radius: inherit;
    background-image: -webkit-linear-gradient(to bottom, #F9B500, #F49802, #EC6D06);
    background: linear-gradient(to bottom, #F9B500, #F49802, #EC6D06);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
}

.header_landing .navbar-nav .nav-link.cours:focus:after, .header_landing .navbar-nav .nav-link.cours:hover:after, #header1 .navbar-nav .nav-link.cours:focus:after, #header1 .navbar-nav .nav-link.cours:hover:after {
    opacity: 1;
}

body:not(.blog_pages) #header1 .navbar-nav .nav-link:not(.dropdown-toggle):focus, body:not(.blog_pages) #header1 .navbar-nav .nav-link:not(.dropdown-toggle):hover {
    -webkit-box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.62);
    box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.62);
}

#header1 .navbar-nav .nav-link:focus, #header1 .navbar-nav .nav-link:hover {
    color: #f48e3c;
    outline: 0;
}

body:not(.blog_pages) #header1 .navbar-nav .nav-link.active {
    outline: 0;
    -webkit-box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.62);
    box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.62);
}

#header1 .navbar-nav .nav-link.active {
    color: #f48e3c!important;
    pointer-events: none;
}

#header1 .navbar-nav .active>.nav-link, #header1 .navbar-nav .nav-link.active, #header1 .navbar-nav .nav-link.show, #header1 .navbar-nav .show>.nav-link {
    color: #3a3a3a;
}

#header1 .dropdown-item {
    padding: 10px 27px!important;
    color: #16181b;
    text-transform: uppercase;
}

#header1 .dropdown-item:focus, #header1 .dropdown-item:hover {
    background-color: #f8f9fa;
}

#header1 .dropdown-item.active, #header1 .dropdown-item:active {
    color: #3a3a3a;
    text-decoration: none;
    background-color: transparent;
}

#header1 .dropdown-menu {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 5px 13px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 13px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 13px -12px rgba(0, 0, 0, 0.75);
}

#header1 .dropdown-toggle::after, #header2 .dropdown-toggle::after {
    display: inline-block;
    margin-left: 5px!important;
    vertical-align: -2px;
    content: "\f107";
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    font-weight: 600;
    font: normal 600 normal 20px/1 FontAwesome;
}

/* footer */

.pt-60 {
    padding-top: 60px;
}

footer.footer_landing {
    padding-bottom: 60px;
}

footer.footer_landing h4:after {
    content: '';
    display: block;
    margin-top: 8px;
    border-bottom: 3px solid #fff;
    position: absolute;
    left: 0;
    width: 100%;
}

footer.footer_landing .col2 li:hover {
    margin-left: 5px;
}

footer.footer_landing h4, footer.footer_landing h5, footer.footer_landing .col2 .text-footer {
    font-weight: 700;
    color: #fff;
}

footer.footer_landing h4 {
    font-size: 28px;
    position: relative;
    width: fit-content;
    margin-bottom: 30px;
}

footer.footer_landing h5 {
    font-size: 22px;
    margin-bottom: 20px;
}

footer.footer_landing .col2 .text-footer {
    margin-top: 10px;
    display: inline-block;
    font-size: 20px;
}

.landing_page .s1 p {
    color: #fff;
    font-size: 20px;
    text-align: justify;
    line-height: 1.4;
    width: 600px;
    text-align: center;
    margin: auto;
    margin-bottom: 60px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

footer.footer_landing .col1 p {
    margin: 35px 0 25px 0;
    font-size: 20px;
    color: #fff;
}

footer.footer_landing .apps a, .landing_page .apps a {
    display: block;
}

footer.footer_landing .apps img {
    display: block;
    width: 100%;
    text-align: center;
    margin: auto;
}

footer.footer_landing .reseaux a.text-footer {
    display: inline-block;
    border-radius: 100px;
    margin-bottom: 20px;
}

footer.footer_landing .reseaux li {
    display: initial;
    /*display: inline-block;*/
    margin-right: 40px;
}

.mr-col1 {
    margin-right: 56px;
}

.ml-col2 {
    margin-left: 90px;
}

@media (min-width: 1440px) {
    .col-lg5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
        padding: 0;
    }
    .bg-color .center-verticaly {
        margin-right: 100px;
    }
    .mt:not(.bg-color) .center-verticaly {
        margin-left: 100px;
    }
}

@media (max-width: 1439px) {
    #home #section2 .steps_coach .m20:nth-child(2) .svg_number {
        bottom: -15px!important;
    }
    .landing_page .s4 h3 {
        padding: 50px 0px;
    }
}

@media (max-width: 1440px) and (min-width: 1200px) {
    .col-lg5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18%;
        flex: 0 0 18%;
        max-width: 18%;
        padding: 0;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .col-lg5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding: 0;
    }
    .circle {
        width: 157px;
        height: 157px;
    }
    .landing_page .s4 h4 {
        font-size: 25px;
        margin-top: 30px;
    }
    .mr-col1 {
        margin-right: 0!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mr-col1 {
        margin-right: 0!important;
    }
    .col-ssm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    #mon-espace h1, #about h1, #aide h1, #legal h1, #charte h1 {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
    }
    #aide .help {
        padding: 15px!important;
    }
    #social-media .card {
        padding: 10px!important;
    }
    #social-media h2 {
        font-size: 15px!important;
        margin-bottom: 20px!important;
    }
    #social-media input.input-with-addon {
        padding: 10px!important;
        font-size: 15px!important;
    }
    #social-media .info h2 {
        font-size: 22px!important;
        margin-top: 16px!important;
    }
    #tarifs .btn#suivant, #tarifs .btn#precedent, #localisation .btn#suivant, #localisation .btn#precedent, #social-media .btn#suivant, #social-media .btn#precedent, #parcours .btn#suivant, #parcours .btn#precedent {
        padding: 10px!important;
        margin-top: 15px!important;
        font-size: 15px!important;
    }
    #tarifs .next a i.fa.fa-angle-right, #localisation .next a i.fa.fa-angle-right, #social-media .next a i.fa.fa-angle-right, #parcours .next a i.fa.fa-angle-right {
        font-size: 15px!important;
    }
    #social-media span.input-group-text {
        font-size: 20px!important;
        padding: 0px 5px!important;
    }
    #localisation .next, #parcours .next, #social-media .next {
        padding: 25px 0 15px 0!important;
    }
    #header2 .dropdown a.dropdown-item {
        padding: 10px!important;
        font-size: 13px!important;
    }
    #tarifs .next a.page-monespace, #localisation .next a.page-monespace, #social-media .next a.page-monespace, #parcours .next a.page-monespace {
        margin: 30px 0 0 0!important;
        font-size: 15px!important;
    }
    #tarifs .btn#suivant i.fa.fa-angle-right, #tarifs .btn#precedent i.fa.fa-angle-left, #localisation .btn#suivant i.fa.fa-angle-right, #localisation .btn#precedent i.fa.fa-angle-left, #social-media .btn#precedent i.fa.fa-angle-left, #social-media .btn#suivant i.fa.fa-angle-right, #parcours .btn#suivant i.fa.fa-angle-right, #parcours .btn#precedent i.fa.fa-angle-left {
        font-size: 15px!important;
    }
    #header2 .dropdown-menu {
        left: -100px!important;
    }
    #localisation .cell-table {
        display: block!important;
    }
    #localisation .table {
        display: block!important;
        text-align: center;
    }
    #recu-paiements .card-block, #recu-paiements .card-header, #recu-paiements .card-footer, #historique-cours .card-block, #historique-cours .card-header, #historique-cours .card-footer {
        padding: 10px!important;
    }
    #recu-paiements .card-header h2, #recu-paiements .card-header span, #recu-paiements .card-footer h2 {
        font-size: 17p !important;
    }
    #recu-paiements .card-block p, #recu-paiements .card-block h4 {
        font-size: 16px!important;
    }
    #recu-paiements .card.profile-card, #historique-cours .card.profile-card {
        padding: 15px 5px!important;
    }
    .My-article-blog.More.Une .cover {
        height: 200px!important;
    }
    .My-text-article {
        font-size: 22px!important;
    }
    #blog-span3 {
        font-size: 15px!important;
    }
    .blog-span4 {
        font-size: 14px!important;
    }
    h2.My-article-category {
        font-size: 17px!important;
        padding: 10px!important;
    }
    .equal_h {
        height: auto!important;
    }
    #landing_page .navbar-collapse {
        right: 15px;
    }
    .landing_page .s3 h3 {
        font-size: 25px;
    }
    .landing_page .s3 h5, .landing_page .s3 ul li, .landing_page .s3 p {
        font-size: 16px;
    }
    .landing_page .s3 h3 {
        margin-bottom: 10px;
    }
    .landing_page .s2_ {
        margin-bottom: 20px;
    }
    .landing_page .s2_ li {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .landing_page .s1 p {
        margin-bottom: 15px;
    }
    footer.footer_landing .apps a, .landing_page .apps a img {
        width: 135px;
    }
    .mr-col1 {
        margin-right: 0!important;
    }
    .ml-col2 {
        margin-left: 0px!important;
    }
    footer.footer_landing .apps a, .landing_page .apps a {
        display: block!important;
        margin: 5px;
    }
    footer.footer_landing .apps img {
        width: 100%!important;
    }
    body#landing_page {
        background-size: 100% 1360px, 100% 1138px;
    }
}

@media (max-width: 575px) {
   /* .landing_page .s2 .video {
        height: 308px!important;
    }*/
    body#landing_page {
        background-size: 100% 1530px, 100% 1295px;
    }
    .landing_page .s5 {
        padding: 60px 0 128px 0!important;
    }
    .video:hover .video-play-button:before {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 375px) {
    .landing_page .s5 .contact:after {
        right: -58px;
    }
    .landing_page .s5 .contact:after {
        z-index: 0;
    }
    .s3 img {
        width: 75%;
    }
    .video-overlay iframe {
        width: 90%;
        height: 263px;
    }
    body#landing_page {
        background-size: 100% 1400px, 100% 1355px;
    }
    .pl5 {
        padding-left: 5px;
    }
    .pr5 {
        padding-right: 5px;
    }
}

@media (max-width: 991px) {
    #home #section3 ul.list {
        padding-left: 0;
    }
    .landing_page .s4_ .mlr, #home .s4_ .mlr {
        margin: 0;
    }
    #home #section3 ul.list li:before {
        margin-right: 5px;
    }
    .landing_page .s2_ ul, #home .s2_ ul {
        margin-top: 30px;
    }
    .landing_page .s2_ .img img {
        padding-top: 10px;
    }
    .landing_page .s4_ .img_temoignage {
        margin-bottom: 10px;
    }
    .landing_page .s5 {
        text-align: center;
    }
    .landing_page .s5 h2 {
        margin-bottom: 45px;
    }
    footer.footer_landing {
        padding-bottom: 0;
    }
    .pt-60 {
        padding-top: 25px;
    }
    footer.footer_landing .col1 p {
        margin: 30px 0 20px 0;
    }
    footer.footer_landing h5 {
        margin-bottom: 15px;
    }
    footer.footer_landing h4 {
        margin-bottom: 20px;
    }
    footer.footer_landing .col2 .text-footer {
        margin-top: 5px;
    }
   /* .landing_page .s2 .video {
        height: 433px;
    }*/
    .landing_page .s3 h3 {
        margin-bottom: 18px;
        margin-top: 30px;
    }
    .landing_page .s3 .bg-color {
        padding-top: 0px;
    }
    #landing_page .navbar-toggler-icon {
        background-color: transparent;
    }
    #landing_page .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    #landing_page .navbar-toggler {
        outline: 0;
    }
    .header_landing .navbar-nav .nav-item .nav-link.cours, #header1 .navbar-nav .nav-item .nav-link.cours {
        margin: 10px 10px 3px 10px!important;
        display: inline-block;
    }
    #landing_page .navbar-collapse {
        position: absolute;
        top: 80px;
        background-color: #fff;
        z-index: 1;
        right: 30px;
        border-radius: 25px;
    }
    .header_landing .navbar-nav .nav-item .nav-link:not(.lang) {
        color: #f48b3d;
    }
    .header_landing a.nav-link:not(.cours):not(.lang):after {
        border-bottom: 2px solid #f48b3d;
    }
    #landing_page .navbar-nav {
        padding-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    #header1 .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }
    img.logo_blog {
        width: 75px;
    }
    .categorie-class {
        font-size: 16px!important;
        padding: 10px 0;
    }
    .video iframe, .video .youtube_video, .landing_page .s2 .video img {
        height: 390px!important;
        border-radius: 10px!important;
        width: auto;
    }
    .landing_page .s2 .video img {
        object-fit: cover;
    }
    #home #section2 h2{
        font-size: 35px !important;
    }
    #home #section2 .steps_coach .m20:nth-child(2) .svg_number {
        bottom: auto!important;
    }
    #home #section2 .steps_coach:before {
        display: none;
    }
    #home #section2 .steps_coach .svg_number {
        position: relative !important;
        top: auto!important;
        bottom: auto!important;
    }
    #home #section2 .steps_coach h3 {
        margin-top: 10px !important;
    }
    #home #section2 .steps_coach p {
        margin-bottom: 50px !important;
    }
    #header1 .container {
        max-width: 100%;
    }
    #home .s4_ .mlr {
        margin: 0;
    }
    .ml-col2 {
        margin-left: 0;
    }
    #slider_landing img {
        height: 650px;
        object-fit: cover;
    }
    .header_landing .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        margin: 5px 15px;
    }
    .landing_page .s2_ li, #home .s2_ li {
        font-size: 18px;
        margin-bottom: 15px;
        padding-left: 5px;
    }
    .landing_page .s2_ h4 {
        font-size: 25px;
        margin-top: 25px;
    }
}

@media(min-width: 1440px) {
    .row.position-relative {
        margin: 0 90px;
    }
}

@media (max-width: 1400px) {
     /*.landing_page .s2 .video {
       width: 100%;
    }*/
}

footer#footer {
    border-top: 3px solid #f3803d;
    background-color: #fff8f5;
    /*   position: absolute;
    width: 100%;
    bottom: 0;*/
}

#footer span a img {
    width: 117px;
    margin: auto;
}

#footer ul.animate li:hover {
    margin-left: 3px;
    font-weight: 700;
}

#footer ul.animate li, footer.footer_landing ul.animate li, footer.footer_landing a, .landing_page .s1 a {
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease;
}

.landing_page .s1 .medium {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translate(0%, -50%);
}

.landing_page .s1 {
    position: relative;
}

#slider_landing img {
    width: 100%;
}

header.header_landing {
    position: absolute;
    width: 100%;
    z-index: 1;
}

#footer .text-footer {
    color: #3d3c3a!important;
    font-weight: 600;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease;
}

#footer .text-footer:hover, #footer .text-footer:focus {
    text-decoration: none;
    color: #f3803f!important;
}

#footer h5 {
    font-weight: 700;
    color: #ef823f;
}

html:not([dir="rtl"]) #footer h5:first-letter, html:not([dir="rtl"]) ul.copyright li:first-letter, html:not([dir="rtl"]) ul.copyright li:first-child, html:not([dir="rtl"]) .text-footer:first-letter {
    text-transform: capitalize!important;
}

ul.copyright {
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.copyright li {
    display: inline-block;
    font-weight: 600;
    color: #fff;
}

ul.copyright li:first-child:after {
    content: '';
    height: 15px;
    width: 3px;
    vertical-align: baseline;
    background-color: #fff;
    display: inline-block;
    margin: 0 5px 0 10px;
}

.footer-bottom {
    background-color: #f3803f;
}

i.fa.fa-angle-right {
    margin: 0 12px 0 0;
    font-weight: 600;
    font-size: 18px;
}

.reseaux {
    text-transform: capitalize;
    text-align: center;
}

.list-unstyled li {
    margin: 10px 0;
}

#footer .mb-40 {
    margin: -18px 0 40px 0;
}

#footer .m-40 {
    margin: 25px 0px 40px 0;
}

@media(min-width: 768px) {
    #footer .ml {
        margin: 0 0 0 6%;
    }
}

@media(max-width: 767px) {
    #footer .center {
        text-align: center;
    }
}

/* header 2 */

#header2 .dropdown.show .dropdown-toggle::after {
    content: "\f106" !important;
}

#header2 .dropdown-menu {
    top: 260%;
    left: -145px;
    z-index: 1030;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.13);
}

#header2 .dropdown a {
    text-decoration: none!important;
    color: #1f1f1f;
}

#header2 .dropdown a.dropdown-item {
    padding: 17px 40px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 18px;
}

#header2 .dropdown a:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom: 0;
}

#header2 .dropdown a:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.dropdown-item.active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #f2f2f2;
}

.dropdown-item:active {
    background-color: transparent;
}

html:not([dir="rtl"]) #header2 .dropdown-item:first-letter, html:not([dir="rtl"]) #header2 .navbar-nav .nav-link:first-letter {
    text-transform: uppercase;
}

#header2 .image--cover {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center right;
}

#header2 .navbar-nav .nav-link {
    padding: 17px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#header2 #nav2 .navbar-nav .active .nav-link {
    font-weight: 700;
}

#nav2 {
    background-color: #1f1f1f;
    padding: 0!important;
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
}

.hover-underline-menu {
    width: 100%;
}

.hover-underline-menu .navbar-nav .underline-from-center {
    position: relative;
}

.hover-underline-menu .navbar-nav .underline-from-center::after {
    content: "";
    position: absolute;
    top: calc(100% - 0.300rem);
    border-bottom: 0.300rem solid #fefefe;
    left: 50%;
    margin: 0 45px;
    right: 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hover-underline-menu .navbar-nav .active .underline-from-center::after, .hover-underline-menu .navbar-nav .underline-from-center:hover::after {
    left: 0;
    right: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*content Home page*/

#home #connexion .card-body p {
    color: #3C3C3C;
    font-size: 13px;
    left: 0;
    margin-top: 10px;
}

#home #connexion .card-body p a, [data-target="#staticBackdrop"] {
    font-weight: 600;
    color: #04B7D8;
    font-size: 13px;
    text-decoration: underline!important;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#home #connexion .card-body p a:hover, [data-target="#staticBackdrop"]:hover {
    color: #0056b3;
}

#home #connexion .card-body p {
    margin-bottom: 0;
    margin-top: 15px;
}

#home .img-header {
    background-image: url(../img/image-header-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 65px 0;
}

.img-header .row.m-lr .center:before {
    top: -157px;
    content: url(../img/image-header-1.png);
    position: absolute;
}

@media(min-width: 992px) {
    .img-header .row.m-lr .center:before {
        transform: scale(.9);
        right: -35px;
    }
}

@media(max-width: 991px) and (min-width: 768px) {
    .img-header .row.m-lr .center:before {
        transform: scale(.7);
        right: -125px;
    }
    body#landing_page {
        background-size: 100% 753px, 100% 880px;
    }
}

@media (max-width: 767px) {
    .img-header .row.m-lr .center:before {
        transform: scale(.5);
        right: -50%;
        left: -50%;
    }
}

.wow {
    /*visibility: hidden;*/
    opacity: 0;
}

#home h6.mb-3.wow.fadeInLeft {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-top: 40px;
    letter-spacing: 1;
    word-spacing: 4px;
    line-height: 1.5;
}

#home h1.wow.fadeInLeft {
    letter-spacing: 1;
    word-spacing: 1px;
}

html:not([dir="rtl"]) #home h1.wow.fadeInLeft:first-letter, html:not([dir="rtl"]) #home .card .card-body h3:first-letter {
    text-transform: uppercase;
}

#home .card.wow.fadeInRight {
    border-radius: 12px!important;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.28);
    -moz-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.28);
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.28);
}

#home .card .card-body h3 {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.swal2-container{
    z-index: 10000 !important;
}
#discipline .swal2-container .swal2-styled, #agenda .swal2-container .swal2-styled {
    margin-left: .5rem!important;
    margin-right: .5rem!important;
    margin-bottom: 0!important;
}

.swal2-popup .swal2-actions {
    margin: 0!important;
}

#home .img-header .btn, #discipline .swal2-container .swal2-styled, #agenda .swal2-container .swal2-styled {
    margin: 5px 0;
    width: 100%;
    border-radius: 100px!important;
    color: #fff;
    font-size: 14px!important;
}

#home .btn.devenir_coach {
    color: #EC6D06!important;
    font-weight: 700;
    font-size: 22px!important;
    background-color: #fff;
    display: inline-block;
    width: auto!important;
    padding: 15px 75px;
    border-radius: 100px;
    line-height: 1.4;
}

#home .s5_ .btn.devenir_coach {
    margin-top: 40px;
    box-shadow: 0 5px 15px #00000029;
}

#home .btn.devenir_coach:hover, #home .btn.devenir_coach:focus {
    box-shadow: 0 5px 15px #00000029;
}

#home .btn.connexion, #discipline .swal2-container .swal2-confirm, #agenda .swal2-container .swal2-confirm {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f4a620;
    margin-top: 40px;
    font-size: 16px!important;
}

#home .btn.connexion:hover, .btn.connexion:focus, #discipline .swal2-container .swal2-confirm:hover, #discipline .swal2-container .swal2-confirm:focus, #agenda .swal2-container .swal2-confirm:hover, #agenda .swal2-container .swal2-confirm:focus {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(244, 166, 32, 0.70);
}

#home .facebook .btn, #home .linkedin .btn, #home .google .btn, #home .btn-secondary, #discipline .swal2-container .swal2-cancel, #agenda .swal2-container .swal2-cancel {
    font-weight: 600;
}

html:not([dir="rtl"]) #home .facebook .btn:first-letter, html:not([dir="rtl"]) #home .linkedin .btn:first-letter, html:not([dir="rtl"]) #home .google .btn:first-letter {
    text-transform: uppercase;
}

#home .facebook .btn {
    background-color: #2e5187;
}

#home .facebook .btn:hover, #home .facebook .btn:focus {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(46, 81, 135, 0.70);
}

#home .linkedin .btn {
    background-color: #127db5;
}

#home .linkedin .btn:hover, #home .linkedin .btn:focus {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(18, 125, 181, 0.70);
}

#home .google .btn {
    background-color: #dd4c3b;
}

#home .google .btn:hover, #home .google .btn:focus {
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(221, 76, 59, 0.70);
}

/*hr formulaire connexion*/

#home .hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: #828282;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}

#home .hr-text:before {
    content: '';
    background: #dadada;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

#home .hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
}

/*effect input form connexion*/

#home .effect {
    border: 0;
    padding: 6px 0;
    border-bottom: 2px solid #f0f0f0;
    width: 100%;
}

#home .effect~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#home .effect:focus~.focus-border {
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    left: 0;
}

#home input::placeholder {
    color: #898989;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
    font-size: 16px;
}

#home input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
    font-weight: 600;
    font-size: 16px;
}

#home input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
    font-weight: 600;
    font-size: 16px;
}

input.effect.input:focus, input.effect.input:hover {
    outline: 0;
}

.connexion .col-md-12.p-0:not(:first-child) {
    margin-top: 25px;
}

/*media*/

@media(max-width: 767px) {
    #home .center {
        text-align: center;
    }
}

@media(min-width: 992px) {
    #home #section3 p {
        text-align: center;
        padding: 0 90px;
    }
    #home .row.m-lr .col-md-6:nth-child(2) {
        padding-left: 100px;
    }
    #home .row.m-lr .col-md-6:first-child {
        margin-top: 100px;
    }
}

@media(max-width: 1200px) {
    #home .img-header .card-body {
        padding: 30px 30px;
    }
    .video-overlay iframe {
        width: 90%;
    }
}

@media(min-width: 1201px) {
    #home .img-header .card-body {
        padding: 30px 70px;
    }
    #home .row.m-lr {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media(max-width: 767px) and (min-width: 500px) {
    #home .row.m-lr {
        margin-left: 40px;
        margin-right: 40px;
    }
}

#home .img-header .card-body .btn {
    padding: 0.450rem .75rem;
}

#home div.error p, #home .error {
    color: #dd4c3b;
}

#home #section2 h2.heading {
    font-weight: 800;
    color: #3d3d3d!important;
    margin: 50px 0;
}

#home #section2 .steps_coach h3 {
    color: #3C3C3C;
    font-size: 25px;
    font-weight: 700;
    margin-top: 100px;
}

#home #section2 .steps_coach .col-md-12:nth-child(2) h3 {
    margin-top: 20px;
}

#home #section2 .steps_coach .m20 {
    padding: 0 30px;
}

#home #section2 .steps_coach {
    position: relative;
    min-height: 320px;
}

#home #section2 .steps_coach:before {
    content: url(../img/curl.svg);
    left: -5%;
    width: 110%;
    height: 100%;
    position: absolute;
}

#home #section2 .steps_coach .svg_number {
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
}

#home #section2 .steps_coach .m20:nth-child(2) .svg_number {
    top: auto;
    bottom: -40px;
}

#home #section2 .steps_coach p {
    color: #3C3C3C;
    font-size: 17px;
}

#home #section2 .card {
    height: 100%;
    border-radius: 18px;
    border: 0;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
}

#home #section2 .card:hover, #home #section2 .card:focus {
    background-color: #f4a620;
    cursor: default;
    transform: translateY(-10px);
    background-position: center 100%;
    background-size: 105%;
    box-shadow: none;
}

#home #section2 .card p, #home #section2 .card h4 {
    color: #3e3e3e;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all.1s;
}

#home #section2 .card p {
    font-size: 18px;
}

#home #section2 .card h4 {
    font-weight: 700;
    margin: 15px 0;
    font-size: 22px;
}

#home .s2_ .bg-img {
    padding-bottom: 20px;
}

#home .s5_ .bg-img {
    margin-bottom: 30px;
}

#home .s5_ .btn.devenir_coach {
    margin-top: 0;
}

#home #section2 .card:hover p, #home #section2 .card:focus p, #home #section2 .card:hover h4, #home #section2 .card:focus h4 {
    color: #fff;
}

#home #section2 .card:hover .bg-img-card {
    -webkit-box-shadow: 0px 0px 18px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 18px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 18px -7px rgba(0, 0, 0, 0.19);
}

#home #section2 .bg-img:first-child .card .bg-img-card {
    background-image: url(../img/star.png);
}

#home #section2 .bg-img:nth-child(2) .card .bg-img-card {
    background-image: url(../img/Vector.png);
}

#home #section2 .bg-img:last-child .card .bg-img-card {
    background-image: url(../img/argent.png);
}

#home #section2 .card .bg-img-card {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    object-fit: cover;
    height: 90px;
    background-color: #fff;
    width: 90px;
    border-radius: 100px;
    margin: auto;
}

#home #section2 .content {
    margin-bottom: 60px;
}

#home #section2 .bg-img.equal-blocks {
    margin: 10px 0;
}

/*section 3*/

#home #section3 {
    padding: 60px 0;
    background-color: #fff9f4;
}

#home #section3 ul.list li:before {
    content: '';
    background-image: url('../img/list-img.png');
    display: inline-block;
    background-position: center center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 15px;
}

#home #section3 ul.list {
    list-style: none;
    margin: 0;
    padding-left: 25px;
}

#home #section3 p, #home #section3 li {
    font-size: 18px;
    color: #3e3e3e;
    margin-bottom: 25px;
}

#home #section3 h1.heading {
    font-weight: 800;
    color: #3d3d3d!important;
    margin: 0 0 40px 0;
}

.control input:checked~.control__indicator {
    border: 2px solid #f3803f;
}

.control--radio .control__indicator:after {
    left: 5.5px;
    top: 5.5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #f3803f;
}

.control input:checked~.control__indicator:after {
    display: block;
}

.control input:checked~.control__indicator {
    border: 2px solid #f3803f;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 21px;
    width: 21px;
    border: 2px solid #f0f0f0;
}

.control {
    display: inline-flex;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    margin-left: 30px;
    cursor: pointer;
    font-size: 18px;
}

label {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 600;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 21px;
    width: 21px;
    border: 2px solid #f0f0f0;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control--radio .control__indicator:after {
    left: 5.5px;
    top: 5.5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #f3803f;
}

.control input:checked~.control__indicator:after {
    display: block;
}

@media(max-width: 767px) {
    #home #section3 .center {
        text-align: center;
    }
}

/*section 4*/

#home #section4 {
    margin: 80px 0;
}

#home #section4 h1.heading {
    font-weight: 800;
    color: #3d3d3d!important;
    margin: 90px 0;
}

#home #section4 #slider-1 .item {
    height: 100%;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: cover;
    position: relative;
    -webkit-box-shadow: inset 0px -160px 81px -48px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0px -160px 81px -48px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px -160px 81px -48px rgba(0, 0, 0, 0.6);
}

#home #section4 #slider-1 .owl-item:first-child .item {
    /* background-position: 7% 100%; old code */
    background-position: 45% 5%;
}

#home #section4 #slider-1 .owl-item:nth-child(2) .item {
    background-position: center;
}

#home #section4 p {
    font-size: 18px;
    color: #414141;
}

#home #section4 h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 45px;
    color: #414141;
}

#home #section4 .div-after-slider {
    padding: 100px 50px;
    border: 2px solid #fae1cd;
    border-radius: 10px;
}

#home #section4 .owl-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

#home #section4 .owl-controls .owl-buttons .owl-prev {
    left: 10px;
}

#home #section4 .owl-controls .owl-buttons .owl-next {
    right: 10px;
}

#home #section4 .owl-theme .owl-controls .owl-buttons i {
    font-size: 43px;
    color: #fff;
}

#home #section4 .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    background-color: transparent;
    height: 300px;
}

#home #section4 .owl-theme .owl-controls {
    margin: 0!important;
}

#home #section4 .owl-carousel {
    /*  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.19);*/
    border-radius: 10px;
}

/*caption carousel owl slider*/

#home .caption {
    display: inline-block;
    position: absolute;
    height: auto;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    /* background: rgba(0,0,0,.8); */
    /* z-index: 2; */
    bottom: 0;
    /* display: block; */
    font-weight: 300;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    text-align: center;
    width: 100%;
}

#home .caption {
    /*   -webkit-transform: translateY(-100%);
 transform: translateY(-100%);*/
    opacity: 1;
}

#home .caption h3 {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    margin: 0;
}

#home .caption h5 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

#home p.parole {
    color: #fff!important;
    font-size: 16px!important;
    font-style: italic;
}

#home .caption .hr {
    height: 1px;
    background-color: #fff;
    width: 60%;
    margin: 10px 0;
    text-align: center;
    display: inline-block;
}

#home #slider-1 {
    height: 100%!important;
}

@media(max-width: 767px) {
    #home .first {
        height: 350px!important;
        margin-bottom: 20px;
    }
}

@media(max-width: 991px) {
    #home .first {
        height: 550px!important;
        margin-bottom: 20px;
    }
}

/*section5*/

#home #section5 {
    background-image: url(../img/bg-section5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 65px 0;
}

#home #section5 h2, #home #section5 h5 {
    color: #fff;
    font-weight: 700;
}

#home #section5 h2 {
    font-size: 26px;
}

#home #section5 h5 {
    font-size: 18px;
}

/*section6*/

#home #section6 {
    padding: 60px 0;
    background-color: #fff;
}

#home #section6 h1.heading {
    font-weight: 800;
    color: #3d3d3d!important;
    padding: 60px 0;
}

#home #section6 h2 {
    color: #3f3f3f;
    font-size: 22px;
    margin: 20px 0;
    font-weight: 700;
}

#home #section6 p {
    color: #3f3f3f;
    font-size: 18px;
    padding: 0 15px;
}

#home #section6 .owl-buttons {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
}

#mon-espace .owl-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

#home #section6 .owl-controls .owl-buttons .owl-prev {
    left: -5px;
}

#home #section6 .owl-controls .owl-buttons .owl-next {
    right: -5px;
}

#mon-espace .owl-controls .owl-buttons .owl-prev {
    left: 20%;
}

#mon-espace .owl-controls .owl-buttons .owl-next {
    right: 20%;
}

#home #section6 .owl-theme .owl-controls .owl-buttons i, #mon-espace .owl-theme .owl-controls .owl-buttons i {
    font-size: 30px;
    font-weight: 100;
    color: #fe762a;
    line-height: 1.8;
}

#home #section6 .owl-theme .owl-controls .owl-buttons div, #mon-espace .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    height: 55px;
    width: 55px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#home #section6 .owl-theme .owl-controls .owl-buttons div:hover, #mon-espace .owl-theme .owl-controls .owl-buttons div:hover {
    opacity: 1;
    box-shadow: none;
}

#home #section6 .owl-theme .owl-controls, #mon-espace .owl-theme .owl-controls {
    margin: 0!important;
}

#home #section6 i.fa.fa-angle-right, #mon-espace i.fa.fa-angle-right {
    margin: 0!important;
}

#home #section6 .item div {
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: cover;
    height: 380px;
    margin: 0 10px;
    border-radius: 10px;
}

/*mon espace fox*/

#mon-espace h1, #about h1, #aide h1, #legal h1, #charte h1 {
    font-weight: 800;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 40px;
}

html:not([dir="rtl"]) #mon-espace .etat h2:first-letter, html:not([dir="rtl"]) #mon-espace .etat h3:first-letter {
    text-transform: uppercase;
}

#mon-espace .etat h2 {
    color: #434343;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 15px 0;
}

#mon-espace .etat h3 {
    color: #888888;
    font-size: 16px;
    margin: 15px 0 0 0;
    font-weight: 600;
}

/*mon espace - etat*/

@-webkit-keyframes animate-width {
    0% {
        width: 0;
    }
    100% {
        visibility: visible;
    }
}

@-moz-keyframes animate-width {
    0% {
        width: 0;
    }
    100% {
        visibility: visible;
    }
}

@keyframes animate-width {
    0% {
        width: 0;
    }
    100% {
        visibility: visible;
    }
}

@-webkit-keyframes animate-height {
    0% {
        height: 0;
    }
    100% {
        visibility: visible;
    }
}

@-moz-keyframes animate-height {
    0% {
        height: 0;
    }
    100% {
        visibility: visible;
    }
}

@keyframes animate-height {
    0% {
        height: 0;
    }
    100% {
        visibility: visible;
    }
}

#mon-espace .etat .stat-bar {
    background-color: #f0f0f0;
    height: 8px;
    overflow: hidden;
    border-radius: 100px;
    margin-bottom: 20px;
}

#mon-espace .etat .stat-bar-rating {
    border-radius: 100px;
    float: left;
    width: 0;
    height: 100%;
    text-indent: -9999px;
    background-color: #428bca;
}

#mon-espace .etat .stat-1>.stat-bar-rating {
    background-color: #f3aa1f;
}

#mon-espace .etat .stat-bar-rating {
    visibility: hidden;
    width: 0;
    -webkit-animation: animate-width;
    -moz-animation: animate-width;
    animation: animate-width;
    animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

#mon-espace .etat .stat-bar:nth-of-type(1) .stat-bar-rating {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

#mon-espace .etat {
    background-color: #fff;
    padding: 15px 40px;
    border-radius: 15px;
}

#mon-espace .menu {
    background-color: #fff;
    padding: 15px 10px;
    border-radius: 15px;
    margin: 25px 0;
}

#mon-espace .menu ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

html:not([dir="rtl"]) #mon-espace .menu ul li.no:first-letter, html:not([dir="rtl"]) #mon-espace .menu ul li.yes:first-letter, html:not([dir="rtl"]) #mon-espace .info h2:first-letter, html:not([dir="rtl"]) #mon-espace .info h3:first-letter, html:not([dir="rtl"]) #mon-espace .info a.btn:first-letter, html:not([dir="rtl"]) #about h2:first-letter {
    text-transform: uppercase;
}

#mon-espace .menu ul li.yes {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #f4a620;
    margin: 10px 0;
    padding: 13px 20px;
    border-radius: 10px;
}

#mon-espace .menu ul li.no {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #3e3e3e;
    background-color: #dbdbdb;
    margin: 10px 0;
    padding: 15px 45px 15px 20px;
    border-radius: 10px;
}

#mon-espace .menu ul li.no:after {
    content: url(../img/interogation.png);
    position: absolute;
    margin-top: 5px;
    right: 0;
    margin-right: 20px;
}

#mon-espace .menu ul li.yes:after {
    content: url(../img/done.png);
    position: absolute;
    right: 0;
    margin-right: 20px;
}

@media(min-width: 992px) {
    #mon-espace .padding-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
}

#mon-espace .info h2 {
    color: #3e3e3e;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 800;
}

#mon-espace .info h3 {
    font-size: 24px;
    color: #dbdbdb;
    font-weight: 700;
    margin: 0;
}

@media(max-width: 768px) {
    #mon-espace .info a.btn, input, button {
        display: inline-block;
        white-space: normal!important;
        font-size: 15px;
    }
    #mon-espace .info .btn img {
        width: 25px;
    }
}

#mon-espace .info .btn img {
    margin-left: 15px;
}

#mon-espace .info .btn {
    width: fit-content;
    margin: auto;
    line-height: 2;
    display: block;
    font-weight: 800;
    font-size: 20px;
    background-image: linear-gradient(to right, #f7b634, #f2813f);
    padding: 10px 35px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    margin-top: 23px;
}

#mon-espace .info .btn.focus, #mon-espace .info .btn:focus, #mon-espace .info .btn:hover {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(247, 182, 52, 0.2);
}

@media(max-width: 425px) {
    .landing_page .s1 .apps {
        display: block!important;
    }
    footer.footer_landing .apps a {
        width: auto!important;
        display: inline-block!important;
    }
    .My-article-blog.Content img.frame {
        padding: 5px!important;
    }
    .row.apps {
        display: block;
        margin: auto;
    }
    .apps .col-md-6.col-6 {
        width: 100%!important;
        max-width: 100%;
        flex: inherit;
    }
    footer.footer_landing .apps img {
        width: 130px!important;
    }
    .categorie-class {
        font-size: 14px !important;
        padding: 5px!important;
    }
    #mon-espace .info {
        padding: 65px 15px!important;
    }
}

#mon-espace .info {
    background-color: #fff;
    padding: 65px 40px 35px 40px;
    border-radius: 15px;
}

#mon-espace .shadow {
    -webkit-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 20px -3px rgba(0, 0, 0, 0.32);
}

#mon-espace .info .img {
    display: inline-block;
    margin-bottom: 30px;
    object-fit: cover;
    width: 200px;
    height: 200px;
    border-radius: 100%;
}

#mon-espace .bg {
    margin-bottom: 100px;
}

/*discipline*/

#header1 a.cancel {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    color: #f4a620;
    text-align: center;
    width: 100%;
    padding: inherit;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.32);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#header1 a.cancel:hover {
    color: #fff;
    background-color: #f4a620;
}

@media(max-width: 767px) {
    #header1 a.cancel {
        display: inline-block!important;
        width: auto!important;
        padding: 10px 40px!important;
    }
}

#header1 .stat-bar {
    background-color: #f0f0f0;
    height: 8px;
    overflow: hidden;
    border-radius: 100px;
}

#header1 .stat-bar-rating {
    border-radius: 100px;
    float: left;
    width: 0;
    height: 100%;
    text-indent: -9999px;
    background-color: #428bca;
}

#header1 .stat-1>.stat-bar-rating {
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
}

#header1 .stat-bar-rating {
    visibility: hidden;
    width: 0;
    -webkit-animation: animate-width;
    -moz-animation: animate-width;
    animation: animate-width;
    animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    -moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

#header1 .stat-bar:nth-of-type(1) .stat-bar-rating {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

#header1 .navbar-col {
    -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.13);
    padding: 0.6rem 1rem;
    background-color: #fffc;
}

#header1 .button {
    padding: 25px 0;
}

#header1 .progress_bar {
    padding: 25px 50px;
}

@media(max-width: 767px) {
    #header1 .progress_bar {
        padding: 25px 0;
    }
}

#discipline .bg {
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    padding: 65px 0 15px 0;
}

#discipline h1 {
    color: #fff;
    font-weight: 800;
}

#discipline .jplist-no-right-border::placeholder {
    color: #898989;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
    font-size: 18px;
}

#discipline .jplist-no-right-border:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
    font-weight: 600;
    font-size: 18px;
}

#discipline .jplist-no-right-border::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
    font-weight: 600;
    font-size: 18px;
}

#discipline .jplist-panel input {
    outline: 0;
    border: 0;
    border-radius: 100px;
    padding: 15px 25px;
    width: 100%;
    font-size: 18px;
    -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.13);
}

#localisation .domicile {
    display: none;
}

#localisation .domicile input {
    margin: 10px 0;
}

#localisation .domicile input {
    outline: 0;
    border: 0;
    border-radius: 10px;
    padding: 15px 25px;
    width: 100%;
    font-size: 18px;
    -webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.13);
}

.jplist-panel input[type=text] {
    height: auto!important;
    float: none!important;
}

@media(min-width: 768px) {
    #discipline .padding-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media(max-width: 500px) {
    #discipline h1 {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .jplist-panel {
        display: block!important;
    }
}

#discipline #filter-part h2 {
    color: #353535;
    font-size: 22px;
    margin: 33px 0;
    font-weight: 700;
    text-align: left!important;
}

html:not([dir="rtl"]) #discipline #filter-part h2:first-letter {
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .col-lg3 {
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media (min-width: 1024px) {
    .col-lg3 {
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

#discipline .next {
    text-align: center;
    padding: 70px 0;
}

#discipline .btn#suivantDiscipline {
    padding: 7px 24px;
    font-weight: 600;
    background-color: #fff;
    border: 2px solid #f3803f;
    color: #f3803f;
    margin-top: 40px;
    width: auto;
    border-radius: 100px!important;
    font-size: 22px;
}

#discipline .btn#suivantDiscipline:hover, #discipline .btn#suivantDiscipline:focus {
    box-shadow: none!important;
    color: #fff;
    background-color: #f4a620;
    border: 2px solid #f4a620;
}

#discipline .btn#suivantDiscipline i.fa.fa-angle-right {
    margin: 0 0 0 31px;
    font-weight: 600;
    font-size: 24px;
}

#discipline .next a {
    display: block;
    margin: 60px 0 0 0;
    color: #b1b1b1;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#discipline .next a:hover {
    color: #f3aa1f;
}

#discipline .next a i.fa.fa-angle-right {
    margin: 0 12px 0 20px;
    font-weight: 300;
    font-size: 24px;
}

#discipline #filter-part {
    -webkit-box-shadow: 0px 0px 18px -9px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 18px -9px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 18px -9px rgba(0, 0, 0, 0.32);
    background-color: #fff;
    padding: 15px 30px 40px 30px;
    border-radius: 15px;
    margin: 10px 0;
}

#discipline h3 {
    font-size: 20px;
    font-weight: 700;
    color: #3c3c3c;
    padding: 55px 0px 35px 0;
    text-align: left;
}

#discipline .jplist-no-results {
    text-align: center;
}

#discipline .jplist-no-results p {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #353535;
}

#discipline span.label.label-important {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #353535;
    display: block;
}

#discipline img {
    text-align: center;
    display: block;
    margin: 0 auto 25px auto;
}

/*mon compte*/

#mon-compte input::placeholder {
    color: #898989;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
    font-size: 16px;
}

#mon-compte input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
    font-weight: 600;
    font-size: 16px;
}

#mon-compte input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
    font-weight: 600;
    font-size: 16px;
}

#mon-compte .card {
    background-color: #fff;
    padding: 0px;
    margin: 14px 0;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.32);
}

/*#mon-compte .card.different-padding {
    padding: 65px 40px;
}
*/

#mon-compte .card {
    float: left;
}

#mon-compte .bg, #agenda .bg {
    margin-bottom: 100px;
}

#mon-compte .info .img {
    display: inline-block;
    margin-bottom: 20px;
    object-fit: cover;
    width: 200px;
    height: 200px;
    border-radius: 100%;
}

#mon-compte h1, #agenda h1 {
    padding-top: 60px;
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    #mon-compte .padding-60, #agenda .padding-60 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

#mon-compte .info h2 {
    color: #3e3e3e;
    font-size: 22px;
    margin: 0px;
    font-weight: 800;
}

#mon-compte .info h3 {
    font-size: 22px;
    color: #acacac;
    font-weight: 700;
    margin: 0;
    margin-bottom: 30px;
}

#mon-compte .card {
    position: relative;
    width: 100%;
    break-inside: avoid;
    page-break-inside: avoid;
}

#mon-compte .card-body.remove-account {
    padding: 15px;
}

#mon-compte .card-body.info-general {
    padding: 35px 20px;
}

#mon-compte .title_ h3 {
    color: #3c3c3c;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 0;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
}

#mon-compte .title_ {
    margin: 0;
}

html:not([dir="rtl"]) #mon-compte .title_ h3:first-letter, html:not([dir="rtl"]) #mon-compte label:first-letter {
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    #mon-compte .card-columns {
        -webkit-column-count: 2!important;
        -moz-column-count: 2!important;
        column-count: 2!important;
    }
}

@media (max-width: 767px) {
    #mon-compte .card-columns {
        -webkit-column-count: 1!important;
        -moz-column-count: 1!important;
        column-count: 1!important;
    }
}

/* mon compte & tarifs*/

#mon-compte label, #tarifs label {
    font-weight: 600;
}

#mon-compte label.remove {
    font-size: 20px
}

#tarifs label.radio {
    font-size: 18px
}

@media(min-width: 993px) {
    #tarifs label.radio {
        width: 90%!important;
    }
}

#mon-compte label.remove, #tarifs label.radio {
    color: #9e9e9e;
    cursor: pointer;
    position: relative;
    background-color: #f3f3f3;
    width: 100%;
    padding: 13px;
    border-radius: 10px;
    text-align: left;
}

#mon-compte label.remove, #tarifs label.radio {
    color: #9e9e9e;
    cursor: pointer;
    position: relative;
    margin: 10px 0;
    background-color: #f3f3f3;
    width: 100%;
    padding: 13px;
    border-radius: 10px;
    text-align: left;
}

#mon-compte label span {
    margin-right: 15px;
}

#tarifs label span {
    margin-right: 30px;
}

#mon-compte label span, #tarifs label span {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 25px;
    height: 25px;
    transform-origin: center;
    border: 2px solid #9e9e9e;
    vertical-align: -6px;
    transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}

#mon-compte label span {
    border-radius: 50%;
}

#mon-compte label span:before, #tarifs label span:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #9e9e9e;
    position: absolute;
    transform: rotate(45deg);
    top: 11px;
    left: 7px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
}

#mon-compte label span:after, #tarifs label span:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #9e9e9e;
    position: absolute;
    transform: rotate(305deg);
    top: 14px;
    left: 9px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
}

#mon-compte label:hover span:before, #tarifs label:hover span:before {
    width: 5px;
    transition: width 100ms ease;
}

#mon-compte label:hover span:after, #tarifs label:hover span:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

#tarifs input[type="checkbox"] {
    opacity: 0;
    margin: 51px 0;
    position: absolute;
    left: 41px;
}

#mon-compte input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
}

#mon-compte .remove-container {
    position: relative;
}

#mon-compte input[type="checkbox"]:checked+label, #tarifs input[type="checkbox"]:checked+label {
    background-color: #f3803f;
    color: #fff;
}

#mon-compte input[type="checkbox"]:checked+label span, #tarifs input[type="checkbox"]:checked+label span {
    background-color: #fff;
    transform: scale(1.25);
    border: 2px solid #f3803f;
}

#mon-compte input[type="checkbox"]:checked+label span:after, #tarifs input[type="checkbox"]:checked+label span:after {
    width: 10px;
    background: #f3803f;
    transition: width 150ms ease 100ms;
}

#mon-compte input[type="checkbox"]:checked+label span:before, #tarifs input[type="checkbox"]:checked+label span:before {
    width: 5px;
    background: #f3803f;
    transition: width 150ms ease 100ms;
}

#mon-compte input[type="checkbox"]:checked+label:hover span, #tarifs input[type="checkbox"]:checked+label:hover span {
    transform: scale(1.25);
}

#mon-compte .effect {
    border: 0;
    padding: 6px 0;
    border-bottom: 2px solid #f0f0f0;
    width: 100%;
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 600;
}

#mon-compte .effect~.focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#mon-compte .effect:focus~.focus-border {
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    left: 0;
}

#mon-compte .col-md-12.p-0 {
    margin-top: 30px;
}

@media(max-width: 425px) {
    #mon-compte .control {
        margin-left: 0!important;
    }
}

#mon-compte .control {
    display: inline-flex;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    margin-left: 30px;
    cursor: pointer;
    font-size: 18px;
}

#mon-compte .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#mon-compte .control input:checked~.control__indicator {
    border: 2px solid #f3803f;
}

#mon-compte .control--radio .control__indicator {
    border-radius: 50%;
}

#mon-compte .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 21px;
    width: 21px;
    border: 2px solid #f0f0f0;
}

#mon-compte .control input:checked~.control__indicator:after {
    display: block;
}

#mon-compte .control--radio .control__indicator:after {
    left: 5.5px;
    top: 5.5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #f3803f;
}

#mon-compte .control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

#mon-compte .btn {
    color: #c4c4c4;
    font-weight: 600;
    background-color: #fff;
    margin-top: 40px!important;
    border: 2px solid #c4c4c4;
    margin: 5px 0;
    padding: 7px 25px;
    display: inline-block!important;
    border-radius: 100px!important;
    font-size: 18px!important;
}

#mon-compte .btn.focus, #mon-compte .btn:focus {
    box-shadow: none!important;
}

#mon-compte .btn:focus, #mon-compte .btn:hover {
    background-color: #f4a620!important;
    color: #fff!important;
    border: 2px solid #f4a620!important;
}

#mon-compte .form-civilite {
    margin: 0;
}

#mon-compte .form-civilite label {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 600;
}

#mon-compte .first-input-password {
    margin-top: 15px!important;
}

/* page tarifs */

#tarifs h2 {
    font-size: 20px;
    font-weight: 700;
    color: #3c3c3c;
}

#tarifs .bg {
    margin-bottom: 100px;
}

@media (min-width: 992px) {
    #tarifs .padding-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

#tarifs h1 {
    padding-top: 60px;
    padding-bottom: 100px;
}

#tarifs #accordion .card {
    -webkit-box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 37px -14px rgba(0, 0, 0, 0.32);
    background-color: #fff;
    border-radius: 15px;
    border: 0;
}

#tarifs .fa-plus:before {
    content: ""!important;
    background-image: url(../img/plus.png);
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: 50%;
    background-repeat: no-repeat;
}

#tarifs .fa-minus:before {
    content: ""!important;
    background-image: url(../img/minus.png);
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: 50%;
    background-repeat: no-repeat;
}

#tarifs .fa-stack {
    float: right;
    color: #acacac;
    text-align: center;
}

@media(max-width: 991px) {
    #header1 .navbar-nav .nav-item .nav-link.lang, .header_landing .navbar-nav .nav-item .nav-link.lang {
        margin: 0;
        display: inline-block!important;
    }
    #header1 .navbar-nav .nav-item .nav-link.lang {
        margin: 15px;
    }
    #header1 .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        padding: 10px!important;
        margin: 10px 5px 0px;
        display: inline-block;
    }
    #home a.btn.devenir_coach {
        font-size: 16px!important;
        padding: 10px 50px;
    }
    #home #section3 {
        padding: 20px 0;
    }
    #home #section2 h2.heading {
        margin: 30px 0;
        font-size: 22px;
    }
    #home #section2 .card h4 {
        margin: 10px 0;
        font-size: 18px;
    }
    #home #section2 .card p {
        font-size: 16px;
    }
    #home #section6 h1.heading {
        padding: 30px 0;
    }
    #home #section2 .content {
        margin-bottom: 20px;
    }
    /*#header1 .navbar-nav .nav-item .nav-link.lang,*/
    .header_landing .navbar-nav .nav-item .nav-link.lang {
        margin: 10px 0;
        display: inline-block;
    }
    .header_landing .navbar-nav .nav-item.dropdown {
        text-align: center;
    }
    #tarifs .fa-stack .fa {
        top: 5px!important;
    }
    #tarifs .fa-stack {
        position: absolute!important;
        top: 20px;
        right: 5px;
    }
}

#tarifs .fa-stack .fa {
    position: relative;
    font-weight: 500;
    display: block;
    font-size: 40px;
    margin: 0;
    top: -8px;
}

#tarifs #accordion .btn {
    white-space: inherit;
    display: block;
    width: 100%;
    text-align: left;
    padding: 20px 30px;
    outline: 0!important;
    line-height: 2;
    border-radius: 15px;
    background-color: #fff;
}

#tarifs #accordion .btn h2.start {
    color: #3c3c3c!important;
    font-size: 20px;
    font-weight: 700;
}

@media(max-width: 425px) {
    #share {
        padding-left: 0!important;
    }
    #share h5#shareLabel {
        font-size: 14px!important;
    }
    #share .modal-header {
        padding: 8px!important;
    }
    ul.links_share li {
        width: 40px!important;
        height: 40px!important;
        font-size: 23px!important;
        margin-right: 0px!important;
    }
    #share .copy .form-control {
        font-size: 14px!important;
    }
    #share .modal-footer {
        padding: 0 5px 20px 5px!important;
    }
    #share .copy .copy_btn {
        padding: 3px 4px!important;
        font-size: 14px!important;
    }
    #tarifs #accordion button.btn {
        padding: 25px 15px;
    }
    #tarifs .card-body h2 {
        line-height: 1.6;
    }
    #tarifs #accordion .card-body {
        padding: 25px 15px!important;
    }
}

#tarifs #accordion .btn.focus, #tarifs #accordion .btn:focus {
    box-shadow: none!important;
}

#tarifs .bg .card-header {
    padding: 0!important;
    border: 0!important;
    background-color: #fff;
    border-radius: 15px;
}

#tarifs .bg .card:not(:first-child) {
    margin: 50px 0;
}

#tarifs .div-addon {
    margin: auto;
    text-align: center;
}

#tarifs input.input-with-addon {
    color: #3c3c3c;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    width: 20%;
    border: 0;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.32);
    outline: 0!important;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    ;
}

@media(min-width: 768px) {
    #tarifs .input-group>.custom-file, #tarifs .input-group>.custom-select, #tarifs .input-group>.form-control {
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
    }
    #tarifs .div-addon input.input-with-addon {
        width: 50%!important;
    }
}

#tarifs input.input-with-addon::placeholder {
    color: #898989;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
    font-size: 18px;
}

#tarifs input.input-with-addon:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
    font-weight: 600;
    font-size: 18px;
}

#tarifs input.input-with-addon::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
    font-weight: 600;
    font-size: 18px;
}

#tarifs span.input-group-text {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 22px;
    background-color: #f3803f;
    border: 0;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

#tarifs #accordion .card-body {
    padding: 10px 45px 25px 45px;
}

html:not([dir="rtl"]) #tarifs #accordion h2 button:first-letter {
    text-transform: uppercase;
}

@media(min-width: 425px) {
    #tarifs .btn#suivant, #tarifs .btn#precedent, #localisation .btn#suivant, #localisation .btn#precedent, #social-media .btn#suivant, #social-media .btn#precedent, #parcours .btn#suivant, #parcours .btn#precedent {
        margin: 0 50px;
    }
}

#tarifs .btn#suivant, #tarifs .btn#precedent, #localisation .btn#suivant, #localisation .btn#precedent, #social-media .btn#suivant, #social-media .btn#precedent, #parcours .btn#suivant, #parcours .btn#precedent {
    padding: 10px 20px;
    font-weight: 600;
    background-color: #fff;
    border: 2px solid #f3803f;
    color: #f3803f;
    margin-top: 40px;
    width: auto;
    border-radius: 100px!important;
    font-size: 20px;
}

#tarifs .btn#suivant:hover, #tarifs .btn#suivant:focus, #tarifs .btn#precedent:hover, #tarifs .btn#precedent:focus, #localisation .btn#suivant:hover, #localisation .btn#suivant:focus, #localisation .btn#precedent:hover, #localisation .btn#precedent:focus, #social-media .btn#precedent:hover, #social-media .btn#suivant:focus, #social-media .btn#precedent:focus, #social-media .btn#suivant:hover, #parcours .btn#precedent:hover, #parcours .btn#suivant:focus, #parcours .btn#precedent:focus, #parcours .btn#suivant:hover {
    box-shadow: none!important;
    color: #fff;
    background-color: #f4a620;
    border: 2px solid #f4a620;
}

#tarifs .btn#suivant i.fa.fa-angle-right, #tarifs .btn#precedent i.fa.fa-angle-left, #localisation .btn#suivant i.fa.fa-angle-right, #localisation .btn#precedent i.fa.fa-angle-left, #social-media .btn#precedent i.fa.fa-angle-left, #social-media .btn#suivant i.fa.fa-angle-right, #parcours .btn#suivant i.fa.fa-angle-right, #parcours .btn#precedent i.fa.fa-angle-left {
    font-weight: 600;
    font-size: 24px;
    display: inline-block;
}

#tarifs .btn#suivant i.fa.fa-angle-right, #localisation .btn#suivant i.fa.fa-angle-right, #social-media .btn#suivant i.fa.fa-angle-right, #parcours .btn#suivant i.fa.fa-angle-right {
    margin: 0 0 0 10px;
}

#tarifs .btn#precedent i.fa.fa-angle-left, #localisation .btn#precedent i.fa.fa-angle-left, #social-media .btn#precedent i.fa.fa-angle-left, #parcours .btn#precedent i.fa.fa-angle-left {
    margin: 0 10px 0 0;
}

#tarifs .next {
    text-align: center;
}

#localisation .next, #parcours .next, #social-media .next {
    text-align: center;
    padding: 40px 0 45px 0;
}

#tarifs .next a.page-monespace, #localisation .next a.page-monespace, #social-media .next a.page-monespace, #parcours .next a.page-monespace {
    display: block;
    margin: 60px 0 0 0;
    color: #b1b1b1;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#tarifs .next a.page-monespace:hover, #localisation .next a.page-monespace:hover, #social-media .next a.page-monespace:hover, #parcours .next a.page-monespace:hover {
    color: #f3aa1f;
}

#tarifs .next a i.fa.fa-angle-right, #localisation .next a i.fa.fa-angle-right, #social-media .next a i.fa.fa-angle-right, #parcours .next a i.fa.fa-angle-right {
    margin: 0 12px 0 20px;
    font-weight: 300;
    font-size: 20px;
    display: inline-block;
}

/* page localisation */

#localisation .cell-table {
    display: table-cell;
    text-align: center;
}

#localisation .table {
    display: table;
    margin: 0;
}

/*#localisation .table-responsive {
    display: block!important;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    }*/

#localisation [type="radio"]:checked+label {
    background: #f4a620;
    color: #fff;
}

#localisation [type="checkbox"]:checked+label, #parcours [type="checkbox"]:checked+label {
    background: #fff;
    color: #f4a620;
    border: 2px solid #f4a620;
}

#localisation [type="checkbox"]:not(checked)+label, #parcours [type="checkbox"]:not(checked)+label, #localisation [type="radio"]:not(checked)+label {
    background: #fff9f4;
    color: #3c3c3c;
}

#localisation [type="checkbox"]:not(checked)+label, #parcours [type="checkbox"]:not(checked)+label {
    border: 2px solid transparent;
}

#localisation [type="radio"]:checked+label, #localisation [type="radio"]:not(:checked)+label {
    padding: 10px 50px;
    margin: 10px 5px;
}

#localisation [type="checkbox"]:not(:checked)+label, #localisation [type="checkbox"]:checked+label {
    padding: 8px 20px;
    margin: 10px 15px 10px 0;
}

#parcours [type="checkbox"]:not(:checked)+label, #parcours [type="checkbox"]:checked+label {
    padding: 10px 30px 10px 25px;
    margin: 10px 15px 10px 0;
}

#localisation [type="checkbox"]:not(:checked)+label, #localisation [type="checkbox"]:checked+label, #parcours [type="checkbox"]:not(:checked)+label, #parcours [type="checkbox"]:checked+label, #localisation [type="radio"]:not(:checked)+label, #localisation [type="radio"]:checked+label {
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

#localisation [type="checkbox"]:not(:checked), #localisation [type="checkbox"]:checked, #parcours [type="checkbox"]:not(:checked), #parcours [type="checkbox"]:checked, #localisation [type="radio"]:not(:checked), #localisation [type="radio"]:checked {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

#swal2-content ul {
    text-align: right!important;
}

/*<input type="checkbox" id="test1">
<label for="test1">Red</label>*/

#localisation .bg .card, #parcours .bg .card {
    background-color: #fff;
    padding: 15px;
    margin: 20px 0px;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0px 0px 31px -15px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 31px -15px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 31px -15px rgba(0, 0, 0, 0.32);
    display: block!important;
}

#localisation h1 {
    padding-top: 60px;
    padding-bottom: 100px;
}

@media(min-width: 768px) {
    #localisation h2.first-title {
        color: #fff!important;
    }
    #localisation h2 {
        margin-left: 30px;
    }
}

#localisation h2 {
    font-weight: 700;
    font-size: 22px;
    color: #3c3c3c;
}

#localisation form#coachParcour {
    margin: 0;
}

#localisation div#map {
    margin-top: 25px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 31px -15px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 31px -15px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 31px -15px rgba(0, 0, 0, 0.32);
}

/* reçu des paiements & historique des cours*/

.input-group-append .btn-save-p {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 0 22px;
    background-color: #f3803f;
    border: 0;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

#recu-paiements, #historique-cours {
    margin-bottom: 50px;
}

#recu-paiements h1, #historique-cours h1 {
    text-align: center;
    padding: 60px 0;
    margin: 0
}

@media(min-width: 992px) {
    #recu-paiements .padding-50, #historique-cours .padding-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

#recu-paiements .card.profile-card, #historique-cours .card.profile-card {
    padding: 65px 40px;
}

#recu-paiements .other-cards .card, #historique-cours .other-cards .card {
    padding: 0px;
    margin-bottom: 25px;
}

#recu-paiements .card, #historique-cours .card {
    background-color: #fff;
    margin: 14px 0;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
}

#recu-paiements .info .img, #historique-cours .info .img {
    display: inline-block;
    margin-bottom: 60px;
    object-fit: cover;
    width: 200px;
    height: 200px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 100%;
}

#recu-paiements .info h2, #historique-cours .info h2 {
    color: #3e3e3e;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 800;
}

#recu-paiements .bg-white {
    padding: 0;
    margin: auto;
}

#recu-paiements .info h3, #historique-cours .info h3 {
    font-size: 22px;
    color: #acacac;
    font-weight: 800;
    margin: 0;
    margin-bottom: 30px;
}

#recu-paiements .card-block, #recu-paiements .card-header, #recu-paiements .card-footer, #historique-cours .card-block, #historique-cours .card-header, #historique-cours .card-footer {
    padding: 20px 60px;
}

@media(max-width: 375px) {
    #recu-paiements .card-block, #recu-paiements .card-header, #recu-paiements .card-footer, #historique-cours .card-block, #historique-cours .card-header, #historique-cours .card-footer {
        padding: 20px!important;
    }
}

#recu-paiements .card-header {
    background-color: #fef8f3;
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
    border-bottom: 1px solid #f3f3f3;
}

#recu-paiements .card-footer {
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

#recu-paiements .card-header h2, #recu-paiements .card-header span, #recu-paiements .card-footer h2 {
    display: inline-block;
    font-size: 22px;
    text-transform: uppercase;
}

#recu-paiements .card-header span {
    color: #000;
    margin-left: 15px;
    font-weight: 800;
    word-break: break-all;
}

#recu-paiements .card-header h2 {
    font-weight: 600;
    color: #000;
    margin: 0;
}

#recu-paiements .card-footer h2, #recu-paiements .card-footer span {
    font-weight: 700;
    color: #f3803f;
    margin: 0;
    line-height: 1;
}

#recu-paiements .card-footer span {
    font-size: 28px;
    display: inline-block;
}

html:not([dir="rtl"]) #recu-paiements .card-block h4:first-letter, html:not([dir="rtl"]) #recu-paiements .card-block p:first-letter, html:not([dir="rtl"]) #historique-cours .card-header h2:first-letter {
    text-transform: uppercase;
}

#recu-paiements .card-block p, #recu-paiements .card-block h4 {
    display: inline-block;
    font-size: 20px;
}

#recu-paiements .card-block p {
    margin-left: 10px;
    vertical-align: 2;
    margin-bottom: 0;
    color: #898989;
    
}

#recu-paiements .card-block h4 {
    color: #3c3c3c;
    margin: 0;
    font-weight: 600;
}

#historique-cours .imgch {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 110px;
    width: 110px;
    border-radius: 50%;
    margin: auto;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
}

#historique-cours .card-header {
    background-color: #fef8f3;
    border-top-right-radius: 15px!important;
    border-top-left-radius: 15px!important;
    border-bottom: 1px solid #f3f3f3;
}

#historique-cours .card-footer {
    background-color: #fff;
    border-bottom-right-radius: 15px!important;
    border-bottom-left-radius: 15px!important;
    border-top: 1px solid #f3f3f3;
    text-align: center;
}

@media(max-width:768px) {
    #historique-cours .card-footer {
        text-align: left!important;
    }
}

#historique-cours .card-header h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #343a40;
}

#historique-cours .card-block h4, #historique-cours .card-footer span {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #3c3c3c;
}

#historique-cours .card-block span {
    font-size: 40px;
    display: inline-block;
    font-weight: 700;
    color: #f3803f;
}

#historique-cours .card-block .icone h4:before, #historique-cours .card-footer .icone span:before {
    margin-right: 15px;
    vertical-align: -1;
}

#historique-cours .card-block .icone:first-child h4:before {
    content: url(../img/icon-personne.png);
}

#historique-cours .card-block .icone:nth-child(2) h4:before {
    content: url(../img/icon-localisation.png);
}

#historique-cours .card-footer .icone:first-child span:before {
    content: url(../img/icon-calender.png);
}

#historique-cours .card-footer .icone:nth-child(2) span:before {
    content: url(../img/icon-heure.png);
}

#historique-cours .card-footer .icone:nth-child(3) span:before {
    content: url(../img/icon-users.png);
}

/* page reseaxu sociaux */

#social-media {
    margin-bottom: 50px;
}

#social-media h1 {
    padding-top: 60px;
    padding-bottom: 40px;
}

@media(min-width: 992px) {
    #social-media .padding-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

#social-media h2 {
    font-size: 22px;
    font-weight: 600;
    color: #3c3c3c;
    margin-bottom: 60px;
}

#social-media .info h2 {
    font-size: 30px;
    font-weight: 700;
    color: #f3803f;
    margin-top: 25px;
}

#social-media .card {
    padding: 60px;
    background-color: #fff;
    margin: 14px 0;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
}

#social-media .info .img {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: auto;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
}

#social-media .info .img .after-img {
    display: table-cell;
}

#social-media .info .img .circle-img {
    display: table;
    color: #fff;
    padding: 10px;
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 65px;
    height: 65px;
    line-height: 1;
    background-color: #f3803f;
    border-radius: 50%;
    font-weight: 700;
    font-size: 131.25%;
}

#social-media input.input-with-addon {
    color: #3c3c3c;
    font-weight: 600;
    padding: 15px;
    font-size: 20px;
    border: 0;
    -webkit-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.32);
    outline: 0!important;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

#social-media span.input-group-text {
    font-size: 33px;
    font-weight: 700;
    color: #fff;
    padding: 0 18px;
    border: 0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

#social-media span.input-group-text.fb {
    background-color: #3b5998;
}

#social-media span.input-group-text.tw {
    background-color: #55acee;
}

#social-media span.input-group-text.insta {
    background-color: #6c27b3;
}

#social-media span.input-group-text.in {
    background-color: #127cb4;
}

#social-media .card .fa {
    width: 35px;
}

#social-media input::placeholder {
    color: #898989;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
    font-size: 20px;
}

#social-media input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
    font-weight: 600;
    font-size: 20px;
}

#social-media input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
    font-weight: 600;
    font-size: 20px;
}

#social-media .center-vertical {
    margin: auto;
}

@media(max-width: 1199px) and (min-width: 992px) {
    #social-media .hr-vertical:before {
        left: -10px!important;
    }
}

@media(min-width: 992px) {
    #social-media .hr-vertical:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        border-left: 1px solid #e7e7e7;
        position: absolute;
        top: 0;
        left: -8px;
    }
}

/* pages parcours */

#parcours h1 {
    padding-top: 60px;
    padding-bottom: 100px;
}

#parcours .first.card {
    padding: 20px 0 0 0;
    background-color: #fff;
    margin: 10px 0 20px 0;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
}

@media(max-width: 425px) {
    #parcours .info .img, #parcours .drag-text {
        height: 250px!important;
        width: 250px!important;
    }
}

#parcours .info .img {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    margin: auto;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.32);
}

#parcours #download {
    padding: 10px 25px;
    font-weight: 600;
    background-color: #fff;
    border: 2px solid #f3803f;
    color: #f3803f;
    margin-top: 25px;
    width: auto;
    border-radius: 100px!important;
    font-size: 20px;
}

#parcours #download:hover, #parcours #download:focus {
    box-shadow: none!important;
    color: #fff;
    background-color: #f4a620;
    border: 2px solid #f4a620;
}

html:not([dir="rtl"]) #parcours .first span:first-letter {
    text-transform: uppercase;
}

#parcours .first span {
    color: #898989;
    font-size: 18px;
    font-weight: 600;
    display: block;
}

#parcours .fox-space-tabbed {
    margin-left: 20px;
}

#parcours .counter span:not(.star) {
    color: #898989;
    font-size: 18px;
    font-weight: 600;
}

#parcours .file-upload-image {
    max-height: 300px;
    max-width: 300px;
    margin: auto;
    padding: 20px;
}

#parcours .file-upload {
    background-color: #ffffff;
    /*      width: 100%;
      margin: 0 auto;
      padding: 20px;*/
}

#parcours .file-upload-input {
    position: absolute;
    opacity: 0;
    z-index: 10000;
    height: 100%;
    width: 100%;
    right: 0px;
    border-radius: 50%;
    margin: auto;
    cursor: pointer;
}

#parcours .image-upload-wrap {
    position: relative;
    /* height: 100%; */
    width: 100%;
    border-radius: 50%;
    margin: auto;
}

#parcours .drag-text {
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: auto;
    border: 5px solid #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#parcours .file-upload-input:hover~.drag-text {
    background-color: #17121238;
}

#parcours .file-upload-input:hover~.drag-text h3 {
    opacity: 1;
}

#parcours .drag-text h3 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    font-weight: 100;
    color: #fff;
    text-shadow: 1px 2px 4px #000;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0;
}

html:not([dir="rtl"]) #parcours .drag-text h3:first-letter {
    text-transform: uppercase;
}

#parcours #file_detail {
    color: #ef1b1e;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
    display: none;
}

#parcours label, #parcours label+span {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

#parcours .counter label, #parcours .langues label:first-child {
    color: #3c3c3c;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 20px;
}

#parcours [type="checkbox"]:checked+.langue:after {
    margin-left: 5px;
    content: "×";
    font-size: 25px;
    position: absolute;
    line-height: 1.1;
}

#parcours label+span {
    display: inline-block;
    color: #f3874b;
    margin-left: 10px;
}

html:not([dir="rtl"]) #parcours label:first-letter {
    text-transform: uppercase;
}

#parcours textarea {
    resize: none;
    padding: 10px 77px 10px 20px;
    overflow: auto;
    display: block;
    width: 100%;
    font-weight: 600;
    color: #3c3c3c;
    font-size: 18px;
    background-color: #fff;
    margin: 14px 0;
    border-radius: 15px;
    border: 0;
    -webkit-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 29px -15px rgba(0, 0, 0, 0.32);
    outline: 0;
}

#parcours .height-20, #parcours .height-30 {
    height: 120px;
}

#parcours textarea:focus {
    -webkit-box-shadow: 0px 0px 29px -10px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 29px -10px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 29px -10px rgba(0, 0, 0, 0.32);
}

#parcours textarea::placeholder {
    color: #898989;
    font-weight: 600;
    opacity: 1;
    /* Firefox */
    font-size: 18px;
}

#parcours textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #898989;
    font-weight: 600;
    font-size: 18px;
}

#parcours textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #898989;
    font-weight: 600;
    font-size: 18px;
}

#parcours .counter {
    position: relative;
}

#parcours .count {
    display: inline-block;
}

#parcours span.label {
    position: absolute;
    top: 135px;
    right: 10px;
}

#parcours .btn-file.card {
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 15px;
    border: 0;
    display: block;
    margin-top: 50px;
}

#parcours .btn-file.cv.card {
    margin-top: 50px!important;
}

#parcours .btn-file.card label {
    color: #3c3c3c;
    font-size: 20px;
    margin: 0;
}

#parcours .btn-file input[type=file] {
    /*filter: alpha(opacity=0);*/
    /*opacity: 0; */
    text-indent: -9999;
    outline: none;
    background: transparent;
    cursor: pointer;
    float: right;
    background-image: url('../img/icon-link.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#parcours .btn-file input[type=file]:hover {
    background-image: url('../img/icon-link-hover.png');
}

#parcours .btn-file input[type=file].add {
    background-image: url('../img/add.png')!important;
    width: 60px;
}

#parcours .btn-file input[type=file].add:hover {
    background-image: url('../img/add.png')!important;
}

#parcours .formParcour .private-explain {
    background: linear-gradient(to right, #ee7a28, #F1B532);
    border-radius: 15px;
    padding: 20px;
}

#parcours .formParcour p {
    color: lightgray;
}

@media(max-width: 991px) {
    #parcours .remove {
        float: none!important;
    }
    #parcours #divLmId span:nth-child(2), #parcours #divDpId span:nth-child(2), #parcours #divCvId span:nth-child(2) {
        display: initial!important;
    }
    #parcours #divLmId span:nth-child(1), #parcours #divDpId span:nth-child(1), #parcours #divCvId span:nth-child(1) {
        margin: 0 10px 0 0;
    }
}

@media(max-width: 425px) {
    #parcours #divLmId, #parcours #divDpId, #parcours #divCvId {
        text-align: center;
    }
    #parcours .remove {
        margin: auto!important;
        display: block!important;
    }
    #parcours span.img-file {
        margin: auto!important;
        display: block!important;
    }
}

#parcours .remove {
    box-shadow: none!important;
    outline: 0;
    float: right;
    background-color: transparent;
    background-image: url(../img/remove.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 35px;
    margin: 0 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#parcours .remove:hover, #parcours .remove:focus {
    background-image: url('../img/remove-hover.png');
}

#parcours .btn.remove:not(:disabled):not(.disabled).active, #parcours .btn.remove:not(:disabled):not(.disabled):active {
    background-image: url('../img/remove-hover.png')!important;
}

#parcours #divLmId span, #parcours #divDpId span, #parcours #divCvId span {
    font-size: 20px!important;
    font-weight: 600;
    color: #898989;
    display: inline-block;
    vertical-align: middle;
}

html:not([dir="rtl"]) #parcours #divLmId span:first-letter, html:not([dir="rtl"]) #parcours #divDpId span:first-letter, html:not([dir="rtl"]) #parcours #divCvId span:first-letter {
    text-transform: uppercase;
}

#parcours #divLmId div, #parcours #divDpId div, #parcours #divCvId div {
    margin: 15px 0 0 0px;
}

#parcours span.img-file {
    margin: 0 40px 0 30px;
    background-position: center;
    background-size: cover;
    width: 35px;
    display: inline-block;
    height: 38px;
}

/*AGENDA*/

/*owl*/

.owl-carousel .owl-wrapper, .owl-carousel .owl-item, .owl-carousel .owl-wrapper-outer {
    height: 100%;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#home .btn.btn-secondary, #discipline .swal2-container .swal2-cancel, #agenda .swal2-container .swal2-cancel {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 16px!important;
}

#discipline .swal2-container .swal2-cancel:hover, #discipline .swal2-container .swal2-cancel:focus, #agenda .swal2-container .swal2-cancel:hover, #agenda .swal2-container .swal2-cancel:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, .5);
}

/*about*/

#about h1 {
    margin-bottom: 0;
}

#about h2 {
    margin-bottom: 20px;
    margin-left: 15px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

.embed-responsive {
    border-radius: 10px;
}

.embed-responsive {
    width: 1000px;
    margin: auto;
}

@media(max-width: 768px) {
    .embed-responsive {
        width: 100%!important;
    }
    #tarifs label span {
        margin-right: 5px;
    }
    #tarifs label span {
        width: 15px;
        height: 15px;
    }
    #tarifs .myaccordion .col-lg-6.col-sm-12 {
        padding: 0;
    }
}

#about .last_part {
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
}

#about .titre {
    color: #3c3c3c;
    margin-top: 75px;
}

#about .missions {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px 10px;
    -webkit-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
}

#about .missions li {
    
    color: #3c3c3c;
    font-size: 18px;
    line-height: 1.4;
}

#about ul {
    list-style: none;
}

#about .missions li::before {
    content: "\2022";
    color: #f3803f;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: larger;
}

#about .new_app {
    background-color: #fff9f4;
}

/*#about .new_app img {
    width: 100%;
}*/

#about .new_app h3 {
    padding: 45px 0;
    margin: 0;
    color: #f3803f;
    font-size: 24px;
    font-weight: 600;
}

#about .new_app .bold {
    font-weight: 700;
}

#about .new_app li::before {
    content: "\2022";
    color: #f3803f;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: larger;
}

#about .new_app li {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 18px;
}

#about .new_app li p {
    color: #3c3c3c;
    
}

#about .app_mobile li:before {
    content: '';
}

#about .app_mobile li {
    display: inline-block;
}

#about .app_mobile .first {
    margin-right: 10px;
}

#about .last_part h2 {
    font-size: 24px;
    padding: 45px 0 25px 0;
    margin: 0;
}

#about .last_part p {
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

#about .last_part a {
    display: inline-block;
    margin: 40px 0;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 30px;
    font-weight: 700;
    color: #f3803f;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

#about .last_part a:hover {
    background-color: transparent;
    color: #fff;
}

/* Float Shadow */

.float-shadow {
    display: inline-block;
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    transition-duration: 0.3s;
    transition-property: transform opacity;
}

.float-shadow:hover {
    transform: translateY(-5px);
    /* move the element up by 5px */
}

.float-shadow:hover:before {
    opacity: 1;
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* mentions légales */

#legal .box, #charte .box {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 50px;
    -webkit-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
}

#legal .box h2, #charte .box h2 {
    padding-top: 60px;
    padding-bottom: 40px;
    font-size: 36px;
    color: #ee7a28;
}

#charte .box {
    text-align: center;
}

#charte .box h2 {
    font-size: 1.3rem;
    padding-top: 3rem;
    padding-bottom: initial;
}

#charte .box p {
    word-break: keep-all;
}


/*aide*/

#aide .collapse p b {
    color: #EE7A28;
}

#aide .collapse p a {
    color: #EE7A28 !important;
    font-size: 1rem !important;
}


#aide .help {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 50px;
    -webkit-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
}

#aide .titre {
    font-family: 'Spartan', sans-serif;
    font-weight: bolder;
    padding-top: 60px;
    padding-bottom: 40px;
    font-size: 36px;
    color: #3c3c3c;
}

#aide .help p {
    margin-top: 20px;
    color: #3c3c3c;
    font-size: 18px;
    font-family: 'Spartan', sans-serif;
}

#aide .help p span {
    font-family: 'Spartan', sans-serif;
    font-weight: bold;
}

#aide .help p .orange {
    color: #f3803f;
}

#aide .help h3 {
    padding: 30px 0 10px 0;
}

#aide .faq {
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
}

#aide .accordion .card-header:before {
    font-family: 'FontAwesome';
    content: "\f107";
    padding-right: 15px;
    font-size: 24px;
    color: #fff;
}

#aide .accordion .card-header.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\f105";
    color: whitesmoke!important;
}

#aide .card-header {
    background: linear-gradient(to right, #F1B632, #ee7a28);
    border-radius: 15px!important;
    border: 0;
    margin-top: 5px;
    cursor: pointer;
}

#aide .card-header a.card-title {
    color: whitesmoke;
}

#aide .card {
    padding: 0 5px 5px 5px;
}

#aide .card {
    border: 0;
    border-radius: 15px;
}

#aide .accordion a {
    color: #fff;
    font-family: 'Spartan', sans-serif;
    font-weight: bold;
    font-size: 24px;
}

#aide #accordion {
    margin: 0 0 50px 0;
}

#aide .card-body p {
    color: #3c3c3c;
    font-family: 'Spartan', sans-serif;
    font-size: 18px;
}

#aide .card-body p {
    margin-bottom: 15px;
}

/*reset password*/

#reset-password .block {
    background-color: #fff;
    border-radius: 15px;
    padding: 20px 50px;
    -webkit-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 26px -7px rgba(0, 0, 0, 0.19);
}

#reset-password .titre {
    font-weight: 800;
    padding-top: 60px;
    padding-bottom: 40px;
    font-size: 36px;
    color: #3c3c3c;
}

#reset-password .block h3 {
    padding: 30px 0 10px 0;
}

#reset-password h1 {
    font-weight: 800;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 40px;
}

@media(max-width: 991px) {
    #tarifs .fa-stack {
        display: table;
    }
    #tarifs .fa-stack .fa {
        display: table-caption;
        vertical-align: middle;
    }
    #tarifs #accordion .btn {
        padding: 10px!important;
    }
    #tarifs .card span, #tarifs .card h2, #tarifs .card label, #tarifs .card input {
        font-size: 15px!important;
        padding: 10px!important;
    }
    #tarifs #accordion .btn h2.start {
        font-size: 18px!important;
    }
    #tarifs .fa-stack .fa {
        font-size: 28px;
    }
    #tarifs .card-body .row {
        margin: 15px 0;
    }
    #tarifs .card-body h2 {
        margin: 20px 0 10px 0;
    }
    h1 {
        font-size: 28px!important;
    }
    #discipline input#dis_filter {
        padding: 14px 10px;
    }
    #parcours label, #parcours label+span {
        font-size: 18px;
    }
    #parcours .counter label {
        font-size: 18px;
    }
}

html:not([dir="rtl"]) #tarifs #accordion .btn h2:first-letter {
    text-transform: uppercase;
}

@media(max-width: 768px) {
    #home #section4 .div-after-slider {
        padding: 10px!important;
    }
}

a {
    text-decoration: none!important;
}

#discipline h5 span:first-child, #tarifs h2 span:first-child {
    color: #f4a61f;
}

#discipline h3 .break_line, #tarifs h2 .break_line {
    font-weight: 600;
    display: block;
}

.nav-tabs {
    border: 0!important;
}

.part_load {
    display: none;
}

.list-item {
    padding-top: 10px;
}

/*.d-none-prix .input-group{
margin: 25px 0;
}*/

#tarifs .btn h2 {
    margin: 0;
}

#tarifs .btn.collapsed h2.start, #tarifs .btn:not(.collapsed) h2.end {
    display: inline-block!important;
}

#tarifs .btn:not(.collapsed) h2.start, #tarifs .btn.collapsed h2.end {
    display: none!important;
}

/*#mon-espace .modal-lg{
    width: 100%;
}*/

#mon-espace .modal-lg .modal-body {
    background-image: url('../img/cadre.png');
    width: 290px;
    height: 584px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    margin: 0 auto;
}

#mon-espace .modal-content {
    background-color: transparent;
    border: 0;
}

#mon-espace .modal-content .modal-body .cadre {
    width: 258px;
    height: 456px;
    margin: 0 auto;
    transform: translate(0%, 14%);
    position: relative;
    background-color: #fff9f4;
    overflow: auto;
}

#mon-espace .cadre h5 {
    font-weight: 800;
    color: #fff;
    font-size: 12.5px!important;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

#mon-espace .cadre .bg {
    margin-bottom: 0!important;
}

#mon-espace .cadre .bg:before {
    height: 75px!important;
}

#mon-espace .modal {
    padding: 0;
}

#mon-espace .cadre .arrow {
    margin-top: 15px;
    margin-left: 5px;
}

#mon-espace .cadre .shadow {
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}

#mon-espace .cadre .profil {
    background-color: #fff;
    padding: 5px 5px 10px;
    border-radius: 5px;
    text-align: center;
    margin-top: 24px;
    position: relative;
}

#mon-espace .cadre .social_media, #mon-espace .cadre .others {
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    margin-top: 15px;
}

#mon-espace .cadre .profil .img_ {
    display: inline-block;
    object-fit: cover;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    border: 5px solid transparent;
    -webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.08)!important;
    -moz-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.08)!important;
    box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.08)!important;
}

#mon-espace .cadre .others img {
    display: block;
    margin: 10px auto;
    height: 26px;
    object-fit: none;
    width: 100%;
}

#mon-espace .cadre .others a, #mon-espace .cadre .social_media a, #mon-espace .cadre .profil h3 {
    font-size: 10px;
    font-weight: 700;
}

#mon-espace .cadre .others a, #mon-espace .cadre .social_media a {
    display: block;
    color: #f3803f;
}

#mon-espace .cadre .profil h3 {
    color: #3c3c3c;
    margin: 0;
    padding-top: 10px;
}

#mon-espace .cadre .profil h4 {
    color: #898989;
    font-weight: 700;
    padding-top: 6px;
    margin-top: 0;
}

#mon-espace .cadre .profil h4.first {
    font-size: 8.33px!important;
    margin: 0;
}

#mon-espace .cadre .profil h4.second {
    font-size: 7.5px!important;
    padding: 0;
}

#mon-espace .cadre .profil h4 span {
    font-weight: 600;
}

#mon-espace .cadre .profil .minus_top {
    position: relative;
    padding-top: 60px;
}

#mon-espace .cadre .img_profil {
    position: relative;
}

#mon-espace .cadre .img_profil:after {
    background-position: center;
    content: '';
    background-image: url(/assets/img/heart.png);
    width: 20px;
    background-repeat: no-repeat;
    height: 20px;
    background-color: #fff;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    padding: 12px;
    top: 40px;
    right: 65px;
}

#mon-espace .cadre .matieres {
    padding-top: 6px;
}

#mon-espace .cadre .matieres span, #mon-espace .cadre .matieres span {
    color: #898989;
    font-size: 7.5px;
    
}

#mon-espace .cadre .profil hr {
    width: 60%;
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}

#mon-espace .cadre ul li {
    display: inline-block;
}

#mon-espace .cadre ul {
    line-height: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

#mon-espace .cadre .social_media a img {
    margin-left: 8px;
}

#mon-espace .cadre .coach {
    text-align: center;
    margin: 15px auto;
}

#mon-espace .cadre .coach a {
    border-radius: 5px;
    background-color: #f4a61f;
    font-weight: 800;
    font-size: 11.67px;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
}

#mon-espace .cadre .coach:hover {
    color: #fff;
}

.pl {
    padding-left: 10px;
}

.pr {
    padding-right: 10px;
}

#mon-espace .cadre .line {
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    height: 5px;
}

/*#mon-espace .cadre .shadow.social_media ,
#mon-espace .cadre .shadow.others {
  -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
}
#mon-espace .cadre .shadow.social_media:hover ,
#mon-espace .cadre .shadow.others:hover {
    -webkit-box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.08)!important;
    -moz-box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.08)!important;
    box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.08)!important;
}

*/

#mon-espace .slider h2 {
    color: #fff;
    font-size: 25px;
}

.modal:before {
    height: auto!important;
}

#mon-espace .modal-dialog {
    margin: 0;
}

@media(min-height: 900px) {
    /*#mon-espace  .modal.show .modal-dialog {
    -webkit-transform: translate(0,50%);
     transform: translate(0,50%); 
}*/
    /*#mon-espace .owl-pagination {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10vh;
}*/
    div#slider_modal {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        margin: 0;
    }
}

@media(max-height: 1099px) {
    #mon-espace.owl-pagination {
        position: relative;
        bottom: 55px;
    }
}

#mon-espace .owl-theme .owl-controls .owl-page span {
    width: 18px;
    height: 18px;
    background: #949494;
    opacity: 1;
}

#mon-espace .owl-theme .owl-controls .owl-page.active span {
    background-color: #f3803f;
    width: 20px;
    height: 20px;
}

@media(max-width: 425px) {
    #mon-espace .owl-buttons {
        display: none;
    }
}

@media(max-width: 425px) {
    #mon-espace .owl-carousel .owl-wrapper, #mon-espace .owl-carousel .owl-item, #mon-espace .owl-carousel .owl-wrapper-outer {
        height: auto;
    }
    #mon-espace .owl-controls {
        padding: 25px;
    }
}

@media(min-width: 425px) {
    #mon-espace .owl-carousel .owl-wrapper, #mon-espace .owl-carousel .owl-item, #mon-espace .owl-carousel .owl-wrapper-outer {
        height: auto;
    }
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 1000;
}

/*
.popup {
    margin: 70px auto;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    width: 90%;
    position: relative;
    
}
*/

#mon-espace .popup {
    left: 50%;
    margin: 0;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 25px;
}

#mon-espace .popup .close {
    position: absolute;
    top: -5px;
    right: 8px;
    font-size: 21px;
    font-weight: 100;
    border-radius: 50%;
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    text-decoration: none;
    color: #fff;
    opacity: 1;
    width: 22px;
    height: 22px;
    text-align: center;
}

#mon-espace .popup .content {
    overflow: auto;
}

#mon-espace .item2 .cadre, #mon-espace .item3 .cadre, #mon-espace .item4 .cadre, #mon-espace .item5 .cadre {
    overflow: hidden!important;
}

#mon-espace .popup h2 {
    padding: 15px 0 9px 0px;
    color: #f3803f;
    text-align: center;
    font-size: 9.22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

#mon-espace .popup h3 {
    color: #3c3c3c;
    font-size: 8.38px;
    font-weight: 600;
    padding-bottom: 3px;
}

#mon-espace .popup ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#mon-espace .popup ul li, #mon-espace .popup p {
    line-height: 1.6;
    color: #898989;
    font-size: 7.54px;
    
    margin: 0;
    padding: 0;
}

#mon-espace .popup ul li span {
    font-weight: 600;
    font-weight: 600;
}

#mon-espace .popup .line {
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    height: 9px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#mon-espace .popup hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

#mon-espace .popup ul li::before {
    content: "\2022";
    color: #f3803f;
    font-weight: bold;
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
}

#mon-espace .pd {
    padding: 2px 15px;
}

#mon-espace .popup .content:after {
    content: '';
    text-align: center;
    margin: auto;
    display: inline-block;
    width: 42px;
    height: 42px;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

#mon-espace .item2 .popup .content:after {
    background-image: url(../img/popup1.png);
}

#mon-espace .item3 .popup .content:after {
    background-image: url(../img/popup2.png);
}

#mon-espace .item4 .popup .content:after {
    background-image: url(../img/popup3.png);
}

#mon-espace .item5 .popup .content:after {
    background-image: url(../img/popup4.png);
}

#mon-espace .item .big_title {
    color: #fff;
    font-size: 25px;
}

#mon-espace .price {
    color: #f3803f;
    font-size: 22.51px;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}

#mon-espace .select {
    border: 1px solid #898989;
    border-radius: 5px;
    padding: 3px;
}

#mon-espace .select span {
    font-size: 8px;
    color: #898989;
}

#mon-espace .select i {
    margin-top: -1px;
}

#mon-espace .item4 .popup h3 {
    padding-top: 7px;
    padding-left: 5px;
}

#mon-espace .facebook h3, #mon-espace .facebook p {
    color: #3b5998!important;
}

#mon-espace .twitter h3, #mon-espace .twitter p {
    color: #03a9f4!important;
}

#mon-espace .instagram h3, #mon-espace .instagram p {
    color: #3b5998!important;
}

#mon-espace .linkedin h3, #mon-espace .linkedin p {
    color: #0077b7!important;
}

#mon-espace .facebook, #mon-espace .twitter, #mon-espace .linkedin, #mon-espace .instagram {
    padding: 10px 15px;
    margin: 4px 0;
    border-radius: 5px;
}

@media (max-width: 425px) {
    #mon-espace .modal-content {
        overflow: auto;
        height: 584px;
    }
}

#mon-espace .owl-pagination {
    margin-top: 25px;
}

#mon-espace button.close {
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 45px;
    z-index: 1000;
    margin: 10px;
    outline: 0!important;
}

#mon-espace .modal.fade.show {
    padding: 0!important;
}

#mon-compte .card-bottom a {
    border-top: 1px solid #f3f3f3;
    border-bottom: 0;
    font-size: 17px;
    color: #c4c4c4;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    font-weight: 700;
    margin: 0;
    padding: 20px 0;
    display: block;
    cursor: pointer;
}

#mon-compte .info {
    padding: 30px 40px;
}

#mon-compte .card-bottom a:hover {
    color: #f4a620!important;
}

#mon-compte .inputs .reset {
    margin-top: 15px!important;
}

#mon-compte .inputs {
    padding: 0 35px;
}

#mon-compte .inputs input {
    width: 100%;
}

#mon-espace .info .disabled {
    background-color: #dcdcdc;
    background-image: none;
}

@media(max-width: 768px) {
    .app_mobile img {
        width: 130px;
    }
    .app_mobile ul {
        padding: 0;
        text-align: center;
    }
}

@media(max-width: 425px) {
    .new_app .col-md-5.text-center img:first-child {
        width: inherit;
    }
}

@media (max-width: 1440px) {
    .landing_page .s1 h1 {
        font-size: 50px;
    }
    .landing_page .s1 p {
        font-size: 18px;
    }
    .landing_page .s1 h2 {
        font-size: 25px;
    }
    .landing_page .s3 h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .landing_page .s3 p {
        font-size: 22px;
    }
    .landing_page .s4 h3 {
        font-size: 30px;
    }
    .landing_page .s4 h4 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .landing_page .s5 h2 {
        font-size: 40px;
    }
     /*.landing_page .s2 .video {
       height: 660px;
    }*/
}

@media (max-width: 991px) {
    .landing_page .s1 .apps {
        margin-top: 20px;
    }
    /*.center-verticaly {
        text-align: center;
    }*/
    .landing_page .s3 h3 {
        font-size: 30px;
    }
    .landing_page .s3 p {
        font-size: 20px;
    }
    .landing_page .s4 h3 {
        font-size: 25px;
    }
    .landing_page .s4 h4 {
        font-size: 25px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .landing_page .s5 h2 {
        font-size: 30px;
    }
    .landing_page .s5 {
        padding: 60px 0 78px 0;
    }
    footer.footer_landing h4 {
        font-size: 25px;
    }
    footer.footer_landing .col2 .text-footer {
        font-size: 16px;
    }
    .landing_page .s1 p {
        font-size: 18px;
    }
    footer.footer_landing h5 {
        font-size: 20px;
    }
    h1 {
        font-size: 26px!important;
    }
    .landing_page .s1 h2 {
        font-size: 26px;
    }
    .landing_page .s4 h3 {
        padding: 20px 0px;
    }
    .landing_page .s4 h4 {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .landing_page .circle {
        width: 144px;
        height: 144px;
    }
    footer.footer_landing .col1 .mb-40 img {
        width: 60%!important;
    }
}

@media (max-width: 375px) {
    .landing_page .s3 h3 {
        font-size: 26px;
    }
    .landing_page .s3 p {
        font-size: 16px;
    }
    .landing_page .s4 h3 {
        font-size: 22px;
    }
    .landing_page .s4 h4 {
        font-size: 22px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .landing_page .s5 h2 {
        font-size: 26px;
    }
    footer.footer_landing h4 {
        font-size: 22px;
    }
    footer.footer_landing .col2 .text-footer {
        font-size: 13px;
    }
    .landing_page .s1 p {
        font-size: 14px;
    }
    footer.footer_landing h5 {
        font-size: 16px;
    }
    h1 {
        font-size: 22px!important;
    }
    .landing_page .s1 h2 {
        font-size: 22px;
    }
    .landing_page .s4 h4 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .landing_page .circle {
        width: 144px;
        height: 144px;
    }
}

.wave {
    width: 100%;
    margin: -1px 0 0 0!important;
    background-color: #f5f3f2;
}

.login .wave, .register .wave {
    background-color: #fff;
}

/* Mes paiements CSS*/

#Titre_paiment {
    margin-left: 65px;
}

#My-card {
    padding-top: 0px!important;
}

#My-div {
    max-width: 95%!important;
}

#My-text {
    color: #353535;
    font-size: 1.2em;
    margin: 33px 0;
    font-weight: 700;
}

#My-text-div {
    margin: auto;
    max-width: 630px;
}

#My-text-div-success {
    margin: auto;
    max-width: 630px;
}

#myTab {
    margin-left: 75px;
}

.My-link {
    color: #ccc!important;
    box-shadow: none!important;
    border: none!important;
}

body:not(.blog_pages) .active {
    color: #222!important;
}

#My-Button {
    color: #222!important;
    font-size: 18px;
    font-weight: 700;
}

#My-stripe {
    background-color: #f7f7f7;
    border-radius: 10px;
    width: auto;
}

#text-button {
    font-size: 1.3rem;
    font-weight: 700;
    color: #222!important;
}


.button-class {
    display: block;
}

#My-span i {
    margin-left: 30px;
}

@media screen and (max-width: 500px) {
    #My-span {
        display: block;
    }
}

/*blog css */

.page-blog h1#welcome {
    margin: 40px 0 70px 0;
    color: #EE7A28 !important;
    text-align: center;
    position: relative;
}

.page-blog h1#welcome::after {
    content: "";
    width: 20%;
    position: absolute;
    height: 2px;
    background: linear-gradient(to right, #F5F3F2, #EE7A28, #F5F3F2);
    bottom: -30px;
    left: 40%;
}

@media screen and (max-width: 991px) {
    #home .first {
        height: 550px!important;
        margin-bottom: 20px;
    }
    #blog-bg:before {
        background-size: 40%, auto, 40%;
        background-position: left 200px, center 15px, right 200px;
    }
}

.My-text-article2, h3.discover-fox {
    font-size: 24px;
    /* font-family: "nunitoregular", sans-serif; */
    color: rgb(247, 140, 46);
    text-align: center;
}

h3.discover-fox {
    margin-top: 25px;
    margin-bottom: 20px;
}

.random-coach {
    height: 250px;
    width: 90%;
    margin: 20px auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    display: flex;
    align-items: flex-end;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .random-coach {
        width: 60%;
    }
}

.random-coach .text {
    /* font-family: "nunitoregular", sans-serif; */
    height: fit-content;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(245, 245, 245, 0.781);
    color: #EE7A28;
    width: 100%;
}

.random-coach .text a h2 {
    font-size: 16px;
    color: #EE7A28;
    margin-bottom: 0;
}

.random-coach .text a h2:hover {
    color: #f58e44 !important;
    text-decoration: underline !important;
}

ul.trending-now {
    list-style-type: none;
    padding-inline-start: 0;
}

.trend-thumbnail {
    width: 90%;
    height: 150px;
    margin: 30px auto 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .trend-thumbnail {
        width: 60%;
    }
}

ul.trending-now li:nth-child(even) .trend-thumbnail {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

ul.trending-now li:nth-child(even) .trend-thumbnail .category {
    border-top-left-radius: 15px;
}

.trend-thumbnail .category {
    padding: 7px 15px;
    background-color: #ec8b46;
    color: whitesmoke;
    /* font-family: "nunitoregular", sans-serif; */
    border-bottom-right-radius: 5px;
}

.thumb-title {
    margin: 10px 0;
    width: 100%;
    text-align: center;
    color: #EE7A28;
    /* font-family: "nunitobolf", sans-serif; */
    transition: color 0.4s;
}

.thumb-title:hover {
    color: #f0904b;
}

.separator {
    background-color: #EE7A28;
    width: 60%;
    margin: 10px auto 30px auto;
    height: 2px;
}

.page-blog .box-shadow {
    box-shadow: 0px -4px 14px 0px rgba(153, 152, 152, 0.63);
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
}

.My-article-blog.More .cover {
    width: 100%;
    height: 200px;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
}

.My-article-blog.More.Une .cover {
    height: 400px;
}

.My-article-blog.More {
    border-radius: 28px;
    box-shadow: 0px 7px 137.61px 1.39px #75757524;
    background-color: #fff;
    margin: auto;
    max-width: 100%;
    transition: transform 0.6s;
}

.My-article-blog.More:hover {
    transform: translateY(-10px);
}

@media screen and (min-width: 992px) {
    .My-sideBar {
        height: fit-content;
        position: sticky;
        top: 0;
        right: 0;
    }
}

.My-li-blog {
    border-top: 2px solid rgb(215, 215, 215);
    list-style-type: none;
    font-size: 18px;
    /* font-family: "nunitoregular", sans-serif; */
    color: rgb(142, 142, 142);
    transition: all .05s;
}

.My-li-blog:last-child {
    border-bottom: 2px solid rgb(215, 215, 215);
}

.category-class {
    font-size: 18px !important;
    color: rgb(142, 142, 142);
    /* font-family: "nunitoregular", sans-serif !important; */
}

.My-li-blog.category-class:hover {
    background-color: rgb(247, 140, 46) !important;
}

.My-li-blog.category-class:hover a {
    cursor: pointer!important;
    color: #fff !important;
}

.category-class .fa-chevron-right {
    color: #f78c2e;
    transition: transform 0.4s;
}

.My-li-blog.category-class:hover .fa-chevron-right {
    color: #fff;
}

.category-class:hover .fa-chevron-right {
    animation: arrow 0.4s alternate-reverse infinite;
}

@keyframes arrow {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(3px);
    }
}

/* category active */

.My-li-blog.category-class.active {
    background-color: #ec8b46;
    color: whitesmoke;
}

.My-li-blog.category-class.active a, .My-li-blog.category-class.active i {
    color: whitesmoke;
}

.My-li-blog.category-class.active:hover {
    cursor: pointer!important;
    color: whitesmoke;
}

.My-li-blog.category-class.active:hover a {
    cursor: default !important;
    color: whitesmoke !important;
}

.category-class.active:hover .fa-chevron-right {
    animation: none;
}

/* end category active */

ul.last_posts, ul#categories {
    padding: 0;
    margin: 0 10px;
    /* font-family: "nunitoregular", sans-serif; */
}

h2.My-article-category {
    font-size: 20px;
    /* font-family: "nunitobold", sans-serif, sans-serif; */
    background-color: #f0a874;
    color: whitesmoke;
    padding: 12px;
}

a.My-article-category {
    color: whitesmoke;
}

a.My-article-category:hover {
    /* color: rgb(245, 153, 68) !important; */
    text-decoration: underline!important;
}

/**/

.My-text-article {
    font-size: 25px;
    /* font-family: "nunitoregular", sans-serif; */
    color: #EE7A28;
}

.My-text-article:hover {
    color: rgb(203, 110, 22) !important;
    text-decoration: underline!important;
}

.article-description {
    font-size: 16px;
    /* font-family: "nunitoregular", sans-serif; */
    color: rgb(142, 142, 142);
    margin-top: 20px;
}

.Blog-content {
    padding-top: 10px;
    padding-bottom: 40px;
}

.div-blog-content img {
    max-width: 100%;
}

.div-blog-content {
    margin-bottom: 40px;
    padding: 15px;
    background-color: transparent;
}

.article-details {
    display: flex;
    padding: 20px 0 10px 0;
}

.author {
    margin-right: 2rem;
    font-weight: 900;
}

.author .by {
    font-weight: 400;
}

.date::before {
    content: "\2022";
    margin-right: 2rem;
    color: #EE7A28;
}

.blog-span4 {
    font-size: 15px;
    /* font-family: "nunitoregular", sans-serif; */
    color: rgb(153, 153, 153);
    line-height: 1.073;
    text-align: center;
}

button.share {
    margin-top: 30px;
    /* font-family: "nunitoregular", sans-serif; */
    font-size: large;
    padding: 8px 15px;
    background-color: #EE7A28;
    border: 0;
    color: whitesmoke;
    transition: 0.4s;
    border-radius: 80px;
    outline: transparent;
    cursor: pointer;
}

button.share:hover {
    background-color: #ec8b46;
}

button.share.focus, button.share:focus {
    box-shadow: 0 0 0 0.2rem #ec8b4640!important;
}

#share .copy {
    width: 100%;
}

#share .modal-content {
    border-radius: 20px;
}

#share ul.links_share {
    padding: 0;
    margin: 0;
    text-align: center;
}

#share .modal-title {
    vertical-align: -4px;
}

#share h5#shareLabel {
    color: #EE7A28;
    /* font-family: "nunitoregular", sans-serif; */
}

#share .copy .copy_btn {
    background-color: #EE7A28;
    color: #fff;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding: 8px 20px;
}

#share .copy .form-control {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

#share .modal-body {
    background-color: #ebeef2;
    padding: 15px 0;
}

#share .modal-footer {
    background-color: #ebeef2;
    padding: 20px 20px 30px 20px;
    border: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

#share .copy .form-control {
    border: 0;
}

#share .close {
    color: #EE7A28;
}

#share .modal-footer .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(238 122 40 / 29%)!important;
}

.article-header {
    height: fit-content;
    width: 100%;
    padding: 30px 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

ul.links_share li {
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 28px;
    margin-right: 15px;
    line-height: 1.7;
}

i.fa.fa-facebook {
    color: #385c93;
}

.reseauxSociaux i.fa.fa-twitter {
    color: #fff;
}

i.fa.fa-twitter {
    color: #00a2ec;
}

i.fa.fa-linkedin {
    color: #0079b0;
}

i.fa.fa-pinterest {
    color: #d20000;
}

.reseauxSociaux i.fa.fa-linkedin {
    color: #fff;
}

i.fa.fa-envelope {
    color: #858585;
}

.article-header h1 {
    font-size: 2.5rem;
    color: #EE7A28;
    text-align: center;
    line-height: 1.5;
    /* font-family: "nunitobold", sans-serif, sans-serif; */
}

.article-detail-category {
    padding: 7px 15px;
    border-top: solid 1px #ec8e4a;
    border-bottom: solid 1px #ec8e4a;
    color: #ec8e4a;
    /* font-family: "nunitobold", sans-serif, sans-serif; */
    transition: 0.7s;
}

.article-detail-category:hover {
    color: #EE7A28;
    border-top: solid 1px #EE7A28;
    border-bottom: solid 1px #EE7A28;
}

.category-linkk {
    margin: 20px 0;
}

section.article {
    margin-top: 57px;
}

body.blogDetail section.article table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* TEMPLATING FOR BLOG ARTICLES CONTENT */

.My-article-blog.Content {
    /* font-family: "nunitoregular", sans-serif; */
    color: rgb(48, 47, 47);
    line-height: 1.8;
    text-align: justify;
    font-size: large;
}

.My-article-blog.Content p {
    margin-bottom: 20px;
}

.My-article-blog.Content img {
    border-radius: 5px;
}

.My-article-blog.Content img.frame {
    border-radius: 0px;
    padding: 20px;
    border: solid #EE7A28 2px;
    max-width: 100%;
    height: auto!important;
}

.My-article-blog.Content img[style*="float:left"] {
    margin-right: 30px !important;
    margin-bottom: 30px !important;
    margin-left: 0px !important;
}

.My-article-blog.Content img[style*="float:right"] {
    margin-left: 30px !important;
    margin-bottom: 30px !important;
    /* margin-top: 30px !important; */
    margin-right: 0px !important;
}

.My-article-blog.Content ul {
    padding-inline-start: 5px;
}

.My-article-blog.Content ul li {
    margin: 10px 0;
    list-style-type: none;
}

.My-article-blog.Content ul li::before {
    content: "\2022";
    color: #EE7A28;
    margin-right: 30px;
}

section.article p {
    /* font-family: "nunitoregular", sans-serif; */
    font-size: 17px;
    line-height: 1.6;
}

/* section.article strong {
    font-family: "nunitobold", sans-serif, sans-serif;
}

section.article span {
    font-family: "nunitoregular", sans-serif;
} */

#shareLabel svg {
    vertical-align: middle;
}

/*    
    {
    color: #EE7A28;
    margin-top: 40px;
    margin-bottom: 15px;
    }    
*/

/*    {
    color: #EE7A28;
    margin-top: 40px;
    margin-bottom: 15px;
    }*/

#share .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    margin: 0 auto;
}

/* END OF TEMPLATING FOR BLOG ARTICLE CONTENT */

#blog-span1 {
    font-size: 120px;
    /* font-family: "nunitobold", sans-serif; */
    color: rgb(255, 255, 255);
}

#blog-span2 {
    font-size: 55px;
    /* font-family: "nunitobold", sans-serif; */
    color: rgb(255, 255, 255);
    text-align: center;
}

.My-blog-div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media screen and (max-width: 991px) {
    img.logo_blog {
        width: 55px;
    }
    .My-blog-div {
        display: block!important;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    #blog-span2 {
        font-size: 25px;
    }
}

.categorie-class {
    font-size: 17px;
    /* font-family: "nunitobold", sans-serif !important; */
    color: rgb(142, 142, 142);
    display: block;
    padding: 8px;
}

.categorie-class:hover {
    cursor: pointer!important;
    color: rgb(247, 140, 46) !important;
}

#categorieID {
    color: rgb(247, 140, 46) !important;
}

.My-li-blog2 {
    border-top: 2px solid rgb(215, 215, 215);
    list-style-type: none;
    font-size: 18px;
    /* font-family: "nunitobold", sans-serif; */
    color: rgb(142, 142, 142);
    text-align: left;
    padding: 10px;
    overflow: hidden;
    padding-left: 0px!important;
}

.My-badge {
    border-radius: 5px;
    background-color: rgb(248, 149, 70);
    font-size: 14.206px;
    /* font-family: "nunitobold", sans-serif; */
    color: rgb(255, 255, 255);
    float: right;
}

#blog-span3 {
    font-size: 16px;
    /* font-family: "poppinsregular", sans-serif; */
    color: rgb(142, 142, 142);
    margin-top: 20px;
}

.Blog-content {
    margin-top: 40px;
    margin-bottom: 40px;
}

.My-article-blog.More hr {
    margin: 12px 0;
}

.My-fa-user {
    color: #f89546;
    margin-right: 20px;
}

.My-fa-calendar {
    color: #f89546;
    margin-right: 15px;
    margin-left: 30px;
}

.My-fa-calendar2 {
    color: #f89546;
    margin-right: 15px;
}

.blog-span5 {
    font-size: 14.238px;
    /* font-family: "myriadproregular"; */
    color: rgb(153, 153, 153);
    text-transform: uppercase;
}

.calendarPos {
    position: absolute;
    bottom: 0;
    left: 0;
}

#My-img2 {
    border-radius: 10px!important;
    height: 80px!important;
    object-fit: cover;
    float: left;
    width: 100%;
    max-width: 80px!important;
    display: inline;
    margin-right: 16px;
}

#my-calendar {
    font-size: 18px;
    /* font-family: "nunitobold", sans-serif; */
    font-weight: 700;
    text-transform: uppercase;
    color: rgb(70, 70, 70) !important;
    text-align: start;
}

#My-detail-img1 {
    border-radius: 28px;
    object-fit: cover;
    width: 100%;
    height: 488px;
    margin-bottom: 20px;
}

.Section-Acrticle {
    margin-top: 57px;
}

#DetailBgolArticle {
    font-size: 24px;
    /* font-family: "myriadproregular"; */
    color: rgb(51, 51, 51);
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.Article-img {
    border-radius: 10px;
    width: 371px;
    height: 371px;
}

.Article-img-div {
    border-radius: 10px;
    width: 371px;
    height: 371px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#Articles-similaires {
    font-size: 36px;
    color: rgb(247, 140, 46);
    /* font-family: "nunitobold", sans-serif; */
    text-align: start;
}

.image-articles-similaires {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    width: 100%;
    height: 238px;
}

.div-blog-content-similaires {
    border-radius: 28px;
    margin-bottom: 40px;
    padding: 30px;
}

.My-div-article-similaires {
    box-shadow: 0px 7px 137.61px 1.39px rgba(117, 117, 117, 0.14);
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
}

#acrticle-similaires-title {
    font-size: 24px;
    color: rgb(247, 140, 46)!important;
    /* font-family: "nunitobold", sans-serif; */
    text-align: start;
}

#acrticle-similaires-title2 {
    text-decoration: none;
    font-size: 24px;
    color: rgb(247, 140, 46)!important;
    /* font-family: "nunitobold", sans-serif; */
    text-align: start;
}

#acrticle-similaires-title2:hover {
    color: rgb(203, 110, 22) !important;
    text-decoration: underline!important;
}

.article-similaires-description {
    font-size: 18px;
    color: rgb(142, 142, 142);
    /* font-family: "poppinsregular", sans-serif; */
}

.article-similaires-content {
    padding: 20px;
}

.data-question-circle {
    font-size: 20px!important;
    color: #f79d38;
}

.data-question-circle:hover {
    font-size: 25px!important;
    cursor: help;
}

/* FLOW: RIGHT */

[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(0.5em, -50%);
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(0.5em, -50%);
}

/* KEYFRAMES */

@keyframes tooltips-vert {
    to {
        opacity: 0.9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: 0.9;
        transform: translate(0, -50%);
    }
}

[tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

/*      */

.rightAngle {
    margin-left: 40px !important;
}

@media screen and (max-width: 530px) {
    .rightAngle1 {
        display: block!important;
    }
}

.tooltip-inner {
    max-width: 700px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #ffffff;
    background: #fd7e14;
    /* If max-width does not work, try using width instead */
    /*width: 400px;*/
}

/*scroll bar*/

.Addscroll {
    width: 100%;
    max-height: 500px;
    overflow: auto;
}

/*contact*/

#blog-bg {
    background-image: -moz-linear-gradient( 90deg, rgb(247, 181, 51) 0%, rgb(244, 138, 61) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(247, 181, 51) 0%, rgb(244, 146, 59) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(247, 181, 51) 0%, rgb(244, 138, 61) 100%);
    height: 370px;
    display: flex;
    align-items: center;
}

#blog-span-contact {
    font-size: 90px;
    /* font-family: "nunitobold", sans-serif; */
    color: rgb(255, 255, 255);
}

.blog-div-contact {
    text-align: center;
}

.formulaire {
    padding: 40px;
    margin-top: -18%;
    border-radius: 28px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 7px 137.61px 1.39px rgba(117, 117, 117, 0.14);
}

.contact-title {
    font-size: 30px;
    font-family: 700;
    font-weight: 700;
    color: rgb(247, 140, 46);
    text-align: center;
}

.div-form {
    margin: 0px!important;
}

.form-control.text {
    border-width: 1px!important;
    border-color: rgb(153, 153, 153)!important;
    border-style: solid!important;
    border-radius: 25px!important;
    height: 55px !important;
    width: 100%!important;
}

.form-control.message {
    border-width: 1px!important;
    border-color: rgb(153, 153, 153)!important;
    border-style: solid!important;
    border-radius: 25px!important;
    height: 193px !important;
    width: 100%!important;
    resize: none;
}

.button_contact {
    color: rgb(255, 255, 255);
    /*background-color: #ff9900 !important;*/
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    border-radius: 28px;
    border: none;
    padding: 10px;
    width: 30%;
}

.button_contact:hover {
    cursor: pointer;
    box-shadow: 0px 0px 30px 1px #f3843f;
}

.btnPerso {
    color: rgb(255, 255, 255)!important;
    /* background-color: #ff9900 !important; */
    background-image: linear-gradient(to right, #f7b634, #f8a935, #f79d38, #f6903b, #f3843f);
    border-radius: 28px;
    border: none;
    padding: 10px;
    width: 30%;
}

/*
cookies
 */

.cookie-alert {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
    background: #2f2f2f;
    color: #fff;
    padding: 10px 15px;
    width: 280px;
    z-index: 100;
}

.cookie-alert a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    margin: 8px auto 0 auto;
    border-radius: 10px;
    background: transparent;
    border: 2px solid #46A2D9;
    color: #46A2D9;
    transition: all .3s ease;
}

.cookie-alert a:hover {
    background: #46A2D9;
    color: #2f2f2f;
}

@media only screen and (max-width:480px) {
    .cookie-alert {
        text-align: center;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 700px;
        padding: 10px 30px;
    }
}

.max_text {
    font-style: italic;
}