/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 9 juin 2021, 12:17:08
    Author     : Sebastien Coueille
*/

/*
Body
*/

.height-100 {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

/* 
Container
*/

.container-fluid {
    padding-right: 6rem;
    padding-left: 6rem;
    margin: 0 auto;
    width: 136.6rem;
    font: normal normal 300 1.6rem/2.4rem Roboto;
    color: #212121;
    flex-shrink: 0;
}


/* 
Header
*/

header {
    padding: 1rem 6rem;
    width: 136.6rem;
    /*min-height: 6rem;*/
}

@media screen and (max-width: 767.98px) {
    .container-fluid {
        padding-right: 2rem;
        padding-left: 2rem;
        width: 100%;
    }
    header {
        padding: 2.2rem 3rem;
        width: 100%;
        /*min-height: 6rem;*/
    }
}
:not(.height-100) header {
    margin: 0 auto;
}

.ej-img-logo {
    background: #FFFFFF 0% 0% no-repeat padding-box; 
    box-shadow: .3rem .6rem .9rem #0012301A; 
    border-radius: .3rem; 
    display: block; 
    width: -webkit-min-content;
    width: min-content; 
}
_:-ms-fullscreen, :root .ej-img-logo {
    display: -ms-inline-grid; 
    -ms-grid-columns: min-content;
    box-shadow: .3rem .6rem .9rem #b8bfcc; 
}


.ej-img-logo:not(.left) {
    margin: 0 auto;
}
.ej-img-logo img {
    height: 4rem;
    margin: 1rem 1.7rem;
}

.ej-show-mobile .ej-img-logo img {
    height: 2.4rem;
    margin: 1rem 1.7rem;
}

.ej-login-signup {
  padding: 0.8rem 2rem;
  border-radius: .5rem;
  font: normal normal normal 1.4rem/1.9rem Roboto;
}

.ej-login-signup:hover,
.ej-login-signup:focus {
    box-shadow: none;
}

.ej-login-signup:hover {
    background: #001230 0% 0% no-repeat padding-box;
    color: #fff;
}

.ej-login-signup.ej-border-primary {
    border: 1px solid #2F3033;
    border-radius: .5rem;
}

.ej-login-signup + .ej-login-signup {
    margin-left: 1rem;
}

header .btn-header-primary {
    width: 3.5rem;
    height: 3.5rem;
    padding: 0.6rem 0rem;
    border-radius: 3.5rem !important;
    font-size: 1rem;
    text-align: center;
    background-color: #001230;
    color: #fff;
    border: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

header .btn-header-primary:hover,
header .btn-header-primary:focus {
    color: #fff;
    box-shadow: none;
}

header .btn-header-secondary {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px .1rem .5rem #00000029;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: -.7rem;
    color: #2F3033;
}
header .btn-header-secondary:hover,
header .btn-header-secondary:focus {
    color: #2F3033;
    box-shadow: 0px .1rem .5rem #00000029;
}

header .dropdown-menu-ej {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0 .3rem .6rem #00000029;
    border-radius: 1.8rem;
    padding: 1.25rem 2rem;
    margin-top: 1.5rem;
    border: 0;
    min-width: 17rem;
    z-index: 1021;
}

_:-ms-fullscreen, :root header .dropdown-menu-ej,
_:-ms-fullscreen, :root header .btn-header-secondary,
_:-ms-fullscreen, :root header .btn-header-secondary:hover,
_:-ms-fullscreen, :root header .btn-header-secondary:focus {
    box-shadow: .2rem .3rem .6rem #f0f0f0;
}

_:-ms-fullscreen, :root header .btn-header-secondary .fa-chevron-down {
    margin-left: -50%;
}

header .dropdown-menu-ej a.dropdown-item {
    font: normal normal 300 1.4rem/1.9rem Roboto;
    color: #001230;
    padding: 0.75rem 0;
}

header .dropdown-menu-ej a.dropdown-item:hover,
header .dropdown-menu-ej a.dropdown-item:focus {
    background-color: transparent;
    text-decoration: underline;
}

header .dropdown-menu-ej .dropdown-divider {
    margin: 0.75rem 0;
    border-color: #001230;
}

main a.btn,
.modal a.btn {
    background: #0267C1 0% 0% no-repeat padding-box;
    box-shadow: 0px .3rem .6rem #00000029;
    border-radius: .5rem;
    color: white;
    padding: 0.8rem 4rem;
    font: normal normal normal 1.6rem/2.1rem Roboto;
    border: none;
}
_:-ms-fullscreen, :root main a.btn,
_:-ms-fullscreen, :root .modal a.btn {
    box-shadow: 0px .3rem .6rem #b8b8b8;
}

main a.btn:hover,
.modal a.btn:hover {
    color: white;
}
    
main .btn.btn-light,
.modal .btn.btn-light {
    font: normal normal normal 1.6rem/2.4rem Roboto;
    color: #001230;
    padding: 0.7rem 2.8rem;
    background: transparent;
    border: none;
    margin: 0 1rem;
    box-shadow: none;
    border-radius: .5rem;
}
.modal .modal-dark .btn.btn-light {
    background: #FFFFFF;
    box-shadow: .5rem 1rem 1.5rem #00123066;
}
main .btn.btn-light:hover,
.modal .btn.btn-light:hover {
    color: #001230;
    background: #F9F8F6 0% 0% no-repeat padding-box;
}

main .btn.btn-outline,
.modal .btn.btn-outline {
    font: normal normal normal 1.6rem/2.1rem Roboto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.5px solid #001230;
    border-radius: .5rem;
    color: #212121;
    padding: 0.7rem 1.5rem;
    margin: -0.6rem 0 0;
    box-shadow: none;
}
main .btn.btn-outline:hover,
.modal .btn.btn-outline:hover {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: .3rem .6rem .9rem #00123029;
    border: 0.5px solid transparent;
    color: #212121;
}
_:-ms-fullscreen, :root main .btn.btn-outline:hover,
_:-ms-fullscreen, :root .modal .btn.btn-outline:hover {
    box-shadow: .3rem .6rem .9rem  #8494b0;
}

/*
NavBar
*/

.navbar {
  background-color: #001230 !important;
  padding: 0 !important;
}

.navbar-collapse {
  text-align: center;
}


.right-nav-items li {
  margin-left: 1.4rem;
}

.right-nav-items li a {
  padding: 1.6rem 1.3rem 1.8rem !important;
}

.right-nav-items a {
  color: #fff !important;
}

.right-nav-items li:hover,
.right-nav-items .active {
  background-color: #0267C1;
}

/* Mobile Only Navbar bottom */
.ej-mobile-nav {
  height: 6rem;
  color: white;
}

.ej-list-group-item {
  background-color: transparent;
  margin-right: 2rem;
  text-align: center;
}

.ej-list-group-item a {
  color: white;
  font-size: 1.2rem;
  
}

.ej-nav-return-btn {
  border-radius: 1.8rem;
  background-color: transparent !important;
  border-color: #e4e4e4;
  color: #e4e4e4;
  font: normal normal 300 1.4rem/2.1rem Roboto;
  padding: 0.8rem 2rem;
}

.ej-nav-return-btn:hover {
    border-color: #ffffff;
}

/* 
Main
*/

main {
    background-color: #fff;
    margin-top: 3rem !important;
}

.height-100 main {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.height-100 main>.row {
    flex-grow: 1;
}
@media (max-device-width: 768px) {
    main {
        padding-bottom: 8rem !important;
    }
}

/*
* Footer
*/

.ej-footer {
    margin-top: 5rem;
    background-color: #001230;
    font: normal normal normal 1.4rem/2.4rem Roboto;
    color: #F4FAFF;
}

.container-fluid-footer {
    padding: 3rem 6rem 2rem;
    margin: 0 auto;
    width: 136.6rem;
}

.ej-footer a {
    color: #F4FAFF;
}
.ej-footer a:hover {
    color: #FFF;
}

.ej-footer-link {
    margin-right: 1rem;
}

.ej-footer-link:hover {
    text-decoration: none !important;
}

.ej-footer-icon {
    font-size: 2rem;
    color: #f4faff;
}

/*
Modal
*/

.modal-dialog {
    font: normal normal 300 1.6rem/2.4rem Roboto;
    max-width: 132.6rem;
}

.modal-content {
    border-radius: 1.5rem;
    padding: 6rem 2rem;
}


.modal-content .modal-body {
    padding: 0 2rem;
}

.modal-content button.close {
    position: absolute;
    top: 2.5rem;
    right: 4rem;
    color: #000;
    opacity: 1
}

.modal-content button.close i {
    font-size: 2.4rem;
    color: #000;
    opacity: 1
}

.modal-dark {
    max-width: 100rem;
    height: 90vh;
}

.modal-dark .modal-content{
    background-color: transparent;
}

.modal-dark .modal-content button.close i {
    color: #fff;
}

.modal-dark h1 .h1-subhead,
.modal-dark h1 .h1-title,
.modal-dark h1 .h1-subtitle,
.modal-dark p {
    color: #FFF;
}

/************
 * Menu Gauche
 ************/

#menuToggle {
  display: block;
  position: relative;

  z-index: 1040;

  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a {
  text-decoration: none;
  color: #fff;

  transition: color 0.3s ease;
}

#menuToggle a:hover {
  color: tomato;
}

#menuToggle input {
  width: 5rem;
  height: 5rem;

  cursor: pointer;
  position: absolute;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */

  -webkit-touch-callout: none;
}

#menuToggle input:checked {
  position: fixed;
}

