@charset "utf-8";
/* CSS Document */
.learn-info {
  width:90%;
  max-width:700px;
  margin:0 auto;
  padding:2em;
  border: 1px solid #E0E0E0;
   -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align:center;
  font-size:110%;
}
.thumb-flex {
  display:flex;
  flex-direction:row;
  margin-bottom:2em;
  justify-content:space-between;
}
.thumb-flex img {
  width: 100%;
}
.about {
  background:url(../images/about-cover-bg.jpg) left fixed;
  background-repeat:no-repeat;
  color:#fff;
}
.about-content-flex {
  display:flex;
  flex-direction:column;
}
.about-intro {
  display:flex;
  flex-direction:column;
  flex-wrap:no-wrap;
}
.about-content-flex div {
  
}
.module-box-flex {
  display:flex;
  flex-direction:column;
  padding:2em;
}
.module-preview {
  width:100%;
  margin:0 auto;
  text-align:center;  
  margin-bottom:1em;
}
.module-desc {
  width:100%;
}
.testi-flex {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.testi-flex  div {
  text-align: center;
  background: #F5F5F5;
  padding: 0 2em 2em 2em;
  border: solid 1px #dedede;
  margin-top: 80px;
  width:90%
}
.testi-avatar {
    width: 120px;
    height:auto;
    margin:0 auto;
    border-radius: 100%;
    margin-top: -65px;
    margin-bottom: 24px;
}
/*Accordion*/
.faqs {
  background: #F5F5F5;
}
a.accordion {
  display: block;
  color: #141414;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: .1s;
  font-size: 120%;
  font-weight: 500;
  background: #fff;
  margin-top: .8em;
}
a.accordion:hover {
  background: #1a3b6d;
  color: #fff;
}
a.accordion::before {
  content: '\e146';
  font-family: 'Material Icons';
  font-size: 1.2em;
  float: right;
  position: relative;
  top: -2px;
  transform: rotate(180deg);
  transition: all 0.5s;
}
a.accordion.active::before {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
a.accordion.active {
  background: #1a3b6d;
  color: #fff;
}
div.panel {
  background: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease-out;
  padding:0px 20px;
}
.faq-content {
  padding:2em 0;
}
@media screen and (min-width : 767px) {
  .about-intro {
    flex-direction:row;
    align-items: center;
    justify-content:space-between;
  }
  .about-intro div:nth-child(1) {
    width:30%;
  }
  .about-intro div:nth-child(2) {
    width:68%;
  }
  .module-box-flex {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:2em 1em;
  }
  .module-preview {
    width:40%
  }
  .module-desc {
    width:55%;
  }
  .testi-flex {
    display:flex;
    flex-direction:row;
    width: 95%;
    justify-content:space-between;
      max-width: 1170px;
      margin: 0 auto;
  }
  .testi-flex div {
    width:30%
  }
  a.accordion {
    font-size: 130%;
  }
  .thumb-flex {
  }
}
@media screen and (min-width : 981px) {
  .about-content-flex {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
  }
  .about-intro {
    margin-bottom:1em;
  }
  .about-intro div:nth-child(1) {
    width:20%;
  }
  .about-intro div:nth-child(2) {
    width:78%;
  }
  .about-content-flex div {
    width:48%;
  }
  .testi-flex {
    display:flex;
    flex-direction:row; 
  }
  
}