.ap-content {
  /* max-width: 983px; */
  /*margin: 0 auto;*/
  /* margin-left: 210px;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

ul,
ol,
li {
  list-style-type: none;
}

.ap-intro {
  background-color: #006ab9;
  background-position: center;
  background-size: cover;
  margin-bottom: 40px;
  padding: 0 30px 30px 30px;
  text-align: center;
}

.ap-intro__line {
  max-width: 320px;
  margin: 20px auto;
  height: 2px;
  background-color: #fff;
}

.ap-intro__title {
  max-width: 840px;
  margin: 0 auto 20px auto;
  font-size: 21px;
  line-height: 1.4;
  color: #fff;
}

.ap-intro__text {

  font-size: 21px;
  line-height: 1.4;
}

.ap-intro__p {
  margin: 0 0 10px 0;
  color: #fff !important;
}

.ap-intro__p a {
  color: #fff!important;
}

.ap-intro__p a:hover {
  opacity: 0.8;
}

.ap-btn {
  display: inline-block;
  border-radius: 4px;
  background-color: #1fbcee;
  padding: 9px 15px;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  transition: all .2s;
}

.ap-btn:hover {
  background-color: #fff;
  color: #006ab9;
}

/*------------------------------------------------------*/
.ap-section {
  padding: 0 0 1px 0;
}

.ap-h2 {
  margin: 0 0 30px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  line-height: 1.4;
  text-align: center;
  color: #006ab9;
}

.ap-h2 a {
  color: #006ab9;
  text-decoration: none;
}

.ap-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.ap-list li {
  flex: 0 0 245px;
  max-width: 240px;
  margin-bottom: 50px;
  text-align: center;
  list-style-type: none;
}

.ap-list__img {
  margin-bottom: 20px;
}

.ap-list__p {
  margin: 0;
  font-size: 18px;
}

/* ------------- MEDIA ------------------ */
@media (max-width: 767px) {
  .ap-intro__title {
    font-size: 18px;
  }

  .ap-intro__text {
    font-size: 18px;
  }

  .ap-h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
  }

  .ap-list li {
    flex: 0 0 100%;
    width: 100%;
    max-width: none;
  }
}

/* ------------------------------- */
.ap-d-flex {
  display: flex;
  align-items: center;
}

.ap-d-flex .ap-list__img {
  flex-shrink: 0;
  margin-right: 12px;
}

.ap-txt-left {
  text-align: left;
}

.ap-mb-0 {
  margin-bottom: 0 !important;
}

.ap-mb-10 {
  margin-bottom: 10px !important;
}

.ap-mb-60 {
  margin-bottom: 60px !important;
}