#menuToggle .close-btn {
    position: fixed; 
    padding: 2.9rem 0 1.2rem 3.6rem; 
    top: 0; left: 0; right: 0; 
    border-bottom: 0.5px solid white;
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;

  padding-top: 7rem;

  background: #001230;


  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */

  transform-origin: 0% 0%;
  transform: translate(-100%, 0);

  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu ul {
  list-style-type: none;
}

#menu>ul {
    margin-top: 3rem;
    padding-left: 3.6rem;
}
#menu ul li {
  padding: 1rem 0;
}

#menu ul li a {
  font-size: 1.8rem;
}

#menu .fixed-bottom ul li {
  padding: 0.4rem 0;
}

#menu .fixed-bottom ul li a {
  font-size: 1.4rem;
} 

#menu ul.text-center{
  padding-inline-start: unset
}

#menu .copyright {
  font-size: 1.2rem;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ div {
  transform: none;
}

/*
* Listes pour les réseaux sociaux
*/
ul#horizontal-list {
    margin: 2rem 0;
}
ul#horizontal-list li {
  display: inline;
  margin-right: 1rem;
}

ul#horizontal-list li:last-child {
  margin-right: 0;
}

ul#horizontal-list li a {
  font-size: 1.8rem;
}

/************
 * Titres
 ************/

