/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/src/academy.scss ***!
  \**********************************************************************************************************************/
/* --------------------------------------------------------- */
.hero {
  margin-top: 100px;
  height: 660px;
  background: url(../../46d4a5964719657a8527fd7cc63da446.jpg) no-repeat center center;
  background-size: cover;
}
@media (max-width: 400px) {
  .hero {
    height: calc(100vh - 60px);
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero {
    height: calc(100vh - 60px);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero {
    height: calc(100vh - 60px);
  }
}
@media (max-width: 400px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero {
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.hero-title h2 {
  margin: 0;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 66px;
  line-height: 68px;
}
@media (max-width: 400px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-title h2 {
    font-size: 29px;
    line-height: 30px;
  }
}
.hero-title h3 {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  color: #fff;
  font-weight: 300;
  font-size: 28px;
  line-height: 30px;
}
@media (max-width: 400px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero-title h3 {
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 13px;
    line-height: 17px;
  }
}

.home-knowhow {
  /* --------------------------------------------------------- */
}
.home-knowhow .knowhow {
  padding-top: 110px;
  padding-bottom: 100px;
}
@media (max-width: 400px) {
  .home-knowhow .knowhow {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .home-knowhow .knowhow {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-knowhow .knowhow {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-knowhow .knowhow {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
.home-knowhow .knowhow-title h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .home-knowhow .knowhow-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .home-knowhow .knowhow-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-knowhow .knowhow-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-knowhow .knowhow-title h2 {
    font-size: 28px;
  }
}
.home-knowhow .knowhow-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 80px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .home-knowhow .knowhow-title hr {
    margin-bottom: 40px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .home-knowhow .knowhow-title hr {
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-knowhow .knowhow-title hr {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-knowhow .knowhow-title hr {
    margin-bottom: 40px;
  }
}
.home-knowhow .knowhow-recent h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 20px;
}
.home-knowhow .knowhow-recent hr {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0;
  width: 50px;
  height: 3px;
  background-color: #e93162;
}
.home-knowhow .knowhow-recent h3 {
  margin: 0;
  font-weight: 300;
  font-size: 16px;
}
.home-knowhow .knowhow-recent h3 a {
  color: #787878 !important;
}
.home-knowhow .knowhow-recent h3 a:hover {
  text-decoration: none;
}
.home-knowhow .knowhow-recent h4 {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
}
.home-knowhow .knowhow-recent h4 a {
  color: #111616 !important;
}
.home-knowhow .knowhow-recent h4 a:hover {
  text-decoration: none;
}
.home-knowhow .knowhow-recent .single_post {
  cursor: pointer;
}
.home-knowhow .knowhow-recent .single_post .pink_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 700px;
  height: 250px;
}
.home-knowhow .knowhow-recent .single_post .postbox {
  position: relative;
  margin-bottom: 25px;
  width: 700px;
  height: 250px;
  background-size: cover;
}
.home-knowhow .knowhow-recent .single_post .postbox .datebox {
  position: absolute;
  top: 0;
  right: 20px;
  width: 48px;
  height: 78px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background: rgba(255, 255, 255, 0.9);
}
.home-knowhow .knowhow-recent .single_post .postbox .datebox h5 {
  margin: 0;
  padding-top: 5px;
  color: #111616;
  font-size: 21px;
}
.home-knowhow .knowhow-recent .single_post .postbox .datebox hr {
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 22px;
}
.home-knowhow .knowhow-recent .single_post .postbox .datebox h6 {
  margin: 0;
  color: #111616;
  font-size: 11px;
}
.home-knowhow .knowhow-recent .single_post .infobox {
  margin-bottom: 50px;
}
.home-knowhow .knowhow-recent .single_post .infobox-moreinfo {
  padding-right: 45px;
}
.home-knowhow .knowhow-recent .single_post .infobox-moreinfo img {
  float: right;
}
.home-knowhow .knowhow-trending h2 {
  margin: 0;
  color: #111616;
  font-weight: 700;
  font-size: 20px;
}
.home-knowhow .knowhow-trending hr {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 0;
  width: 50px;
  height: 3px;
  background-color: #e93162;
}
.home-knowhow .knowhow-trending .single-trending {
  padding-bottom: 31px;
}
.home-knowhow .knowhow-trending .single-trending a {
  text-decoration: none;
}
.home-knowhow .knowhow-trending .single-trending .trending-image .image-cropper {
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.home-knowhow .knowhow-trending .single-trending .trending-image .image-cropper img {
  display: inline;
  margin: 0 auto;
  width: auto;
  height: 100%;
}
.home-knowhow .knowhow-trending .single-trending .trending-text h3 {
  margin: 0;
  font-weight: 300;
  font-size: 13px;
}
.home-knowhow .knowhow-trending .single-trending .trending-text h3 a {
  color: #787878 !important;
}
.home-knowhow .knowhow-trending .single-trending .trending-text h4 {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}
.home-knowhow .knowhow-trending .single-trending .trending-text h4 a {
  color: #111616 !important;
}
.home-knowhow .knowhow-trending .single-trending:hover .trending-image .image-cropper {
  background: #e92f61;
}
.home-knowhow .knowhow-trending .single-trending:hover .trending-image .image-cropper img {
  filter: opacity(70%);
}
.home-knowhow .knowhow-mobile img {
  display: block;
  margin: 0 auto;
  width: 300px;
}
.home-knowhow .knowhow-cta {
  padding-top: 100px;
}
@media (max-width: 400px) {
  .home-knowhow .knowhow-cta {
    padding-top: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .home-knowhow .knowhow-cta {
    padding-top: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-knowhow .knowhow-cta {
    padding-top: 50px;
  }
}
.home-knowhow .knowhow-cta a {
  text-decoration: none;
}
.home-knowhow .knowhow-cta h2 {
  margin: 0;
  padding-top: 15px;
  color: #111616;
  font-weight: 700;
  font-size: 28px;
}
@media (max-width: 400px) {
  .home-knowhow .knowhow-cta h2 {
    font-size: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .home-knowhow .knowhow-cta h2 {
    font-size: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-knowhow .knowhow-cta h2 {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-knowhow .knowhow-cta h2 {
    font-size: 20px;
  }
}
.home-knowhow .knowhow-cta h3 {
  margin: 0;
  padding-bottom: 30px;
  color: #111616;
  font-weight: 500;
  font-size: 26px;
}
@media (max-width: 400px) {
  .home-knowhow .knowhow-cta h3 {
    font-size: 18px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .home-knowhow .knowhow-cta h3 {
    font-size: 18px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-knowhow .knowhow-cta h3 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-knowhow .knowhow-cta h3 {
    font-size: 18px;
  }
}

/* --------------------------------------------------------- */
.casestudies {
  padding-top: 100px;
  padding-bottom: 100px;
  background: url(../../6fb256cecd28c9b68c305a5bcbb4ed51.jpg) no-repeat top center;
  background-size: cover;
  /* --------------------------------------------------------- */
  /* --------------------------------------------------------- */
}
@media (max-width: 400px) {
  .casestudies {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .casestudies {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .casestudies {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .casestudies {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.casestudies-title h2 {
  margin: 0;
  padding: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
.casestudies-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .casestudies-title hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .casestudies-title hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .casestudies-title hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .casestudies-title hr {
    margin-bottom: 30px;
  }
}
.casestudies .categories-list.desktop li {
  color: #787878;
  font-size: 12px;
  cursor: pointer;
}
.casestudies .categories-list.desktop li.active {
  padding: 8px 14px;
  border-radius: 17px;
  background: #e92f61;
  color: #fff;
}
.casestudies .categories-list.mobile .form-group {
  position: relative;
  height: auto;
}
.casestudies .categories-list.mobile .form-group:after {
  position: absolute;
  right: 20px;
  bottom: 15px;
  width: 12px;
  height: 6px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAATklEQVR4AQXBIRJFAABAwU2CIkmqKv8sutG7k2hGMMbZ/q7eVgCA1l4tfW0A0NbXguaefgD9epoBTd3t0N7dBIDGro6OrkYAQENnZwPAH8/PGlOc22bpAAAAAElFTkSuQmCC);
}
.casestudies .categories-list.mobile .form-group select[name=category] {
  height: 40px !important;
  border-color: #f6f6f7;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #f6f6f7;
  color: #787878;
  text-indent: 20px;
  text-transform: uppercase;
  font-weight: 700 !important;
  font-size: 13px !important;
  -webkit-appearance: none;
}
.casestudies .logos {
  padding-top: 20px;
}
.casestudies .logos-categories {
  padding-right: 0;
  padding-bottom: 60px;
  padding-left: 0;
}
.casestudies .logos-categories .category {
  padding: 0;
  text-align: center;
}
.casestudies .logos-categories .category p {
  display: inline-block;
  margin: 0;
  padding: 5px;
  padding-right: 0;
  padding-left: 0;
  min-width: 80px;
  color: #787878;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  cursor: pointer;
}
.casestudies .logos-categories .category:hover p, .casestudies .logos-categories .category.selected p {
  margin: 0;
  padding: 5px;
  border-radius: 15px;
  background-color: #e92f61;
  color: white;
}
.casestudies .logos-mobilecat .form-group {
  position: relative;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
  width: 100%;
  height: auto;
}
.casestudies .logos-mobilecat .form-group:after {
  position: absolute;
  right: 20px;
  bottom: 15px;
  width: 12px;
  height: 6px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAATklEQVR4AQXBIRJFAABAwU2CIkmqKv8sutG7k2hGMMbZ/q7eVgCA1l4tfW0A0NbXguaefgD9epoBTd3t0N7dBIDGro6OrkYAQENnZwPAH8/PGlOc22bpAAAAAElFTkSuQmCC);
}
.casestudies .logos-mobilecat .form-group select[name=logos] {
  height: 40px !important;
  border-color: #f6f6f7;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #f6f6f7;
  color: #787878;
  text-indent: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  -webkit-appearance: none;
}
.casestudies .logos-client {
  margin-bottom: 30px;
}
.casestudies .logos-client a {
  text-decoration: none;
}
.casestudies .logos-client .image-cover {
  margin: 0 auto;
  width: 175px;
  height: 115px;
  border-radius: 60px;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 400px) {
  .casestudies .logos-client .image-cover {
    width: 135px;
    height: 95px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .casestudies .logos-client .image-cover {
    width: 135px;
    height: 95px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .casestudies .logos-client .image-cover {
    width: 135px;
    height: 95px;
  }
}
.casestudies .logos-client .image-cover img {
  max-width: 90px;
  max-height: 70px;
}
.casestudies .logos-client .image-cover.case-study {
  position: relative;
  border: 2px solid #e92f61;
}
.casestudies .logos-client .image-cover.case-study:after {
  position: absolute;
  right: 50%;
  bottom: -12px;
  margin-right: -46px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 92px;
  height: 26px;
  border-radius: 13px;
  background-color: #e92f61;
  color: white;
  content: "CASE STUDY";
  font-size: 10px;
}
.casestudies .logos-client .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.casestudies .logos-client img {
  vertical-align: middle;
  filter: grayscale(100%) opacity(70%);
}
.casestudies .logos-client:hover img {
  filter: none;
}
.casestudies .logos-cta {
  padding-top: 75px;
}
@media (max-width: 400px) {
  .casestudies .logos-cta {
    padding-top: 45px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .casestudies .logos-cta {
    padding-top: 45px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .casestudies .logos-cta {
    padding-top: 45px;
  }
}
.casestudies .logos-cta a {
  text-decoration: none;
}
.casestudies-cta {
  padding-top: 40px;
}
.casestudies-cta a {
  text-decoration: none;
}

/* --------------------------------------------------------- */
.academy {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 400px) {
  .academy {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.academy-title h2 {
  margin: 0;
  padding: 0;
  color: #111616;
  font-weight: 700;
  font-size: 36px;
}
@media (max-width: 400px) {
  .academy-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-title h2 {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-title h2 {
    font-size: 28px;
  }
}
.academy-title hr {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100px;
  height: 3px;
  background-color: #e93162;
}
@media (max-width: 400px) {
  .academy-title hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-title hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-title hr {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-title hr {
    margin-bottom: 30px;
  }
}
.academy-info {
  padding-top: 30px;
  padding-bottom: 50px;
}
@media (max-width: 400px) {
  .academy-info {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-info {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-info {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-info {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 400px) {
  .academy-info .logo img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-info .logo img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-info .logo img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-info .logo img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
.academy-info .text {
  display: flex;
  align-items: center;
}
.academy-info .text p {
  color: #111616;
  font-weight: 200;
  font-size: 19px;
}
@media (max-width: 400px) {
  .academy-info .text p {
    text-align: center;
    font-size: 15px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-info .text p {
    text-align: center;
    font-size: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-info .text p {
    text-align: center;
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-info .text p {
    text-align: center;
    font-size: 15px;
  }
}
.academy-info .text p strong {
  font-weight: 700;
}
.academy-section {
  padding: 15px;
  text-align: center;
}
.academy-section a {
  text-decoration: none;
}
.academy-section .content {
  padding: 40px;
  background: #f4f4f4;
  cursor: pointer;
}
@media (max-width: 400px) {
  .academy-section .content {
    padding: 30px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-section .content {
    padding: 30px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-section .content {
    padding: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-section .content {
    padding: 30px;
  }
}
.academy-section .content img {
  margin: 0 auto;
}
.academy-section .content h2 {
  margin: 0;
  padding: 20px 0;
  color: #111616;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 400px) {
  .academy-section .content h2 {
    font-size: 19px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-section .content h2 {
    font-size: 19px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-section .content h2 {
    font-size: 19px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-section .content h2 {
    font-size: 19px;
  }
}
.academy-section .content p.info {
  margin: 0;
  padding: 0;
  padding-bottom: 25px;
  height: 90px;
  color: #787878;
  font-weight: 300;
  font-size: 15px;
}
@media (max-width: 400px) {
  .academy-section .content p.info {
    font-size: 12px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-section .content p.info {
    font-size: 12px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-section .content p.info {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-section .content p.info {
    font-size: 12px;
  }
}
.academy-section .content p.link {
  margin: 0;
  padding: 0;
  color: #e92f61;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 400px) {
  .academy-section .content p.link {
    font-size: 11px;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .academy-section .content p.link {
    font-size: 11px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .academy-section .content p.link {
    font-size: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .academy-section .content p.link {
    font-size: 11px;
  }
}
.academy-section .content:hover .image-cropper {
  position: relative;
  border-radius: 200px;
  background: #e92f61;
}
.academy-section .content:hover .image-cropper:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -26px;
  margin-left: -26px;
  width: 52px;
  height: 52px;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAA3tJREFUaIHd2ktoXGUUwPHf3AkRQ8BHrdjWR5pWsLEVberCLqO4qBpcVBStglJc6sZNBJc+1u4UkaK4sAZEqm404KYVRFOITRWJjZbaGqX2FRpKOxkXX+LMxJnMzH3MTfpfztzvfv/DnDv33nNOoVwuS5F+PIC7sQl34Eb0Lnw/i3/wO37FJL7FsbQECikEtAVP4hFsiHmOP/AFPsZPSWTiBlTAEF7GjiQCdfgeb2MMbcvFCWgb3sBguwvb5Ae8ih/bWdROQN0LG+xF1JZafObxHt7EpVYWtBrQRrwrXOx5MIkXMd3swFYCGsSHuD65VyLO4lkhFRvSLHWGsF/+wRAc9gtODVnuF9qOT3Btul6JmcMTGK/3ZaOA+oT7wg2ZaSXjrHDf+981VS/luoU/gJUaDCH93hFca6gX0GvYmrVRCmwVXGtYmnLb8CWKHZJKSklIvYnFD6p/oYLwBLBagiG4vi64ozagIdk/zmTBoKq/8uqAXspqx9PDI2vnRr/pyer8wkMyKgFtwf1Z7VY6PtNV+u3PLFN5BwaoBLQ7w806xW4qAT2eo0haDBMCugvr8nVJhfXoj2R47eTAzki4mV4tDETYnLdFimyOxK/UrERuj6zsp+p2WVMol8sn464+PTyytnR8pitNo+JtN19Zc+Ctv+OuTyTT8/yu2dLUiabnuPjRV71dA32Xu++7s2nlprhpw5UESpcL5XL5F5VSbSb8de8L63r2PDzb+8pTF7LcB2cinMl4k05yPhLqylcLpyJM5W2RIlMRjuRtkSITEb7L2yJFDkX4GTN5m6TAKRxbfB/6NE+TlPiMygveaI4iaTFKJaCjQucsE4rrbyoV+24pZXV+wf0otYXGh/BBhptmyXP4mtoy1hgO56KTjMOCO2oDKmNEKK+uFkqC839ptrRYP4F9HRRKyj5VdW3q94euwQErvwNxBI9Z0kxu1PDaKHQhrsveKxbnsUudCZRGPdZpPCO0/1Yac3hag3Ga5ZrG40IrvaX5gA5xSXCq21+leRd8DHtwLkWpuJwTXMaWO6iViZCDQr5OpiAVl8kFh4PNDmx1xGUajwpjKvPxvdpmHu8v7N10ioR4w0v3CK3L7e0ubJNxYbZootmB1SQZL3tQ6Pqt+vGypaQxAHgSn8txALAR/dipMqJ5q1BqXuyvXhTKZidURjQPSXFE81+uON4/xgHypgAAAABJRU5ErkJggg==);
}
.academy-section .content:hover .image-cropper img {
  filter: opacity(50%);
}