.header, .footer {
  font-family: "ingra", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.container-custom {
  max-width: 1008px;
  margin: auto;
  padding-right: 20px;
  padding-left: 20px; }

.header {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
  border: 1px solid #e3e3e3;
  background-color: #fff; }
  @media (min-width: 768px) {
    .header img {
      padding-top: 20px;
      padding-bottom: 20px; } }
  @media (max-width: 767px) {
    .header img {
      padding-top: 5px;
      padding-bottom: 5px; } }
  .header .container-custom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .header .logo-wrap {
    display: block;
    text-align: center; }
    @media (min-width: 768px) {
      .header .logo-wrap img {
        height: 77px; } }
    @media (max-width: 767px) {
      .header .logo-wrap img {
        height: 40px; } }
  .header .back-btn {
    color: #40b7ff;
    text-decoration: none; }
    .header .back-btn svg {
      -webkit-transition: fill .3s ease;
              transition: fill .3s ease; }
    .header .back-btn svg {
      fill: #40b7ff; }
    .header .back-btn:hover, .header .back-btn:focus {
      color: #0da4ff;
      text-decoration: none; }
      .header .back-btn:hover svg, .header .back-btn:focus svg {
        fill: #0da4ff; }
    .header .back-btn > * {
      line-height: 20px;
      vertical-align: middle; }
    .header .back-btn svg {
      width: 18px;
      height: 18px; }
    .header .back-btn span {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 2.17px;
      text-transform: uppercase;
      position: relative;
      bottom: -1px; }

.footer {
  background-color: #141e28;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .footer a {
    color: #fff;
    text-decoration: none; }
    .footer a svg {
      -webkit-transition: fill .3s ease;
              transition: fill .3s ease; }
    .footer a svg {
      fill: #fff; }
    .footer a:hover, .footer a:focus {
      color: #e6e6e6;
      text-decoration: none; }
      .footer a:hover svg, .footer a:focus svg {
        fill: #e6e6e6; }
  @media (max-width: 767px) {
    .footer {
      text-align: center; } }
  @media (min-width: 768px) {
    .footer .container-custom {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .footer .container-custom .copyright {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
      .footer .container-custom .footer-nav {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }
  .footer .footer-nav {
    list-style: unstyled; }
    @media (max-width: 767px) {
      .footer .footer-nav {
        margin-bottom: 20px; } }
    @media (min-width: 768px) {
      .footer .footer-nav li {
        display: inline-block; }
        .footer .footer-nav li:not(:last-child) {
          margin-right: 20px; } }
    @media (max-width: 767px) {
      .footer .footer-nav li {
        display: block; } }