.academy-page .background-white {
  background-color: #fff;
}

@media only screen and (min-width: 1200px) {
  .academy-page .container {
    width: 1170px !important;
  }
}

.academy-page, .academy-page div, .academy-page p {
  font-family: "Poppins", sans-serif;
}

.academy-page h1, .academy-page h2, .academy-page h3, .academy-page h4, .academy-page h5, .academy-page h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}

.academy-page .button.button--primary {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  color: #fff;
  background-color: #2ca7b8;
  border: 2px solid #2ca7b8;
  text-transform: uppercase;
  min-height: 60px;
  padding: 8px 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.academy-page .button.button--secondary {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  color: #2ca7b8;
  background-color: transparent;
  border: 2px solid #2ca7b8;
  text-transform: uppercase;
  min-height: 60px;
  padding: 8px 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.academy-page .button:hover, .academy-page .button:active, .academy-page .button:focus {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}

.academy-header {
    height: 635px;
	overflow: hidden;
  position: relative;
}

.academy-header__wrapper {
  color: #2fc1e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 100%;
  margin: auto;
  max-width: 1146px;
  z-index: 11;
  background-image: url('/Static/images/academy/academy-header-bg.png');
  background-repeat: no-repeat;
  background-position: bottom left 120px;
}

.academy-header__container {
  height: 100%;
}

.academy-header h1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 32px;
  line-height: 1;
}

@media only screen and (min-width: 761px) {
	.academy-header__container {
	  padding-top: 50px;
	  padding-left: 64px;
	  margin-right: 0;
		min-width: 744px;
	}
  .academy-header__image {
	position: absolute;
	right: -120px;
	z-index: 1;
  }
	.academy-header__title,
	.academy-header__subtitle  {
		position: relative;
		z-index: 9;
	}
  .academy-header__wrapper {	  
    background-position: bottom right -340px;
  }

  .academy-header h1 {
    font-size: 88px;
  }
}

@media only screen and (min-width: 1200px) {
	.academy-header__container {
	  padding-top: 85px;
	  padding-right: 64px;
	}
  .academy-header__image {
	position: absolute;
	right: 0;
  }
  .academy-header__wrapper {	  
	background-position: bottom right;
  }

}


.academy-header__subtitle h3 {
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
}

.academy-section {
  padding: 40px 0;
}

@media only screen and (min-width: 761px) {
  .academy-section {
    padding: 60px 0;
  }
}

@media only screen and (min-width: 1001px) {
  .academy-section {
    padding: 80px 0;
  }
}

.academy-section h2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 32px !important;
  margin-bottom: 24px;
}

@media only screen and (min-width: 1001px) {
  .academy-section h2 {
    font-size: 48px !important;
    margin-bottom: 40px;
  }
}

.academy-section .courses-list-item:not(:last-child) {
  margin-bottom: 40px;
}

@media only screen and (min-width: 761px) {
  .academy-section .courses-list-item:not(:last-child) {
    margin-bottom: 80px;
  }
}

.academy-section .courses-list-item p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 16px;
}

.academy-section .courses-list-item p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 760px) {
  .academy-section .courses-list-item__title {
    margin-bottom: 16px;
  }
}

.academy-section .courses-list-item__title a {
  color: #333;
}

.academy-section .courses-list-item__title a h3 {
  font-size: 24px;
  margin: 20px 0 0;
}

.academy-section .courses-list-item__button {
  margin-top: 16px;
}

@media only screen and (max-width: 1000px) {
  .academy-section .courses-list-item__agenda {
    margin-top: 16px;
  }
}

.academy-section .courses-list-item:hover .courses-list-item__title a, .academy-section .courses-list-item:active .courses-list-item__title a, .academy-section .courses-list-item:focus .courses-list-item__title a {
  color: #2ca7b8;
}

.academy-section .courses-list-item .row {
  margin-left: -16px;
  margin-right: -16px;
}

.academy-section .courses-list-item [class^="col-"] {
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 1001px) {
  .academy-section .courses-list .border-md-left {
    border-left: 1px solid #e6e6e6;
  }
}

.academy-before-footer {
  background-color: #f1f1f1;
  padding: 40px 0 60px;
}

@media only screen and (min-width: 761px) {
  .academy-before-footer {
    padding: 60px 0 80px;
  }
}

@media only screen and (min-width: 1001px) {
  .academy-before-footer {
    padding: 72px 0 144px;
  }
}

@media only screen and (max-width: 1000px) {
  .academy-before-footer__image {
    margin-bottom: 40px;
  }
}

.academy-before-footer h3 {
  font-size: 26px;
  line-height: 39px;
  margin-bottom: 8px;
}

.academy-before-footer .button:not(:last-child) {
  margin-bottom: 8px;
}

@media only screen and (min-width: 1001px) {
  .academy-before-footer .row {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}