h1.section-title {
    margin-bottom: 3rem;
}

h1 .h1-subhead,
h1 .h1-title,
h1 .h1-subtitle {
    display: block;
    text-align: center;
    color: #000000;
}

h1 .h1-subhead {
    font: normal normal normal 1.8rem/2.7rem 'GT Pressura Light';
    margin-bottom: 0.5rem;
}
h1 .h1-title{
    font: normal normal bold 2.4rem/3.6rem Roboto;
}

h1 .h1-subtitle {
    font: normal normal normal 1.6rem/2.4rem 'GT Pressura Light';
    letter-spacing: 0.032rem;
    color: #2F3033 !important;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

h2.text-page,
.text-page h2 {
    font: normal normal normal 1.6rem/2.4rem Roboto;
    color: #001230;
    text-transform: uppercase;
    margin: 3rem 0 1.5rem;
}

h2.text-page::after,
.text-page h2::after {
    width: 3rem;
    border-top: .4rem solid #001230;
    display: block;
    content: '';
    margin-bottom: 1.5rem;
}

h3.text-page,
.text-page h3 {
    font: normal normal normal 1.6rem/2.4rem Roboto;
    color: #001230;
    margin: 1.5rem 0
}

h4.text-page,
.text-page h4 {
    font: normal normal normal 1.6rem/2.1rem Roboto;
    color: #0267C1;
    margin: 1.5rem 1rem
}

h5.text-page,
.text-page h5 {
    font: normal normal normal 1.6rem/2.1rem Roboto;
    color: #0267C1;
    margin: 1.5rem 2rem
}

p.text-page,
.text-page p {
    font: normal normal normal 1.4rem/2.1rem Roboto;
    color: #212121;
    margin: 1.5rem 0 0;
}

li.text-page,
.text-page li {
    font: normal normal normal 1.4rem/2.1rem Roboto;
    color: #212121;
}


.text-and-summary {
    display: flex;
    flex-direction: row-reverse;
}

.list-group.summary {
    margin-left: 3rem;
    flex-basis: 30rem;
    flex-shrink: 0;
    top: 4rem;
    background: #ECECEC 0% 0% no-repeat padding-box;
    padding: 0 3rem 3.6rem !important;
    align-self: flex-start;
}
.text-and-summary .summary-title {
    color: #000000;
    text-transform: uppercase;
    background: #CCCCCC 0% 0% no-repeat padding-box;
    padding: 1.5rem 3rem;
    margin: 0 -3rem;
    text-align: center;
    font-weight: normal;
}
.list-group.summary .sub-summary {
    background: white;
    margin: 0 -3rem;
    padding: 0 0.4rem 1rem;
    font: normal normal 300 1.4rem/2.1rem Roboto;
    color: #001230;
}
.list-group.summary .list-group-item {
    background: #ECECEC 0% 0% no-repeat padding-box;
    font: normal normal normal 1.4rem/2.1rem Roboto;
    color: #000000;
    margin: 0;
    padding: 1.5rem 0.2rem;
    border: 0;
    border-bottom: 0.5px solid #001230;;
}

.list-group.summary .list-group-item.active::before {
    background: #001230 0% 0% no-repeat padding-box;
    border-radius: 0px .6rem .6rem 0px;
    display: block;
    content: " ";
    height: 4rem;
    width: 0.7rem;
    position: absolute;
    left: -3rem;
    top: 0.5rem;
}

@media screen and (max-width: 767.98px) {
    .text-and-summary {
        flex-direction: column;
    }
    .list-group.summary {
        position: relative;
        align-self: stretch;
        margin-right: 3rem;
        top: auto;
    }
}

/*
* Page tutor
*/

.tutor-pills>div:first-child {
    border: 0.5px solid #001230; 
    flex-basis: 51rem; 
    margin-right: 1.7rem;
}

.tutor-pills .nav-pills-title {
    background-color: #F6F7F8; 
    padding:1rem 2rem;
}

_:-ms-fullscreen, :root .tutor-pills .nav-pills-title {
    margin-right: 1px;
}

.tutor-pills .nav-pills {
    padding: 0 2rem 0 1.5rem;
}

.tutor-pills .tab-content {
    flex-grow: 1;
}

.tutor-pills .tab-content .tab-pane {
    background-color: #E6F3FF;
    flex-grow: 1;
    position: relative;
}

.tutor-pills .tab-content .tab-pane .tab-image {
    margin: 4rem auto 0;
    max-height: 26.7rem;
    display: block;
}

.tutor-pills .tab-content .tab-pane .tab-text {
    color: #001230;
    margin: 2rem auto 5rem;
    text-align: center;
    font-weight: normal;
}

.tutor-pills .tab-content .tab-pane .ej-tutor-btn {
    font: normal normal normal 1.4rem/1.9rem Roboto;
    color: #FFFFFF;
    background: #0267C1 0% 0% no-repeat padding-box;
    box-shadow: .5rem 1rem 1.5rem #00123029;
    border-radius: .5rem;
    padding: 0.9rem 2.2rem 0.8rem;
    text-shadow: none;
    display: block;
    margin: 0 auto;
    width: -webkit-max-content;
    width: max-content;
    border: 0;
    transition: all .2s ease-in;
}
_:-ms-fullscreen, :root .tutor-pills .tab-content .tab-pane {
    text-align: center;
}
_:-ms-fullscreen, :root .tutor-pills .tab-content .tab-pane .ej-tutor-btn {
    display: -ms-inline-flexbox;
    box-shadow: .5rem 1rem 1.5rem #8494b0;
}
.tutor-pills .tab-content .tab-pane .ej-tutor-btn:hover {
    transform: translateY(-0.4rem);
}

.tutor-pills .nav-pills .nav-link {
    padding: 1.5rem 0;
    color: #212121;
    border-radius: 0;
    line-height: 2rem;
    position: relative;
}
.tutor-pills .nav-pills .nav-link:not(:last-child) {
    border-bottom: 0.5px solid #212121;
}

.tutor-pills .nav-pills .nav-link .tab-num {
    font-weight: normal;
}

.tutor-pills .nav-pills .nav-link .tab-button {
    position: absolute;
    right: 0;
    bottom: 1rem;
}
.tutor-pills .nav-pills .nav-link .tab-button .fa-solid.fa-rectangle,
.tutor-pills .nav-pills .nav-link .tab-button:hover .fa-thin.fa-rectangle {
    opacity: 0;
}

.tutor-pills .nav-pills .nav-link .tab-button:hover .fa-solid.fa-rectangle,
.tutor-pills .nav-pills .nav-link .tab-button .fa-thin.fa-rectangle {
    opacity: 1;
}

.tutor-pills .nav-pills .nav-link .tab-button .fa-solid.fa-rectangle,
.tutor-pills .nav-pills .nav-link .tab-button .fa-circle-play {
    color:#0267C1;
}

.tutor-pills .nav-pills .nav-link .tab-button:hover .fa-circle-play {
    color:white;
}
.tutor-pills .nav-pills .nav-link.active {
    background-color: transparent;
}

.tutor-pills .nav-pills .nav-link.active .tab-title {
    font-weight: normal;
    color: #0267C1;
}

.tutor-pills .nav-pills .nav-link.disabled .tab-title {
    color: #707070;
}

.tutor-pills .nav-pills .nav-link:not(.active) .tab-num,
.tutor-pills .nav-pills .nav-link:not(.active) .tab-button {
    display: none;
}

.tutor-pills .nav-pills .nav-link::before,
.tutor-pills .tab-content .tab-pane .tab-num::before {
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    content: " ";
    width: 4rem;
    height: 4rem;
    position: absolute;
}

.tutor-pills .nav-pills .nav-link.disabled::before,
.tutor-pills .tab-content .tab-pane .tab-num.disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29.155' height='34' viewBox='0 0 29.155 34'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23101b2f;opacity:0.4;mix-blend-mode:hard-light;isolation:isolate;%7D.b%7Bfill:%23d8dfea;%7D.c%7Bfill:%23707070;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-317.927 -354.521)'%3E%3Cpath class='a' d='M232.309,238.637l-11.326,6.539a3.252,3.252,0,0,0-1.626,2.817V261.07a3.252,3.252,0,0,0,1.626,2.817l11.326,6.539a3.252,3.252,0,0,0,3.252,0l11.326-6.539a3.252,3.252,0,0,0,1.626-2.817V247.993a3.252,3.252,0,0,0-1.626-2.817l-11.326-6.539A3.252,3.252,0,0,0,232.309,238.637Z' transform='translate(98.57 117.66)'/%3E%3Cpath class='b' d='M232.309,228.637l-11.326,6.539a3.252,3.252,0,0,0-1.626,2.817V251.07a3.252,3.252,0,0,0,1.626,2.817l11.326,6.539a3.252,3.252,0,0,0,3.252,0l11.326-6.539a3.252,3.252,0,0,0,1.626-2.817V237.993a3.252,3.252,0,0,0-1.626-2.817l-11.326-6.539A3.252,3.252,0,0,0,232.309,228.637Z' transform='translate(98.57 126.32)'/%3E%3Cpath class='c' d='M10.156,5.688H9.547V3.859a3.859,3.859,0,1,0-7.719,0V5.688H1.219A1.219,1.219,0,0,0,0,6.906v4.875A1.219,1.219,0,0,0,1.219,13h8.938a1.219,1.219,0,0,0,1.219-1.219V6.906A1.219,1.219,0,0,0,10.156,5.688Zm-2.641,0H3.859V3.859a1.828,1.828,0,1,1,3.656,0Z' transform='translate(326.817 364.308)'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3.4rem;
}

