.scholarships-page, .mobility-page {
  min-height: 60vh;
}

.form-search .filtertable.table.table-striped tbody {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
   width: 100%;
}

.form-search .filtertable.table.table-striped { 
width: 100%;
}

.form-search .filtertable.table.table-striped .fabrik_row.oddRow0 > td { 
   display: flex;
  justify-content: space-between;
  align-items: center;
  width: 7rem;
}


/* SLIDER HOME PAGE */

.slider-container {
  height: 540px;
  width: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.menu {
  position: absolute;
  left: 0;
  z-index: 9;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;

}

.menu label {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #eee;
  border-radius: 50px;
  margin: 0 .2em 1em;
  transition: 1s ease all;
}

.menu label:hover {
  background: red;
}

section.slide.slide-0 {
  display: flex;
}

section.texte-principal {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

section.texte-principal h1 {
  color: white !important;
  text-shadow: 1px 2px 20px #000000;
}

section.texte-principal h1::after {
  display: none;
}

section.texte-principal p {
  color: white !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 70%;
  text-shadow: 1px 2px 20px #000000;
}

section.texte-principal h3::after {
  display: none;
}

.slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 5;
  background-size: cover;
  background-position: 50% 50%;
  transition: left 0s .75s;
}

[id^="slide"]:checked+.slide {
  left: 0;
  z-index: 6;
  transition: left .65s ease-out;
}


/*LISTES */ 

li {
  list-style-type: initial;
}

/*YT*/

.w-container.yt {
  max-width: 100vw !important;
}

/*OUR GOAL*/
.title-icon img {
  width: 20%;
}

.title-icon {
  display: flex;
  margin-bottom: 15px;
}
.title-icon h4 {
 width: 85%;
}

.w-row.container-goal {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

/*BURGER*/
#menuToggle {
  display: none;
}

/*LISTE DEROULANTE*/

.text-block {
  font-family: Inconsolata, monospace;
  color: #fdfbff;
  font-size: 30px;
  line-height: 17px;
  font-weight: 400;
  text-align: center;
  margin-left: 1px;
  margin-top: -1px;
}

.faq-content {
  overflow: hidden;
  margin-top: -2px;
}

.faq-question-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fdfbff;
  box-shadow: 7px 7px 60px 0 #f2f3f6;
  text-decoration: none;
}

.faq-intro {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 25px 25px;
  align-items: center;
  border-radius: 8px;
  background-color: #fdfbff;
  box-shadow: 7px 7px 60px 0 #f2f3f6;
  text-decoration: none;
  height: 5rem;
}

.faq {
  flex: 0 0 24%;
  display: flex;
  justify-content: flex-start;
  align-items: end;
  flex-direction: column;
}

.faq-question-wrap {
  margin-bottom: 10px;
}

.animation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #EBCCCE;
  text-decoration: none;
}

.partners-serp .faq-wrap {
  display: flex;
  max-width: 100%;
  margin-top: 60px;
  flex-direction: row;
  justify-content: space-around;
}

.faq-wrap {
  max-width: 880px;
  margin-top: 60px;
}

.course-cata .faq-wrap {
  margin-top: 10px !important;
}

.paragraphe-liste-deroulante {
  margin-bottom: 0px;
  padding: 30px;
}

.faq-content .liste-deroulante {
  margin-bottom: 0px;
  padding: 30px;
  list-style-type: none;
} 

.faq-content .liste-deroulante li::marker {
   content: "> "; 
   color: #A51E25;  
   font-weight: 900; 
} 

.faq-content .liste-deroulante a {
  color: #161616;
  text-decoration: none;
}


.faq-content .liste-deroulante a:hover {
  text-decoration: underline;
}  

.h4-lascala.red.center  {
  font-style: italic;
  text-transform: inherit;
  margin-top: 50px;
}  

.link-liste-deroulante {
  border-bottom: 1px solid #a51e2585;
  -webkit-transition: border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53);
  color: #A51E25;
  text-decoration: none;
}

.link-liste-deroulante:hover {
  border-bottom: 1px solid #74161b72;
  color: #74161b;
}


.faq-intro .liste-deroulante-title {
  font-family: 'Clarikaprogeo th', sans-serif;
  color: #161616;
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  text-align: center;
  margin: auto;
}

.liste-deroulante-title {
  margin-right: 40px;
  font-family: 'Clarikaprogeo th', sans-serif;
  color: #161616;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}



/*LOGO*/

body.lascala #g-navigation {
  display: none;
}

/*TUITION*/

.block-tuition.blocks-lascala {
  width: 300px;
  min-height: 150px;
}

.blocks-lascala.purple.block-tuition, .blocks-lascala.purple.block-living-costs {
  background: #A51E25;
}

.blocks-lascala.bleu.block-living-costs {
  background: #74161b;
}

.block-living-costs.blocks-lascala {
  width: 300px;
  min-height: 200px;
  margin-top: 20px;
}

.block-stat.blocks-lascala {
  width: 300px;
  min-height: 120px;
  margin-top: 20px;
}

