h2 {
  text-align: center;
  line-height: 36px;
  font-size: 28px;
  font-weight: 400; }
  @media (min-width: 768px) {
    h2 {
      margin: 0 0 45px; } }
  @media (max-width: 767.98px) {
    h2 {
      margin: 0 0 20px; } }

.card__color--type__1 {
  color: #00a0f2;
  background-color: rgba(0, 160, 242, 0.1); }
.card__color--type__2 {
  color: #ff5722;
  background-color: rgba(255, 87, 34, 0.1); }
.card__color--type__3 {
  color: #00c853;
  background-color: rgba(0, 200, 83, 0.1); }
.card__color--type__4 {
  color: #9575cd;
  background-color: rgba(149, 117, 205, 0.1); }
.card__color--type__5 {
  color: #ec407a;
  background-color: rgba(236, 64, 122, 0.1); }
.card__color--type__6 {
  color: #f9a825;
  background-color: rgba(249, 168, 37, 0.1); }
.card__color--type__7 {
  color: #00bcd4;
  background-color: rgba(0, 188, 212, 0.1); }
.card__color--type__8 {
  color: #f44336;
  background-color: rgba(244, 67, 54, 0.1); }

.testing__promo {
  position: relative;
  display: flex;
  align-items: center;
  color: #1d2335;
  background: -moz-linear-gradient(-45deg, #e3ecf7 0%, #b4c7de 100%);
  background: -webkit-linear-gradient(-45deg, #e3ecf7 0%, #b4c7de 100%);
  background: linear-gradient(135deg, #e3ecf7 0%, #b4c7de 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ecf7', endColorstr='#b4c7de',GradientType=1); }
  @media (min-width: 992px) {
    .testing__promo {
      min-height: 500px; } }
  @media (max-width: 991.98px) {
    .testing__promo {
      padding: 20px 0 30px; } }
  .testing__promo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/testing__promo--bg.png) center center no-repeat;
    background-size: cover; }
  .testing__promo h1 {
    margin: 0 0 17px; }
    @media (min-width: 768px) {
      .testing__promo h1 {
        line-height: 36px;
        font-size: 28px; } }
    @media (max-width: 767.98px) {
      .testing__promo h1 {
        line-height: 30px;
        font-size: 24px; } }
  .testing__promo--container {
    position: relative;
    text-align: center;
    z-index: 2; }
  .testing__promo--description {
    line-height: 24px;
    font-size: 16px; }
    @media (min-width: 768px) {
      .testing__promo--description {
        margin-bottom: 48px; } }
    @media (max-width: 767.98px) {
      .testing__promo--description {
        margin-bottom: 30px; } }
.testing__usefully {
  background-color: #f9f9f9;
  color: #1d2335; }
  @media (min-width: 768px) {
    .testing__usefully {
      padding: 53px 0 57px;
      line-height: 22px;
      font-size: 14px; } }
  @media (max-width: 767.98px) {
    .testing__usefully {
      padding: 16px 0 30px; } }
  .testing__usefully li {
    display: flex;
    margin-bottom: 14px; }
  .testing__usefully--check {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #00a0f2;
    color: #fff;
    margin-right: 10px;
    font-size: 10px; }
  .testing__usefully--container {
    padding: 11px 15px;
    font-size: 16px; }
    .testing__usefully--container li {
      margin-bottom: 11px;
      align-items: center; }
  .testing__usefully--title {
    margin-bottom: 20px;
    line-height: 22px;
    font-weight: 600; }
  .testing__usefully--description {
    line-height: 21px;
    color: #929aa3;
    font-size: 14px; }
  .testing__usefully--icon {
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; }
    .testing__usefully--icon .icon-c {
      font-size: 27px; }
.testing__block {
  background-color: #fff;
  padding: 54px 0;
  color: #1d2335;
  text-align: center;
  line-height: 24px;
  font-size: 16px; }
  @media (min-width: 768px) {
    .testing__block {
      padding: 54px 0; } }
  @media (max-width: 767.98px) {
    .testing__block {
      padding: 16px 0 0; } }
  .testing__block h2 {
    margin: 0 0 40px;
    text-align: center; }
  .testing__block--container {
    margin-bottom: 40px; }
  .testing__block--icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%; }
.testing__certificate {
  padding: 52px 0 60px;
  border-top: 1px solid #eaeaea;
  background-color: #fff;
  color: #1d2335; }
  @media (min-width: 768px) {
    .testing__certificate {
      padding: 52px 0 60px; } }
  @media (max-width: 767.98px) {
    .testing__certificate {
      padding: 16px 0 20px; } }
  @media (min-width: 992px) {
    .testing__certificate h2 {
      text-align: left;
      margin: 26px 0 24px; } }
  @media (max-width: 991.98px) {
    .testing__certificate h2 {
      text-align: center;
      margin: 0 0 24px; } }
  .testing__certificate--description {
    line-height: 24px;
    font-size: 16px; }
    @media (min-width: 768px) {
      .testing__certificate--description {
        margin-bottom: 46px; } }
    @media (max-width: 767.98px) {
      .testing__certificate--description {
        margin-bottom: 20px; } }
  @media (min-width: 768px) {
    .testing__certificate--pay {
      margin-bottom: 44px; } }
  @media (max-width: 767.98px) {
    .testing__certificate--pay {
      margin-bottom: 20px; } }
  .testing__certificate--sub {
    line-height: 22px;
    font-size: 14px; }
    @media (max-width: 767.98px) {
      .testing__certificate--sub {
        margin-bottom: 20px; } }
  @media (max-width: 991.98px) {
    .testing__certificate--container {
      text-align: center; } }
.testing__modal {
  max-width: 635px;
  margin: 0 auto; }
  .testing__modal--container {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f9f9f9; }
  .testing__modal--preview {
    position: relative;
    min-width: 158px;
    height: 310px;
    background: -moz-linear-gradient(-45deg, #00a0f2 0%, #0562aa 100%);
    background: -webkit-linear-gradient(-45deg, #00a0f2 0%, #0562aa 100%);
    background: linear-gradient(135deg, #00a0f2 0%, #0562aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0f2', endColorstr='#0562aa',GradientType=1); }
    @media (max-width: 767.98px) {
      .testing__modal--preview {
        display: none; } }
    .testing__modal--preview::before {
      position: absolute;
      bottom: -1px;
      right: 0;
      width: 158px;
      height: 290px;
      content: "";
      background: url(../images/testing__pay.png) 0 0 no-repeat; }
  .testing__modal--content {
    position: relative;
    line-height: 22px;
    font-size: 14px; }
    @media (min-width: 768px) {
      .testing__modal--content {
        padding: 10px 40px; } }
    @media (max-width: 767.98px) {
      .testing__modal--content {
        padding: 10px 20px; } }
  .testing__modal--headline {
    margin: 0 0 21px;
    color: #1d2335;
    font-size: 23px;
    font-weight: 600; }
  .testing__modal--description {
    font-size: 12px;
    font-family: Verdana, sans-serif; }
  .testing__modal--close {
    position: absolute;
    top: -22px;
    right: 16px;
    cursor: pointer;
    opacity: 0.7;
    font-size: 14px; }
    .testing__modal--close:hover {
      opacity: 1; }

/*# sourceMappingURL=main.css.map */