.tutor-pills .nav-pills .nav-link.done::before,
.tutor-pills .tab-content .tab-pane .tab-num.done::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='27.749' height='23.697' viewBox='0 0 27.749 23.697'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23101b2f;opacity:0.4;%7D.a,.g%7Bmix-blend-mode:hard-light;isolation:isolate;%7D.b%7Bfill:url(%23a);%7D.c%7Bfill:url(%23b);%7D.d%7Bfill:url(%23c);%7D.e%7Bfill:url(%23d);%7D.f%7Bfill:url(%23e);%7D.g%7Bfill:none;stroke-miterlimit:10;opacity:0.3;%7D.h%7Bfill:%23e0e8f3;%7D.i%7Bfill:%231f6ef6;%7D.j,.k%7Bstroke:none;%7D.k%7Bfill:%23707070;%7D%3C/style%3E%3ClinearGradient id='a' x1='9.265' x2='9.265' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffd846'/%3E%3Cstop offset='1' stop-color='%23f90'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='20.787' x2='20.787' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f8ac3f'/%3E%3Cstop offset='1' stop-color='%23fa4143'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0.5' y1='0' x2='0.5' xlink:href='%23a'/%3E%3ClinearGradient id='d' x1='0.5' y1='0' x2='0.5' xlink:href='%23b'/%3E%3ClinearGradient id='e' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2376f8ff'/%3E%3Cstop offset='1' stop-color='%232071ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(-314.213 -354.521)'%3E%3Cpath class='a' d='M228.384,238.505l-7.893,4.557a2.267,2.267,0,0,0-1.133,1.963v9.114a2.267,2.267,0,0,0,1.133,1.963l7.893,4.557a2.267,2.267,0,0,0,2.267,0l7.893-4.557a2.267,2.267,0,0,0,1.133-1.963v-9.114a2.267,2.267,0,0,0-1.133-1.963l-7.893-4.557A2.266,2.266,0,0,0,228.384,238.505Z' transform='translate(98.57 117.254)'/%3E%3Cpath class='a' d='M424.4,344.228l-1.123,2.439,1.123,2.439H419.02v-4.878Z' transform='translate(-82.436 21.135)'/%3E%3Cpath class='a' d='M179.609,344.228l1.123,2.439-1.123,2.439h5.377v-4.878Z' transform='translate(134.604 21.135)'/%3E%3Cpath class='b' d='M424.4,335.86l-1.123,2.439,1.123,2.439H419.02V335.86Z' transform='translate(-82.436 28.721)'/%3E%3Cpath class='c' d='M421.486,318.062v4.878L419.02,324.6v-4.878Z' transform='translate(-82.436 44.855)'/%3E%3Cpath class='d' d='M179.609,335.86l1.123,2.439-1.123,2.439h5.377V335.86Z' transform='translate(134.604 28.721)'/%3E%3Cpath class='e' d='M210.755,318.062v4.878l2.467,1.663v-4.878Z' transform='translate(106.369 44.855)'/%3E%3Cpath class='f' d='M228.384,228.505l-7.893,4.557a2.267,2.267,0,0,0-1.133,1.963v9.114a2.267,2.267,0,0,0,1.133,1.963l7.893,4.557a2.267,2.267,0,0,0,2.267,0l7.893-4.557a2.267,2.267,0,0,0,1.133-1.963v-9.114a2.267,2.267,0,0,0-1.133-1.963l-7.893-4.557A2.267,2.267,0,0,0,228.384,228.505Z' transform='translate(98.57 126.32)'/%3E%3Cg class='g' transform='translate(98.57 126.32)'%3E%3Cpath class='j' d='M228.384,228.505l-7.893,4.557a2.267,2.267,0,0,0-1.133,1.963v9.114a2.267,2.267,0,0,0,1.133,1.963l7.893,4.557a2.267,2.267,0,0,0,2.267,0l7.893-4.557a2.267,2.267,0,0,0,1.133-1.963v-9.114a2.267,2.267,0,0,0-1.133-1.963l-7.893-4.557A2.267,2.267,0,0,0,228.384,228.505Z'/%3E%3Cpath class='k' d='M 229.5170440673828 230.2015075683594 C 229.4696502685547 230.2015075683594 229.4248046875 230.2135162353516 229.3836517333984 230.2372894287109 L 221.4902954101563 234.7944488525391 C 221.4080810546875 234.8419189453125 221.3569946289063 234.9304351806641 221.3569946289063 235.0254516601563 L 221.3569946289063 244.1398162841797 C 221.3569946289063 244.2348327636719 221.4080657958984 244.3233489990234 221.4902496337891 244.3708038330078 L 229.3836669921875 248.9280090332031 C 229.4348602294922 248.9575653076172 229.4844512939453 248.9637603759766 229.5170440673828 248.9637603759766 C 229.5644378662109 248.9637603759766 229.6093292236328 248.9517211914063 229.6504364013672 248.9279937744141 L 237.5438079833984 244.3708190917969 C 237.6260223388672 244.3233489990234 237.6770935058594 244.2348327636719 237.6770935058594 244.1398162841797 L 237.6770935058594 235.0254516601563 C 237.6770935058594 234.9304351806641 237.6260070800781 234.8419189453125 237.5438385009766 234.7944641113281 L 229.6503753662109 230.2372589111328 C 229.6092834472656 230.2135314941406 229.5644226074219 230.2015075683594 229.5170440673828 230.2015075683594 M 229.5170440673828 228.2015075683594 C 229.9083862304688 228.2015075683594 230.2997283935547 228.3027496337891 230.6504211425781 228.5052337646484 L 238.5438232421875 233.0624084472656 C 239.2450866699219 233.4673004150391 239.6770935058594 234.2155914306641 239.6770935058594 235.0254516601563 L 239.6770935058594 244.1398162841797 C 239.6770935058594 244.9496917724609 239.2450866699219 245.6979827880859 238.5438232421875 246.1028594970703 L 230.6504211425781 250.6600494384766 C 230.2997283935547 250.8625335693359 229.9083862304688 250.9637603759766 229.5170440673828 250.9637603759766 C 229.1257019042969 250.9637603759766 228.7343597412109 250.8625335693359 228.3836669921875 250.6600494384766 L 220.4902648925781 246.1028594970703 C 219.7890014648438 245.6979827880859 219.3569946289063 244.9496917724609 219.3569946289063 244.1398162841797 L 219.3569946289063 235.0254516601563 C 219.3569946289063 234.2155914306641 219.7890014648438 233.4673004150391 220.4902648925781 233.0624084472656 L 228.3836669921875 228.5052337646484 C 228.7343597412109 228.3027496337891 229.1257019042969 228.2015075683594 229.5170440673828 228.2015075683594 Z'/%3E%3C/g%3E%3Crect class='a' width='20.32' height='1.044' transform='translate(317.927 367.534)'/%3E%3Cpath class='a' d='M263.071,280.775l-5.147,2.972a1.478,1.478,0,0,0-.739,1.28v5.943a1.478,1.478,0,0,0,.739,1.28l5.147,2.972a1.478,1.478,0,0,0,1.478,0l5.147-2.972a1.478,1.478,0,0,0,.739-1.28v-5.943a1.478,1.478,0,0,0-.739-1.28l-5.147-2.972A1.478,1.478,0,0,0,263.071,280.775Z' transform='translate(64.277 78.839)'/%3E%3Crect class='d' width='21.928' height='4.878' transform='translate(317.123 362.918)'/%3E%3Cpath class='h' d='M263.071,270.775l-5.147,2.972a1.478,1.478,0,0,0-.739,1.28v5.943a1.478,1.478,0,0,0,.739,1.28l5.147,2.972a1.478,1.478,0,0,0,1.478,0l5.147-2.972a1.478,1.478,0,0,0,.739-1.28v-5.943a1.478,1.478,0,0,0-.739-1.28l-5.147-2.972A1.478,1.478,0,0,0,263.071,270.775Z' transform='translate(64.277 87.904)'/%3E%3Cg class='g' transform='translate(64.277 87.904)'%3E%3Cpath class='j' d='M263.071,270.775l-5.147,2.972a1.478,1.478,0,0,0-.739,1.28v5.943a1.478,1.478,0,0,0,.739,1.28l5.147,2.972a1.478,1.478,0,0,0,1.478,0l5.147-2.972a1.478,1.478,0,0,0,.739-1.28v-5.943a1.478,1.478,0,0,0-.739-1.28l-5.147-2.972A1.478,1.478,0,0,0,263.071,270.775Z'/%3E%3Cpath class='k' d='M 263.810302734375 272.6573181152344 L 259.1849975585938 275.3276062011719 L 259.1849975585938 280.66845703125 L 263.810302734375 283.3387756347656 L 268.4355773925781 280.6684875488281 L 268.4355773925781 275.3276062011719 L 263.810302734375 272.6573181152344 M 263.8102722167969 270.5765075683594 C 264.0654602050781 270.5765075683594 264.3206787109375 270.6425476074219 264.5493469238281 270.7745971679688 L 269.6965637207031 273.7462158203125 C 270.1538391113281 274.0103149414063 270.4355773925781 274.4982299804688 270.4355773925781 275.0263061523438 L 270.4355773925781 280.9697875976563 C 270.4355773925781 281.4978332519531 270.1538391113281 281.9857788085938 269.6965637207031 282.2498474121094 L 264.5493469238281 285.2214965820313 C 264.3206787109375 285.3535461425781 264.0654602050781 285.4195556640625 263.8102722167969 285.4195556640625 C 263.5550842285156 285.4195556640625 263.2998962402344 285.3535461425781 263.0712585449219 285.2214965820313 L 257.9240417480469 282.2498474121094 C 257.4667358398438 281.9857788085938 257.1849975585938 281.4978332519531 257.1849975585938 280.9697875976563 L 257.1849975585938 275.0263061523438 C 257.1849975585938 274.4982299804688 257.4667358398438 274.0103149414063 257.9240417480469 273.7462158203125 L 263.0712585449219 270.7745971679688 C 263.2998962402344 270.6425476074219 263.5550842285156 270.5765075683594 263.8102722167969 270.5765075683594 Z'/%3E%3C/g%3E%3Cpath class='i' d='M1.963,8.8.085,6.924a.289.289,0,0,1,0-.409l.409-.409a.289.289,0,0,1,.409,0L2.168,7.373,4.878,4.662a.289.289,0,0,1,.409,0l.409.409a.289.289,0,0,1,0,.409L2.372,8.8A.289.289,0,0,1,1.963,8.8Z' transform='translate(325.197 359.484)'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 4rem;
}

