/*Educ-ai
***************************************/
.educai {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: cover;
  background-image: url("../img/bg-educ-ai.png");
}
.educai .Titre {
  padding-bottom: 30px;
}
.educai h3 {
  font-family: 'Baby Monsta';
  font-size: 22px;
  font-weight: 500
}
.educai p {
  font-size: 18px;
  padding: 0;
  margin: 0;
  line-height: 1.35;
}
.educai p font {
  font-family: 'Baby Monsta';
  color: #e12852
}
.Btn-icons {
  font-size: 22px;
  font-family: 'Baby Monsta';
  letter-spacing: 4px;
  text-align: left;
  padding-top: 20px;
  margin-bottom: 5px;
  text-transform: uppercase;
  position: relative;
  z-index: 100;
}
.btn-prof a {
  color: #eb8b23 !important;
}
.btn-eleve a {
  color: #7faf43 !important;
}
.btn-parent a {
  color: #f04e6a !important;
}
.btn-prof a, .btn-eleve a, .btn-parent a {
  transition-duration: 0.4s;
}
.btn-prof a span, .btn-eleve a span, .btn-parent a span {
  border: 2px solid #f6f9fe;
  padding: 15px;
  padding-left: 50px;
  border-radius: 21px;
  margin-left: -50px;
  z-index: 5;
}
.btn-prof a img, .btn-eleve a img, .btn-parent a img {
  position: relative;
  z-index: 10;
}
.btn-prof a:hover, .btn-eleve a:hover, .btn-parent a:hover {
  padding-left: 10px;
  font-size: 24px;
  text-decoration: none;
}
.arrow-right-btn {
  animation: slidebtnarrow 1s ease-in-out infinite;
  display: inline-block
}
.educ-ai-img-1 {
  position: relative;
  z-index: 10
}
.educ-ai-img-2 {
  margin-top: -100px;
}
.educai .over-shape img {
  position: absolute;
  z-index: 1;
}
.educai .over-shape .CloudS {
  top: 165px;
  right: 530px;
  /*-webkit-animation: animationFramesOne 25s infinite linear;
	animation: animationFramesOne 25s infinite linear;*/
  -webkit-animation: left2right 10s linear 0s infinite;
  animation: left2right 10s linear 0s infinite;
}
.educai .over-shape .CloudB {
  top: 115px;
  right: 200px;
  /*-webkit-animation: animationFramesOne 25s infinite linear;
	animation: animationFramesOne 25s infinite linear;*/
  -webkit-animation: left2right 10s linear 0s infinite;
  animation: left2right 10s linear 0s infinite;
}
@-webkit-keyframes left2right {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(100px);
    /* IE 9 */
    -webkit-transform: translateX(100px);
    /* Chrome, Safari, Opera */
    transform: translateX(100px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}
@-moz-keyframes left2right {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(100px);
    /* IE 9 */
    -webkit-transform: translateX(100px);
    /* Chrome, Safari, Opera */
    transform: translateX(100px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}
@-o-keyframes left2right {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(100px);
    /* IE 9 */
    -webkit-transform: translateX(100px);
    /* Chrome, Safari, Opera */
    transform: translateX(100px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}
@keyframes left2right {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(100px);
    /* IE 9 */
    -webkit-transform: translateX(100px);
    /* Chrome, Safari, Opera */
    transform: translateX(100px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}

@-webkit-keyframes slidebtnarrow {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(4px);
    /* IE 9 */
    -webkit-transform: translateX(4px);
    /* Chrome, Safari, Opera */
    transform: translateX(4px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}
@-moz-keyframes slidebtnarrow {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(4px);
    /* IE 9 */
    -webkit-transform: translateX(4px);
    /* Chrome, Safari, Opera */
    transform: translateX(4px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}
@-o-keyframes slidebtnarrow {
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(4px);
    /* IE 9 */
    -webkit-transform: translateX(4px);
    /* Chrome, Safari, Opera */
    transform: translateX(4px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}
@keyframes slidebtnarrow{
  0% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
  50% {
    -ms-transform: translateX(4px);
    /* IE 9 */
    -webkit-transform: translateX(4px);
    /* Chrome, Safari, Opera */
    transform: translateX(4px);
  }
  100% {
    -ms-transform: translateX(0px);
    /* IE 9 */
    -webkit-transform: translateX(0px);
    /* Chrome, Safari, Opera */
    transform: translateX(0px);
  }
}

/************** Mobile **************/

@media screen and (max-width:1300px) {
}
/** Large **/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
/** Meduim **/
@media screen and (max-width:992px) {
}
@media screen and (max-width:820px) {
    .educai .over-shape .CloudB, .educai .over-shape .CloudS {
    display: none
  }
}
/** Small **/
@media screen and (max-width:768px) {
}
@media screen and (max-width:600px) {
  .educ-ai-img-2 {
    margin-top: 0;
  }
  .Btn-icons {
    font-size: 16px;
  }
  .btn-prof a:hover, .btn-eleve a:hover, .btn-parent a:hover {
    padding-left: 0;
    font-size: 16px;
  }
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:400px) {
  .Btn-icons a{
    font-size: 14px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width:380px) {
    .Btn-icons a{
    font-size: 12px;
}
    .btn-prof a:hover, .btn-eleve a:hover, .btn-parent a:hover {
    font-size: 13px;
  }
}