.blocks-tuition {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.blocks-more-info {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.block-more-info {
  width: 20% !important;
  text-align: center;
}

.width-tuition {
  width: auto !important;
}

/*SEMESTRES*/

.lascala-univ {
  color: #A51E25;
}

.center {
  text-align: center;
}

/*PADDING*/
.no-padding {
  padding-top: 0px !important;
}

.padding-top-no-padding-bottom {
padding-top: 80px;
padding-bottom: 0px !important;
}

.padding-top {
  margin-top: 50px !important;
}

.padding-li li {
  padding-bottom: 15px !important;
}

/*CALENDAR */
.calendar a.dp-module-upcoming-modal-disabled {
  font-size: 14px;
}

.dp-module-upcoming-horizontal-root.dp-module-upcoming-root>div {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.calendar .dp-module-upcoming-horizontal-calendar {
  margin-right: 20px;
}

.calendar .dp-module-upcoming-horizontal-container {
  display: block;
  width: 300px;
  min-height: 150px;
  padding: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(83, 10, 196, 0.1);
  border-radius: 6px;
  background-color: rgba(165,30,37,0.05);
  box-shadow: 8px 0 15px 0 hsla(0, 0%, 9%, 0.04);
  -webkit-transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
  transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
  color: #171717;
  text-decoration: none;
}

.calendar .ttr_block_header {
  justify-content: center;
  display: flex;
}

.ttr_block.calendar {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.calendar .ttr_block_heading {
  color: #171717;
  margin-top: 0px;
  font-family: 'Clarikaprogeo md', sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.calendar a {
  color: #A51E25;
  border-bottom: 1px solid #A51E25;
  text-decoration: none;
  font-family: 'Clarikaprogeo md', sans-serif;
}

.calendar a :hover {
  color: #74161b;
  border-bottom: 1px solid #74161b;
}

/* LIENS */
.block-logo-footer {
  text-decoration: none;
}

.logo-navbar.w-inline-block {
  text-decoration: none;
}

.logo-navbar-2.w-inline-block {
  text-decoration: none;
}

.logo-eugloh-navbar.w-inline-block {
  text-decoration: none;
}

.logo-erasmus-navbar.w-inline-block {
  text-decoration: none;
}

.contact-us a {
  text-decoration: none;
  color: #A51E25;
  margin-left: 20px;
}

.menu-item-2.contact-us a {
  text-decoration: none;
  color: #fff;
  margin-left: 20px;
}

.wrapper-social a {
  text-decoration: none;
}

.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

.body-clarika {
  background-color: rgba(165,30,37,0.05);
  font-family: 'Clarikaprogeo th', sans-serif;
  color: #171717;
  font-size: 17px;
  line-height: 23px;
}

.section-normal {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-normal.white {
  background-color: #fff;
}

.section-normal.no-padding-top {
  padding-top: 0px;
}

.section-white {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: rgba(165,30,37,0.05);
}

.h1-lascala {
  margin-top: 0px;
  font-family: 'Clarikaprogeo md', sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.h1-lascala.blue {
  width: 100%;
  color: #fff;
}

.h2-lascala {
  margin-top: 0px;
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #530ac4;
  font-size: 40px;
  line-height: 40px;
}

.h2-lascala.dark {
  color: #171717;
}

.h2-lascala.dark.center {
  text-align: center;
}

.h2-lascala.white {
  color: #fdfbff;
}

.h2-lascala.white.center {
  text-align: center;
}

.h2-lascala.center {
  text-align: center;
}

.h2-lascala.center.dark {
  color: #171717;
}

.h2-lascala.center.red {
  color: #A51E25;
}

.h3-lascala {
  margin-top: 0px;
  font-family: 'Clarikaprogeo md', sans-serif;
  font-size: 27px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
}

.h3-lascala.center {
  text-align: center;
}


.h3-lascala.bdc {
  text-transform: none;
}

.h3-lascala.bdc.bigger {
  color: #A51E25;
  font-size: 30px;
  line-height: 22px;
}

.h3-lascala.bdc.bigger.dark {
  color: #171717;
}


.bouton-cta {
  margin-top: 15px;
  padding: 10px 25px;
  border-radius: 6px;
  background-color: #A51E25;
  -webkit-transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  font-weight: 400;
}

.bouton-cta-2 {
  margin-top: 15px;
  padding: 10px 25px;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #A51E25;
  color: #A51E25;
  -webkit-transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  font-weight: 400;
}

.bouton-cta-2.nav-button {
  margin-top: 0px;
  margin-left: 25px;
}

.bouton-cta-2:hover {
  background-color: transparent;
  border: 1px solid #A51E25;
  color: #A51E25;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.bouton-cta-2-2 {
  margin-top: 15px;
  padding: 10px 25px;
  border-radius: 6px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  font-weight: 400;
}

.bouton-cta-2-2.nav-button {
  margin-top: 0px;
  margin-left: 25px;
}

.bouton-cta-2-2:hover {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}


.bouton-cta-22 {
  margin-top: 15px;
  padding: 10px 25px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  -webkit-transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  font-weight: 400;
}

.bouton-cta-22.nav-button {
  margin-top: 0px;
  margin-left: 25px;
}

.bouton-cta-22:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}



.bouton-cta:hover {
  background-color: #74161b;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.bouton-cta.invert {
  background-color: #A51E25;
}

.bouton-cta.invert:hover {
  background-color: #74161b;
}

.bouton-cta.color {
  background-color: #A51E25;
}

.bouton-cta.color:hover {
  background-color: #74161b;
}

.bouton-cta.center {
  display: block;
  width: 150px;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.bouton-cta.nav-button {
  margin-top: 0px;
  margin-left: 25px;
}

.wrapper-bouton-cta-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.blocks-lascala {
  display: block;
  width: 250px;
  height: auto;
  min-height: 250px;
  margin-right: auto;
  margin-left: auto;
  padding: 25px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(83, 10, 196, 0.1);
  border-radius: 6px;
  background-color: #fdfbff;
  box-shadow: 8px 0 15px 0 hsla(0, 0%, 9%, 0.04);
  -webkit-transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
  transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
  color: #171717;
  text-decoration: none;
}

.blocks-lascala:hover {
  box-shadow: 13px 0 20px 0 rgba(23, 23, 23, 0.02);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.blocks-lascala.white {
  border-color: rgba(32, 4, 75, 0.1);
  background-color: #fff;
}

.blocks-lascala.purple {
  border-color: rgba(32, 4, 75, 0.1);
  background-color: #530ac4;
}

.block-stat.blocks-lascala.purple {
  border-color: rgba(32, 4, 75, 0.1);
  background-color: #A51E25;
}
.blocks-lascala.bleu {
  background-color: #1f016d;
}

.block-stat.blocks-lascala.bleu {
  background-color: #74161b;
}

.blocks-lascala.orange {
  background-color: #ffc37c;
}

.h4-lascala {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #A51E25;
  font-size: 20px;
  line-height: 19px;
  font-weight: 400;
  text-transform: uppercase;
}

.h4-lascala.white {
  color: #fff;
}

.h4-lascala.black {
  color: #000;
}

.h4-lascala.yellow {
  color: #ffee76;
}

.h4-lascala.different-h4 {
  margin-bottom: 0px;
  font-size: 14px;
}

.h4-lascala.blue {
  color: #1f016d;
}

.h4-lascala.bdc {
  text-transform: none;
}

.h4-lascala.bdc.dark {
  color: #171717;
}

.link-cta {
  display: inline;
  border-bottom: 1px solid rgba(83, 10, 196, 0.4);
  -webkit-transition: color 200ms cubic-bezier(.55, .085, .68, .53), border-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .085, .68, .53), border-color 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #530ac4;
  font-size: 15px;
  line-height: 21px;
}

.link-cta:hover {
  border-bottom-color: rgba(31, 1, 109, 0.7);
  color: #1f016d;
}

.link-cta.invert {
  border-bottom-color: rgba(255, 238, 118, 0.4);
  color: #ffee76;
}

.link-cta.invert:hover {
  border-bottom-color: rgba(255, 238, 118, 0.7);
}

.paragraphe.white {
  color: #fff;
}

.paragraphe.black {
  color: #000;
}

.paragraphe.white.small {
  font-size: 15px;
  line-height: 20px;
}

.credit {
    display: flex;
    justify-content: center;
}

.credit p, .credit p a {
    color: #fff;
}

.paragraphe.footer {
  padding: 0px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
}

.paragraphe.center {
  text-align: center;
}

.paragraphe.center._70 {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}

.footer {
  padding: 60px 50px;
  background-color: #A51E25;
}

.footer:not(p) {
  margin-bottom: -16px;
}

.menu-item-footer {
  -webkit-transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  color: #fdfbff;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
}

.menu-item-footer:hover {
  color: #ffee76;
}

.menu-item-footer.invert {
  color: #fff;
}

.menu-item-footer.invert:hover {
  color: #fdfbff;
  text-decoration: underline;
}

.h5-lascala {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Clarikaprogeo th', sans-serif;
  color: #fdfbff;
  font-size: 20px;
  line-height: 21px;
}

.h5-lascala.margin-top {
  margin-top: 10px;
}

.wrapper-item-menu-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bouton-cta-small {
  margin-top: 15px;
  padding: 10px 25px;
  border-radius: 6px;
  background-color: #530ac4;
  -webkit-transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), background-color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  font-weight: 400;
}

.bouton-cta-small:hover {
  background-color: #1f016d;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
}

.bouton-cta-small.color {
  margin-top: 5px;
  padding: 8px 15px;
  background-color: #fff;
  font-size: 14px;
  line-height: 18px;
  color: #A51E25;
}

.bouton-cta-small.color:hover {
  background-color: #afaaab;
  color: #fff;
}

.block-logo-footer {
  display: block;
  width: 90%;
  height: 120px;
  float: left;
  background-image: url('/images/custom/Logo_SERP_blanc.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.block-logo-footer.w--current {
  background-image: url('/images/custom/Logo_SERP_blanc.png');
}

.photo-box-shadow {
  width: 100%;
  height: 370px;
  border-radius: 6px;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.2);
  -o-object-fit: cover;
  object-fit: cover;
}

.row-flex-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper-text-column {
  padding-right: 60px;
  padding-left: 60px;
}

.tableau-tarifs-wrapper {
  margin-top: 35px;
  background-color: #fff;
  box-shadow: 8px 0 15px 0 hsl(0deg 0% 9% / 4%);
  border-color: rgba(32, 4, 75, 0.1);
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
}

.wrapper-text-tarifs {
  padding: 35px 35px 15px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.separateur {
  height: 1px;
  background-color: #eae5f1;
}

.row-separateur {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper-plus-dinformations {
  padding-top: 25px;
  padding-bottom: 25px;
}

.tick {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #A51E25;
  background-image: url('/images/custom/lascala/Tick.svg');
  background-position: 50% 50%;
  background-size: 40%;
  background-repeat: no-repeat;
}

.container-plus-dinformations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.texte-plus-dinformations {
  margin-bottom: 0px;
  font-family: 'Clarikaprogeo md', sans-serif;
  font-size: 16px;
  line-height: 19px;
}

.texte-plus-dinformations-2 {
  margin-bottom: 0px;
  font-family: 'Clarikaprogeo md', sans-serif;
  font-size: 12px;
  line-height: 19px;
}

.row-plus-dinformations {
  margin-bottom: 15px;
}

.prix-wrapper {
  width: 100%;
  height: 36rem;
  padding: 40px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #EBCCCE;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.row-tableau-tarifs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.h6-lascala {
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #A51E25;
  font-size: 17px;
  text-align: center;
}

.prix {
  margin-top: 20px;
  font-family: 'Clarikaprogeo md', sans-serif;
  font-size: 45px;
  line-height: 80px;
  text-align: center;
}

.follow-block {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 4px;
  border-radius: 50%;
  background-color: transparent;
  background-image: url('/images/custom/lascala/instagram.svg');
  background-position: 50% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  -webkit-transition: background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: background-color 200ms cubic-bezier(.55, .085, .68, .53);
}

.follow-block:hover {
  background-color: #afaaab;
}

.follow-block.facebook {
  background-image: url('/images/custom/lascala/facebook-app-symbol.svg');
}

.follow-block.linkedin {
  background-image: url('/images/custom/lascala/linkedin.svg');
}

.section-hero {
  position: relative;
  overflow: hidden;
  height: 95vh;
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: url('/images/custom/accueil-serp.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  z-index: 500;
}


.section-hero-2 {
  position: relative;
  height: 5.5rem;
  z-index: 500;
  background: #fff;
}


.homme-bouge {
  display: none;
  /*
   position: absolute;
   left: 0%;
   top: 0%;
   right: 0%;
   bottom: 0%;
   height: 100%;
   background-image: url('/images/custom/lascala/homme-bouge.svg');
   background-position: 50% 100%;
   background-size: contain;
   background-repeat: no-repeat; */
}

.content-hero {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-hero {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  z-index: 500;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrapper-menu-navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-item {
  margin-left: 0px;
  -webkit-transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #A51E25;
  text-decoration: none;
}

.menu-item:hover {
  color: #A51E25;
}

.menu-item-2 {
  margin-left: 0px;
  -webkit-transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #fff;
  text-decoration: none;
}

.menu-item-2:hover {
  color: #fff;
}

.logo-navbar {
  width: 170px;
  height: 100%;
  background-image: url('/images/custom/Logo_SERP_bleu.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.logo-navbar-2 {
  width: 170px;
  height: 100%;
  background-image: url('/images/custom/Logo_SERP_blanc.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.logo-navbar.w--current {
  background-image: url('/images/custom/Logo_SERP_bleu.png');
}

.logo-navbar-2.w--current {
  background-image: url('/images/custom/Logo_SERP_blanc.png');
}

.logos {
  width: 20rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.logo-eugloh-navbar {
  width: 200px;
  height: 70px;
  background-image: url('/images/custom/EUGLOH_logo_blanc.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  background-position: left center;
}

.logo-eugloh-navbar.w--current {
  background-image: url('/images/custom/EUGLOH_logo_blanc.png');
}

.logo-erasmus-navbar {
  width: 200px;
  height: 70px;
  background-image: url('/images/custom/Logo_Erasmus_with_the_support.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  background-position: left center;
}

.logo-erasmus-navbar.w--current {
  background-image: url('/images/custom/logo_EU_2024.png');
}

.row-hero {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.logo-lascala {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}

.link-simple {
  display: block;
  width: 92px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid rgba(255, 195, 124, 0.6);
  -webkit-transition: border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: transform 200ms cubic-bezier(.55, .085, .68, .53), border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53), -webkit-transform 200ms cubic-bezier(.55, .085, .68, .53);
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #ffc37c;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.link-simple:hover {
  border-bottom-color: #ffee76;
  -webkit-transform: translate(0px, -2px);
  -ms-transform: translate(0px, -2px);
  transform: translate(0px, -2px);
  color: #ffee76;
}

.link-simple.purple {
  border-bottom-color: rgba(83, 10, 196, 0.6);
  color: #530ac4;
}

.photo-news {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 100%;
  height: 110px;
}

.blocks-lascala-news {
  position: relative;
  display: block;
  overflow: hidden;
  width: 290px;
  height: auto;
  min-height: 250px;
  margin-right: auto;
  margin-left: auto;
  padding: 140px 30px 30px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(83, 10, 196, 0.1);
  border-radius: 6px;
  background-color: #fdfbff;
  box-shadow: 8px 0 15px 0 hsla(0, 0%, 9%, 0.04);
  -webkit-transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
  transition: box-shadow 200ms cubic-bezier(.55, .085, .68, .53);
  color: #171717;
  text-decoration: none;
}

.blocks-lascala-news:hover {
  box-shadow: 13px 0 20px 0 rgba(23, 23, 23, 0.02);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.image-news {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-list {
  overflow: hidden;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6px;
  background-color: #f9f6ff;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.1);
}

.list-item {
  padding: 20px 40px;
  background-color: #a51e2505;
}

.list-item.invert {
  background-color: #a51e250d;
}

.titre-list {
  font-family: 'Clarikaprogeo md', sans-serif;
}

.bold-text {
  font-family: 'Clarikaprogeo md', sans-serif;
}

.titre-list-card {
  padding: 20px 40px;
  background-color: #A51E25;
  font-family: 'Clarikaprogeo md', sans-serif;
  color: #fdfbff;
  font-size: 21px;
  line-height: 23px;
}

.titre-list-card.white {
  margin-bottom: 5px;
  padding: 0px;
  background-color: transparent;
  color: #A51E25;
  font-size: 30px;
  line-height: 30px;
}

.picture-block {
  position: relative;
  display: block;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6px;
}

.picture-100 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.overlay-picture {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 30px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(83, 10, 196, 0.8);
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
}

.row-image-block {
  margin-top: 40px;
}

.wrapper-text-right {
  text-align: right;
}

.wrapper-text-right.padding-right {
  padding-right: 50px;
}

.wrapper-video-block {
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.04);
}

.wrapper-photo-block {
  background-image: url('/images/custom/paris.jpg');
  background-repeat: no-repeat;
  height: 17rem;
  width: 26rem;
  background-position: center;
  background-size: 100%;
  border-radius: 6px;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.04);
}
.wrapper-photo-block2 {
  background-image: url('/images/custom/genova.jpg');
  background-repeat: no-repeat;
  height: 17rem;
  width: 26rem;
  background-position: center;
  background-size: 100%;
  border-radius: 6px;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.04);
}
.wrapper-photo-block3 {
  background-image: url('/images/custom/porto.jpg');
  background-repeat: no-repeat;
  height: 17rem;
  width: 26rem;
  border-radius: 6px;
  background-position: center;
  background-size: 100%;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.04);
}
.wrapper-photo-block4 {
  background-image: url('/images/custom/poznan.jpg');
  background-repeat: no-repeat;
  height: 17rem;
  width: 26rem;
  border-radius: 6px;
  background-position: center;
  background-size: 100%;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.04);
}
.wrapper-photo-block5 {
  background-image: url('/images/custom/mcgill_university.jpg');
  background-repeat: no-repeat;
  height: 17rem;
  width: 26rem;
  border-radius: 6px;
  background-position: center;
  background-size: 100%;
  box-shadow: 6px 6px 15px 0 hsla(0, 0%, 9%, 0.04);
}

.section-intro {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #A51E25;
}

.section-intro.purple {
  background-color: #74161b;
}

.section-intro.orange {
  background-color: #ffc37c;
}

.faq-content {
  overflow: hidden;
  margin-top: -2px;
}

.faq-question-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fdfbff;
  box-shadow: 7px 7px 60px 0 #f2f3f6;
  text-decoration: none;
}


.faq-intro{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fdfbff;
  box-shadow: 7px 7px 60px 0 #f2f3f6;
  text-decoration: none;
}

.faq-question-wrap {
  margin-bottom: 10px;
}

.animation {
  width: 25px;
  height: 24px;
}

.partners-serp .faq-wrap {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  margin-top: 60px;
}

.faq-wrap {
  max-width: 880px;
  margin-top: 60px;
}

.course-cata .faq-wrap {
  margin-top: 10px !important;
}


.paragraphe-liste-deroulante {
  margin-bottom: 0px;
  padding: 30px;
}

.partners-serp .paragraphe-liste-deroulante {
  background:#fdfbff;
  border-radius: 4px;
  height: 25rem;
}

.link-liste-deroulante {
  border-bottom: 1px solid #a51e2585;
  -webkit-transition: border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: border-color 200ms cubic-bezier(.55, .085, .68, .53), color 200ms cubic-bezier(.55, .085, .68, .53);
  color: #A51E25;
  text-decoration: none;
}

.link-liste-deroulante:hover {
  border-bottom-color: #74161b6d;
  color: #74161b;
}

.liste-deroulante-title {
  margin-right: 40px;
  font-family: 'Clarikaprogeo th', sans-serif;
  color: #161616;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

.tab-link {
  margin-right: 10px;
  border-radius: 6px;
  background-color: #EBCCCE;
  -webkit-transition: color 200ms cubic-bezier(.55, .055, .675, .19), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .055, .675, .19), background-color 200ms cubic-bezier(.55, .085, .68, .53);
  color: #A51E25;
}

.tab-link:hover {
  background-color: #A51E25;
  color: #fdfbff;
}

.tab-link.w--current {
  background-color: #A51E25;
  color: #fdfbff;
}

.tab-pane {
  padding: 40px 30px;
  border-radius: 6px;
  background-color: #fff;
}

.tabs {
  margin-top: 50px;
}

.tabs-menu {
  padding-bottom: 20px;
}

.navbar-on-scroll {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(83, 10, 196, 0.1);
  background-color: #fafafa;
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

.wrapper-social {
  margin-top: 12px;
}

.contact-wrapper {
  padding: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(83, 10, 196, 0.05);
  border-radius: 6px;
  background-color: #fdfbff;
}

.link-contact {
  -webkit-transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  color: #171717;
  text-decoration: none;
}

.link-contact:hover {
  color: #74161b;
}

.link-serp {
  color: #A51E25;
}

.link-contact.invert {
  color: #A51E25;
}

.link-contact.invert:hover {
  color: #74161b;
}

.row-contact-2 {
  margin-top: 25px;
}

.contact-wraper-second {
  padding: 50px 40px;
  border-bottom: 1px solid rgba(83, 10, 196, 0.05);
}

.contact-wraper-third {
  padding: 50px 40px;
  border-bottom-width: 1px;
  border-bottom-color: rgba(83, 10, 196, 0.05);
}

.wrapper-titre-list-card {
  padding: 40px 30px;
  background-color: #eee7fa;
}

.wrapper-titre-pieces-a-fournir {
  padding: 30px;
}

.paragraphe-titre-pieces-a-fournir {
  font-family: 'Clarikaprogeo md', sans-serif;
}

.paragraphe-titre-pieces-a-fournir.important {
  color: #A51E25;
}

.column-invert {
  background-color: rgba(241, 238, 247, 0.6);
}

.dropdown-list {
  background-color: #fdfbff;
  z-index: 99999;
}

.dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 6px;
  z-index: 99999;
}

.dropdown-link {
  -webkit-transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  transition: color 200ms cubic-bezier(.55, .085, .68, .53);
  color: #74161b;
  z-index: 99999;
}

.dropdown-link:hover,
.dropdown-link:active,
.dropdown-link:focus {
  color: #A51E25;
  z-index: 99999;
}

@media screen and (max-width: 991px) {

  .faq-question-wrap .faq-content {
      width: 100% !important;
  }

   .w-container .careers {
      flex-direction: column !important;   
  }

  .row-flex-horizontal.invert.w-row .w-col.w-col-4 {
      margin-right: 100px;
  }

  .wrapper-photo-block{
      background-size: 125%;
  }

  .wrapper-photo-block2, .wrapper-photo-block, .wrapper-photo-block3, .wrapper-photo-block4 {
      width: 22rem;
  }

  /*CALENDAR */
  .dp-module-upcoming-horizontal-root.dp-module-upcoming-root>div {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      margin-top: 50px;
      align-items: center;
  }

  /*LOGO*/
  .logo-lascala-partout,
  .view-login .logo-lascala-partout {
      display: none;
  }

  /*BURGER*/
  .wrapper-menu-navbar {
      display: none;
  }

  #menuToggle {
      display: block;
      position: relative;
      z-index: 600;

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

  #menuToggle li {
      color: #fff;

      transition: color 0.3s ease;
  }

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

  #menuToggle li:hover {
      color: #ffc37c;
  }


  #menuToggle input {
      display: block;
      width: 40px;
      height: 32px;
      position: absolute;
      top: -7px;
      left: -5px;
      cursor: pointer;
      opacity: 0;
      z-index: 2;
      -webkit-touch-callout: none;
  }

  #menuToggle div {
      display: block;
      width: 33px;
      height: 4px;
      margin-bottom: 5px;
      position: relative;
      margin-left: 10px;
      background: #A51E25;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 4px 0px;
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
          background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
          opacity 0.55s ease;
  }

  #menuToggle div:first-child {
      transform-origin: 0% 0%;
  }

  #menuToggle div:nth-last-child(2) {
      transform-origin: 0% 100%;
  }

  #menuToggle div.first {
      margin-top: 10px;
  }

  #menuToggle input:checked~div {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #A51E25;
  }

  #menuToggle input:checked~div:nth-last-child(3) {
      opacity: 0;
      transform: rotate(0deg) scale(0.2, 0.2);
  }

  #menuToggle input:checked~div:nth-last-child(2) {
      transform: rotate(-45deg) translate(0, -1px);
  }

  #menu {
      position: absolute;
      width: 100%;
      padding: 50px;
      background: #A51E25;
      list-style-type: none;
      -webkit-font-smoothing: antialiased;
      transform-origin: 0% 0%;
      transform: translate(-100%, 0);
      transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
  }

  #menu li {
      padding: 10px 0;
      font-size: 22px;
      list-style: none;
  }

  #menuToggle input:checked~ul {
      transform: none;
  }

  li.item:hover ul.sub-level {
      display: block;
  }

  li.item:hover ul.sub-level li a {
      color: #fff;
  }


  ul.sub-level {
      display: none;
  }


  ul.sub-level li a {
      text-decoration: none;
  }



  .h1-lascala.blue {
      width: 100%;
      font-size: 44px;
      line-height: 43px;
  }

  .h3-lascala.bdc.bigger.dark {
      line-height: 27px;
  }

  .bouton-cta.nav-button {
      margin-left: 15px;
      font-size: 16px;
  }

  .photo-box-shadow {
      height: 300px;
  }

  .wrapper-text-column {
      padding-right: 30px;
      padding-left: 30px;
  }

  .prix-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
  }

  .prix {
      font-size: 70px;
  }

  .section-hero {
      height: 80vh;
  }

  .section-hero-2 {
      height: 9vh;
  }

  .homme-bouge {
      background-position: 50% 100%;
  }

  .navbar-hero {
      padding-right: 20px;
      padding-left: 20px;
  }

  .menu-item {
      margin-left: 10px;
      font-size: 16px;
  }

  .logo-navbar {
      width: 130px;
  }

  .logo-navbar-2 {
      width: 130px;
  }

  .logo-eugloh-navbar {
      width: 130px;
  }

  .logo-erasmus-navbar {
      width: 130px;
  }

  .row-hero {
      width: 90%;
  }

  .navbar-on-scroll {
      padding-right: 20px;
      padding-left: 20px;
  }

  .wrapper-titre-list-card {
      padding-right: 30px;
      padding-left: 30px;
  }

  .wrapper-titre-pieces-a-fournir {
      padding-right: 0px;
  }

  .wrapper-titre-pieces-a-fournir.right {
      padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {

  .wrapper-item-menu-footer {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .row-flex-horizontal.invert.w-row .w-col.w-col-4 {
       margin-right: 0px;
  }

  .partners-serp .faq-wrap  {
      flex-direction: column;
  }

  .container-plus-dinformations .w-col.w-col-1 {
      width: 5rem;
  }

  .partners-serp .faq-content  {
      width: 100%;
  }

  .partners-serp .paragraphe-liste-deroulante {
      display: flex;
      justify-content: center;
      margin-bottom: 50px;
      flex-direction: column;
  }

  .wrapper-photo-block2, .wrapper-photo-block, .wrapper-photo-block3, .wrapper-photo-block4 {
      width: 20rem;
      background-size: 125%;
  }

  .invert-general {
      flex-direction: column !important;
  }

  .footer:not(p) .w-col.w-col-4 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }

  .footer:not(p) .w-col.w-col-4 p.paragraphe.footer{ 
      text-align: center;
  }


  .section-normal {
      padding-right: 20px;
      padding-left: 20px;
  }

  .section-white {
      padding-right: 19px;
      padding-left: 19px;
  }

  .blocks-lascala {
      margin-bottom: 30px;
  }

  .h4-lascala.bdc.dark {
      margin-top: 25px;
  }

  .h5-lascala {
      margin-top: 20px;
  }

  .photo-box-shadow {
      margin-bottom: 40px;
  }

  .row-flex-horizontal {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }

  .row-flex-horizontal.invert {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }

  .wrapper-text-tarifs {
      border-top-right-radius: 6px;
      border-bottom-left-radius: 0px;
  }

  .row-separateur {
      margin-top: 25px;
  }

  .container-plus-dinformations {
      margin-bottom: 10px;
  }

  .row-plus-dinformations {
      margin-bottom: 0px;
  }

  .prix-wrapper {
      height: auto;
      padding-top: 30px;
      padding-bottom: 30px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 6px;
  }

  .row-tableau-tarifs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
  }

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

  .section-hero {
      height: 620px;
  }

  .section-hero-2 {
      height: 620px;
  }

  .navbar-hero {
      background: white;
  }

  .blocks-lascala-news {
      margin-bottom: 45px;
  }

  .block-list {
      width: 90%;
  }

  .titre-list-card.white {
      margin-bottom: 2px;
      font-size: 26px;
      line-height: 26px;
  }

  .picture-block {
      margin-bottom: 40px;
  }

  .wrapper-text-right.padding-right {
      margin-top: 40px;
      padding-right: 0px;
      text-align: left;
  }

  .navbar-on-scroll {
      display: none;
  }

  .row-contact-2 {
      margin-top: 0px;
  }

  .wrapper-titre-pieces-a-fournir {
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .wrapper-titre-pieces-a-fournir.right {
      padding-top: 0px;
      padding-bottom: 0px;
  }

  .paragraphe-titre-pieces-a-fournir {
      margin-bottom: 0px;
  }

  .column-invert {
      padding-top: 30px;
      padding-bottom: 30px;
  }

  .column-not-invert {
      padding-top: 30px;
      padding-bottom: 30px;
  }
}

@media screen and (max-width: 479px) {


  /*TUITION FEES */
  .blocks-tuition {
      display: flex;
      flex-direction: column;
  }

  .blocks-more-info {
      display: flex;
      flex-direction: column;
  }


  p {
      font-size: 15px;
      line-height: 21px;
  }

  .section-normal {
      padding-top: 60px;
      padding-bottom: 60px;
  }

  .section-white {
      padding-top: 60px;
      padding-bottom: 60px;
  }

  .h1-lascala {
      font-size: 43px;
      line-height: 43px;
  }

  .h1-lascala.blue {
      width: 100%;
      font-size: 38px;
      line-height: 38px;
  }

  .h2-lascala {
      font-size: 34px;
      line-height: 34px;
  }

  .h3-lascala {
      font-size: 24px;
      line-height: 24px;
  }

  .bouton-cta {
      font-size: 15px;
      line-height: 21px;
  }

  .blocks-lascala {
      min-height: 230px;
  }

  .h4-lascala {
      font-size: 17px;
      line-height: 17px;
  }

  .paragraphe.center._70 {
      width: 90%;
  }

  .photo-box-shadow {
      height: 200px;
      margin-bottom: 20px;
  }

  .wrapper-text-column {
      padding-right: 0px;
      padding-left: 0px;
  }

  .wrapper-text-tarifs {
      padding: 30px 25px 5px;
  }

  .tick {
      width: 20px;
      height: 20px;
  }

  .prix-wrapper {
      padding-top: 25px;
      padding-bottom: 40px;
  }

  .prix {
      font-size: 50px;
      line-height: 50px;
  }

  .section-hero {
      height: auto;
      min-height: 470px;
      padding-top: 120px;
      padding-bottom: 80px;
  }

  .section-hero-2 {
      height: 1vh;
  }

  .row-hero {
      width: 100%;
      padding-right: 7px;
      padding-left: 7px;
  }

  .link-simple {
      font-size: 14px;
      line-height: 19px;
  }

  .block-list {
      width: 100%;
  }

  .list-item {
      padding-right: 20px;
      padding-left: 20px;
      font-size: 15px;
      line-height: 21px;
  }

  .titre-list-card {
      padding-right: 20px;
      padding-left: 20px;
      font-size: 17px;
      line-height: 20px;
  }

  .picture-block {
      margin-bottom: 20px;
  }

  .overlay-picture {
      -webkit-transform: translate(0px, 100%);
      -ms-transform: translate(0px, 100%);
      transform: translate(0px, 100%);
  }

  .wrapper-text-right.padding-right, .wrapper-text-left.padding-left {
      margin-top: 20px;
  }
  

  .section-intro {
      padding: 60px 20px;
      margin-top: 85px;
  }

  .faq-question-bar {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .faq-intro {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .faq-wrap {
      margin-top: 40px;
  }

  .paragraphe-liste-deroulante {
      padding: 20px;
  }

  .liste-deroulante-title {
      margin-right: 0px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 16px;
      line-height: 20px;
  }

  .tab-link {
      margin-bottom: 10px;
      padding-right: 20px;
      padding-left: 20px;
  }

  .tab-pane {
      padding: 25px 20px;
  }

  .tabs-menu {
      padding-bottom: 10px;
  }

  .contact-wraper-second {
      padding: 30px 20px;
  }

  .contact-wraper-third {
      padding: 30px 20px;
  }

  .column-invert {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  .column-not-invert {
      padding-top: 20px;
      padding-bottom: 20px;
  }

  /* TESTIMOINIES ET CAREERS */ 

  #careers .careers {
      display: flex;
      flex-direction: column;
  }

  #careers .careers-blocs {
      display: flex;
      flex-direction: column;
  }

  #testimonies .testimonies-blocs {
      display: flex;
      flex-direction: column;
  }

  #testimonies .testimonies-blocs h4 , #careers .careers-blocs h4 {
  margin-top: 20px;
  }

  /* COURSE CATALOGUE DETAILS */ 

 .section-normal .details {
      flex-direction: column;
  }

  .section-normal .details .sommaire-matieres, .section-normal .details .contenu-matieres {
      width: 100%;
  }

}