.tutor-pills .nav-pills .nav-link:not(.done).started::before,
.tutor-pills .tab-content .tab-pane .tab-num:not(.done).started::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32.585' height='38' viewBox='0 0 32.585 38'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23101b2f;opacity:0.4;mix-blend-mode:hard-light;isolation:isolate;%7D.b%7Bfill:url(%23a);%7D%3C/style%3E%3ClinearGradient id='a' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2376f8ff'/%3E%3Cstop offset='1' stop-color='%232071ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(-317.927 -354.521)'%3E%3Cpath class='a' d='M233.832,238.689,221.174,246a3.635,3.635,0,0,0-1.817,3.148V263.76a3.635,3.635,0,0,0,1.817,3.148l12.658,7.308a3.634,3.634,0,0,0,3.635,0l12.658-7.308a3.635,3.635,0,0,0,1.817-3.148V249.144A3.635,3.635,0,0,0,250.125,246l-12.658-7.308A3.634,3.634,0,0,0,233.832,238.689Z' transform='translate(98.57 117.818)'/%3E%3Cpath class='b' d='M233.832,228.689,221.174,236a3.635,3.635,0,0,0-1.817,3.148V253.76a3.635,3.635,0,0,0,1.817,3.148l12.658,7.308a3.635,3.635,0,0,0,3.635,0l12.658-7.308a3.635,3.635,0,0,0,1.817-3.148V239.144A3.635,3.635,0,0,0,250.125,236l-12.658-7.308A3.634,3.634,0,0,0,233.832,228.689Z' transform='translate(98.57 126.32)'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3.4rem;
}


.tutor-pills .nav-pills .nav-link:not(.done):not(.disabled):not(.started)::before,
.tutor-pills .tab-content .tab-pane .tab-num:not(.done):not(.disabled):not(.started)::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.585' height='38' viewBox='0 0 32.585 38'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23101b2f;opacity:0.4;mix-blend-mode:hard-light;isolation:isolate;%7D.b%7Bfill:%23d8dfea;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-317.927 -354.521)'%3E%3Cpath class='a' d='M233.832,238.689,221.174,246a3.635,3.635,0,0,0-1.817,3.148V263.76a3.635,3.635,0,0,0,1.817,3.148l12.658,7.308a3.634,3.634,0,0,0,3.635,0l12.658-7.308a3.635,3.635,0,0,0,1.817-3.148V249.144A3.635,3.635,0,0,0,250.125,246l-12.658-7.308A3.634,3.634,0,0,0,233.832,238.689Z' transform='translate(98.57 117.818)'/%3E%3Cpath class='b' d='M233.832,228.689,221.174,236a3.635,3.635,0,0,0-1.817,3.148V253.76a3.635,3.635,0,0,0,1.817,3.148l12.658,7.308a3.635,3.635,0,0,0,3.635,0l12.658-7.308a3.635,3.635,0,0,0,1.817-3.148V239.144A3.635,3.635,0,0,0,250.125,236l-12.658-7.308A3.635,3.635,0,0,0,233.832,228.689Z' transform='translate(98.57 126.32)'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3.4rem;
}