@font-face {
  font-family: 'Clarikaprogeo mdit';
  src: url('../fonts/ClarikaProGeo-MdIt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clarikaprogeo th';
  src: url('../fonts/ClarikaProGeo-Th.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clarikaprogeo thit';
  src: url('../fonts/ClarikaProGeo-ThIt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clarikaprogeo md';
  src: url('../fonts/ClarikaProGeo-Md.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* COURSE CATALOGUE DETAILS */ 

.details {
  display: flex; 
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
}

.details .tabs.w-tabs {
  margin-top: 0px;
}

.details .sommaire-matieres{
  flex: 0 0 30%;
}

.details .sommaire-matieres .faq-content {
 padding-left: 10px;
}

.details .sommaire-matieres .faq-wrap {
  margin-top: 0px;
}


.details .contenu-matieres{
  flex: 0 0 65%;
}

.details .contenu-matieres{
  flex: 0 0 65%;
}


.details .sommaire-matieres p.intro-sommaire, .details .contenu-matieres p.sous-titres {
  padding: 30px 0px 0px 0px;
  color: #A51E25;
  font-weight: bold;
  font-family: 'Clarikaprogeo md', sans-serif;
}


/* TESTIMONIES */ 

.testimonies-blocs  {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  border-radius: 6px;
  background-color: #fff;
  margin-top: 50px;
  align-items: flex-start;
}

.careers { 
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.careers-blocs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
  border-radius: 6px;
  background-color: #fff;
  margin-top: 50px;
  align-items: flex-start;
  flex: 0 0 49%;
}

.testimonies-image {
  flex: 0 0 20%;
}

.testimonies-text {
  flex: 0 0 75%;
}

.careers-image {
  flex: 0 0 35%;
}

.careers-text {
  flex: 0 0 60%;
}

.testimonies-image img , .careers-image img {
  border-radius: 6px;
}

.testimonies-text p strong , .careers-text p strong {
  font-weight: bold;
  font-family: 'Clarikaprogeo md', sans-serif;
}


.testimonies-text h5 , .careers-text h5 {
  color: #A51E25;
  font-weight: 300;
  font-family: 'Clarikaprogeo md', sans-serif;
 font-style: italic;
}


.testimonies-text h4 , .careers-text h4 {
  color: #161616;
  font-weight: 700;
  font-family: 'Clarikaprogeo md', sans-serif;
  margin-top: 0px;
}

.testimonies-text p , .careers-text p {
  font-size: 14.5px;
}

.testimonies-title img, .careers-title img {
  width: 15px;
  height: 15px;
  margin-left: 20px;
}


.testimonies-title, .careers-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}