.tutor-pills .nav-pills .nav-link.active::before {
    margin: 0 0 0 -6.4rem;
}

.tutor-pills .nav-pills .nav-link:not(.active)::before {
    margin: -0.9rem 0 0 -6.4rem;
}

.tutor-pills .tab-content .tab-pane .tab-num::before {
    margin: -5rem 0 0 0;
}

.tutor-pills .episodes-counter {
    background: #0267C1 0% 0% no-repeat padding-box; 
    width: 5.6rem; 
    color: #FFFFFF; 
    font-weight: normal; 
    text-align: center; 
    padding-top: 2.2rem;
}

@media screen and (max-width: 767.98px) {
    .tutor-pills>div:first-child {
        border: none; 
        flex-basis: auto; 
        margin-right: 0;
    }
    .tutor-pills .nav-pills-title {
        background-color: #0267C1; 
        color: white;
    }
    
    .tutor-pills .tab-content {
        padding: 1.5rem 2.7rem;
        background-color: #F9F8F6;
    }

    .tutor-pills .tab-content .tab-pane {
        display: block;
        box-shadow: .5rem 1rem 1.5rem #00123029; 
        border-radius: 1.5rem; 
        margin-bottom: 1rem;
    }


    .tutor-pills .tab-content .tab-pane .tab-num {
        font: normal normal normal 1.8rem/2.7rem Roboto;
        padding: 2.8rem 2rem 0.3rem 2rem;
        background-color: white;
    }

    .tutor-pills .tab-content .tab-pane .tab-title {
        font: normal normal normal 2rem/3rem Roboto;
        color: #0267C1;
        padding: 0.2rem 2rem 0.7rem 2rem;
        background-color: white;
    }

    .tutor-pills .tab-content .tab-pane .tab-image {
        max-height: 12.3rem;
        margin: 1rem auto 2.8rem;
    }

    .tutor-pills .tab-content .tab-pane .tab-text {
        background-color: white;
        font-weight: 300;
        text-align: left;
        padding: 0.7rem 2rem 2rem 2rem;
        margin: 0;
    }
    
    .tutor-pills .tab-content .tab-pane .ej-tutor-btn {
        font: normal normal 300 1.8rem/2.4rem Roboto;
        padding: 0.6rem 1.4rem;
        position: absolute;
        top: 14rem;
        right: 2rem;
        box-shadow: none;
    }
}


.gray-col {
    margin: 1rem -0.75rem;
}
.gray-col>div[class^="col-"] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
}

.gray-col>div[class^="col-"]>* {
    background: #F9F8F6 0% 0% no-repeat padding-box;
    padding: 2.5rem 2.5rem 3.5rem 2.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;


}

/*
Fiches tutor
*/

h2.fiche-tutor {
    font: normal normal normal 1.8rem/2.7rem Roboto;
    color: #000000;
    text-transform: capitalize;
    margin: 3rem 0 1.5rem;
}

div.fiche-tutor {
    margin: 0 -0.75rem;
}
div.fiche-tutor>div[class^="col-"] {
    padding: 0.75rem;
    display: flex;
}
div.fiche-tutor a {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: .1rem solid #C9C9C9;
    border-radius: 1.5rem;
    text-align: center;
    color: #000000;
    padding: 1.5rem 4rem 2rem;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    flex-grow: 1;
    position: relative;
}

div.fiche-tutor a .fa-file-pdf {
    color: #0267C1;
    display: block;
    margin-bottom: 1rem;
    font-size: 2.1rem;
}
div.fiche-tutor a:hover {
    background: #F6F7F8 0% 0% no-repeat padding-box;
    box-shadow: .3rem .6rem .9rem #00123029;
    text-decoration: none;
    border-color: #F6F7F8;
}

div.fiche-tutor a .fiche-overlay {
    position: absolute;
    background: #001230B2 0% 0% no-repeat padding-box;
    border-radius: 1.5rem;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.fiche-tutor a .fiche-overlay span {
    display: none;
}

div.fiche-tutor a:hover .fiche-overlay {
    background: #001230 0% 0% no-repeat padding-box;
}

div.fiche-tutor a:hover .fiche-overlay span {
    color: white;
    display: block;
}

div.fiche-tutor a .fiche-overlay i {
    color: white;
    display: block;
}

div.fiche-tutor a:hover .fiche-overlay i {
    display: none;
}