@media (min-width: 1281px) and (max-width: 9999px) {
  .container {
    max-width: 1240px; }
  .col-xl-1 {
    width: 8.33333%; }
  .skip-xl-1 {
    margin-left: 8.33333%; }
  .add-xl-1 {
    margin-right: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .skip-xl-2 {
    margin-left: 16.66667%; }
  .add-xl-2 {
    margin-right: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .skip-xl-3 {
    margin-left: 25%; }
  .add-xl-3 {
    margin-right: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .skip-xl-4 {
    margin-left: 33.33333%; }
  .add-xl-4 {
    margin-right: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .skip-xl-5 {
    margin-left: 41.66667%; }
  .add-xl-5 {
    margin-right: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .skip-xl-6 {
    margin-left: 50%; }
  .add-xl-6 {
    margin-right: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .skip-xl-7 {
    margin-left: 58.33333%; }
  .add-xl-7 {
    margin-right: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .skip-xl-8 {
    margin-left: 66.66667%; }
  .add-xl-8 {
    margin-right: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .skip-xl-9 {
    margin-left: 75%; }
  .add-xl-9 {
    margin-right: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .skip-xl-10 {
    margin-left: 83.33333%; }
  .add-xl-10 {
    margin-right: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .skip-xl-11 {
    margin-left: 91.66667%; }
  .add-xl-11 {
    margin-right: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .skip-xl-12 {
    margin-left: 100%; }
  .add-xl-12 {
    margin-right: 100%; } }

@media (min-width: 991px) and (max-width: 1280px) {
  .container {
    max-width: 950px; }
  .col-l-1 {
    width: 8.33333%; }
  .skip-l-1 {
    margin-left: 8.33333%; }
  .add-l-1 {
    margin-right: 8.33333%; }
  .col-l-2 {
    width: 16.66667%; }
  .skip-l-2 {
    margin-left: 16.66667%; }
  .add-l-2 {
    margin-right: 16.66667%; }
  .col-l-3 {
    width: 25%; }
  .skip-l-3 {
    margin-left: 25%; }
  .add-l-3 {
    margin-right: 25%; }
  .col-l-4 {
    width: 33.33333%; }
  .skip-l-4 {
    margin-left: 33.33333%; }
  .add-l-4 {
    margin-right: 33.33333%; }
  .col-l-5 {
    width: 41.66667%; }
  .skip-l-5 {
    margin-left: 41.66667%; }
  .add-l-5 {
    margin-right: 41.66667%; }
  .col-l-6 {
    width: 50%; }
  .skip-l-6 {
    margin-left: 50%; }
  .add-l-6 {
    margin-right: 50%; }
  .col-l-7 {
    width: 58.33333%; }
  .skip-l-7 {
    margin-left: 58.33333%; }
  .add-l-7 {
    margin-right: 58.33333%; }
  .col-l-8 {
    width: 66.66667%; }
  .skip-l-8 {
    margin-left: 66.66667%; }
  .add-l-8 {
    margin-right: 66.66667%; }
  .col-l-9 {
    width: 75%; }
  .skip-l-9 {
    margin-left: 75%; }
  .add-l-9 {
    margin-right: 75%; }
  .col-l-10 {
    width: 83.33333%; }
  .skip-l-10 {
    margin-left: 83.33333%; }
  .add-l-10 {
    margin-right: 83.33333%; }
  .col-l-11 {
    width: 91.66667%; }
  .skip-l-11 {
    margin-left: 91.66667%; }
  .add-l-11 {
    margin-right: 91.66667%; }
  .col-l-12 {
    width: 100%; }
  .skip-l-12 {
    margin-left: 100%; }
  .add-l-12 {
    margin-right: 100%; } }

@media (min-width: 769px) and (max-width: 990px) {
  .container {
    max-width: 728px; }
  .col-m-1 {
    width: 8.33333%; }
  .skip-m-1 {
    margin-left: 8.33333%; }
  .add-m-1 {
    margin-right: 8.33333%; }
  .col-m-2 {
    width: 16.66667%; }
  .skip-m-2 {
    margin-left: 16.66667%; }
  .add-m-2 {
    margin-right: 16.66667%; }
  .col-m-3 {
    width: 25%; }
  .skip-m-3 {
    margin-left: 25%; }
  .add-m-3 {
    margin-right: 25%; }
  .col-m-4 {
    width: 33.33333%; }
  .skip-m-4 {
    margin-left: 33.33333%; }
  .add-m-4 {
    margin-right: 33.33333%; }
  .col-m-5 {
    width: 41.66667%; }
  .skip-m-5 {
    margin-left: 41.66667%; }
  .add-m-5 {
    margin-right: 41.66667%; }
  .col-m-6 {
    width: 50%; }
  .skip-m-6 {
    margin-left: 50%; }
  .add-m-6 {
    margin-right: 50%; }
  .col-m-7 {
    width: 58.33333%; }
  .skip-m-7 {
    margin-left: 58.33333%; }
  .add-m-7 {
    margin-right: 58.33333%; }
  .col-m-8 {
    width: 66.66667%; }
  .skip-m-8 {
    margin-left: 66.66667%; }
  .add-m-8 {
    margin-right: 66.66667%; }
  .col-m-9 {
    width: 75%; }
  .skip-m-9 {
    margin-left: 75%; }
  .add-m-9 {
    margin-right: 75%; }
  .col-m-10 {
    width: 83.33333%; }
  .skip-m-10 {
    margin-left: 83.33333%; }
  .add-m-10 {
    margin-right: 83.33333%; }
  .col-m-11 {
    width: 91.66667%; }
  .skip-m-11 {
    margin-left: 91.66667%; }
  .add-m-11 {
    margin-right: 91.66667%; }
  .col-m-12 {
    width: 100%; }
  .skip-m-12 {
    margin-left: 100%; }
  .add-m-12 {
    margin-right: 100%; } }

@media (min-width: 581px) and (max-width: 768px) {
  .container {
    max-width: 540px; }
  .col-s-1 {
    width: 8.33333%; }
  .skip-s-1 {
    margin-left: 8.33333%; }
  .add-s-1 {
    margin-right: 8.33333%; }
  .col-s-2 {
    width: 16.66667%; }
  .skip-s-2 {
    margin-left: 16.66667%; }
  .add-s-2 {
    margin-right: 16.66667%; }
  .col-s-3 {
    width: 25%; }
  .skip-s-3 {
    margin-left: 25%; }
  .add-s-3 {
    margin-right: 25%; }
  .col-s-4 {
    width: 33.33333%; }
  .skip-s-4 {
    margin-left: 33.33333%; }
  .add-s-4 {
    margin-right: 33.33333%; }
  .col-s-5 {
    width: 41.66667%; }
  .skip-s-5 {
    margin-left: 41.66667%; }
  .add-s-5 {
    margin-right: 41.66667%; }
  .col-s-6 {
    width: 50%; }
  .skip-s-6 {
    margin-left: 50%; }
  .add-s-6 {
    margin-right: 50%; }
  .col-s-7 {
    width: 58.33333%; }
  .skip-s-7 {
    margin-left: 58.33333%; }
  .add-s-7 {
    margin-right: 58.33333%; }
  .col-s-8 {
    width: 66.66667%; }
  .skip-s-8 {
    margin-left: 66.66667%; }
  .add-s-8 {
    margin-right: 66.66667%; }
  .col-s-9 {
    width: 75%; }
  .skip-s-9 {
    margin-left: 75%; }
  .add-s-9 {
    margin-right: 75%; }
  .col-s-10 {
    width: 83.33333%; }
  .skip-s-10 {
    margin-left: 83.33333%; }
  .add-s-10 {
    margin-right: 83.33333%; }
  .col-s-11 {
    width: 91.66667%; }
  .skip-s-11 {
    margin-left: 91.66667%; }
  .add-s-11 {
    margin-right: 91.66667%; }
  .col-s-12 {
    width: 100%; }
  .skip-s-12 {
    margin-left: 100%; }
  .add-s-12 {
    margin-right: 100%; } }

@media (min-width: 1px) and (max-width: 580px) {
  .container {
    max-width: 100%; }
  .col-xs-1 {
    width: 8.33333%; }
  .skip-xs-1 {
    margin-left: 8.33333%; }
  .add-xs-1 {
    margin-right: 8.33333%; }
  .col-xs-2 {
    width: 16.66667%; }
  .skip-xs-2 {
    margin-left: 16.66667%; }
  .add-xs-2 {
    margin-right: 16.66667%; }
  .col-xs-3 {
    width: 25%; }
  .skip-xs-3 {
    margin-left: 25%; }
  .add-xs-3 {
    margin-right: 25%; }
  .col-xs-4 {
    width: 33.33333%; }
  .skip-xs-4 {
    margin-left: 33.33333%; }
  .add-xs-4 {
    margin-right: 33.33333%; }
  .col-xs-5 {
    width: 41.66667%; }
  .skip-xs-5 {
    margin-left: 41.66667%; }
  .add-xs-5 {
    margin-right: 41.66667%; }
  .col-xs-6 {
    width: 50%; }
  .skip-xs-6 {
    margin-left: 50%; }
  .add-xs-6 {
    margin-right: 50%; }
  .col-xs-7 {
    width: 58.33333%; }
  .skip-xs-7 {
    margin-left: 58.33333%; }
  .add-xs-7 {
    margin-right: 58.33333%; }
  .col-xs-8 {
    width: 66.66667%; }
  .skip-xs-8 {
    margin-left: 66.66667%; }
  .add-xs-8 {
    margin-right: 66.66667%; }
  .col-xs-9 {
    width: 75%; }
  .skip-xs-9 {
    margin-left: 75%; }
  .add-xs-9 {
    margin-right: 75%; }
  .col-xs-10 {
    width: 83.33333%; }
  .skip-xs-10 {
    margin-left: 83.33333%; }
  .add-xs-10 {
    margin-right: 83.33333%; }
  .col-xs-11 {
    width: 91.66667%; }
  .skip-xs-11 {
    margin-left: 91.66667%; }
  .add-xs-11 {
    margin-right: 91.66667%; }
  .col-xs-12 {
    width: 100%; }
  .skip-xs-12 {
    margin-left: 100%; }
  .add-xs-12 {
    margin-right: 100%; } }

.container {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto; }

.container-fluid {
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px; }

.row {
  display: flex;
  margin: -20px -10px 0 -10px; }

.col {
  flex-basis: 0;
  flex-grow: 1; }

.flex-wrap {
  flex-wrap: wrap; }

li[class*="col"] {
  box-sizing: border-box;
  padding: 20px 10px 0 10px; }

div[class*="col"] {
  box-sizing: border-box;
  padding: 20px 10px 0 10px; }

.content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 40px 0 40px 40px;
  box-sizing: border-box;
  height: 400px; }
  @media (max-width: 580px) {
    .content {
      height: auto;
      padding: 20px; } }

.button {
  display: inline-block;
  padding: 13px 27px;
  color: white;
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  border: solid 1px #243970;
  border-radius: 30px;
  background-color: #243970;
  transition: background-color ease-in .4s,
 color ease-in .4s,
 box-shadow ease-in .4s; }
  .button:hover {
    color: #243970;
    cursor: pointer;
    background-color: white; }
  .button:active {
    color: black;
    cursor: pointer;
    background-color: white;
    box-shadow: white 0 0 0; }
  .button:focus {
    color: black;
    background-color: white;
    outline: solid 1px black; }
  .button-light {
    padding: 13px 27px;
    color: white;
    font-family: "Ubuntu", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    border-radius: 20px;
    border: solid 1px white;
    transition: background-color ease-in 0.4s, color ease-in 0.4s, box-shadow ease-in 0.4s; }
  .button-light:hover {
    color: black;
    cursor: pointer;
    background-color: white; }
  .button-light:active {
    color: black;
    cursor: pointer;
    background-color: white;
    box-shadow: white 0 0 0; }
  .button-light:focus {
    outline-style: dashed; }

.link {
  position: relative;
  font-size: 24px; }
  .link:hover {
    font-size: 24px;
    text-decoration: underline; }
  .link::after {
    content: "";
    position: absolute;
    top: 7px;
    right: -26px;
    width: 6px;
    height: 18px;
    background: url("./static/images/img_icon_arrow_right.svg") left center no-repeat; }

.social {
  display: flex;
  flex-flow: row wrap; }
  .social__item {
    width: 50px;
    height: 50px;
    margin: 0 20px 0 0;
    border: solid 1px white; }
  .social__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: background-color ease-in .4s; }
    .social__link:hover {
      background: #243970; }
  .social__img--instagram {
    width: 24px; }
  .social__img--facebook {
    height: 24px; }
  .social__img--vk {
    width: 26px; }

.header {
  width: 100%;
  padding: 40px 0 20px 0;
  z-index: 4;
  color: #0C2053;
  border-bottom: solid 1px #f2f2f2;
  background-color: white;
  transition: transform .4s ease-in; }
  @media (max-width: 768px) {
    .header {
      padding: 20px 0; } }
  @media (max-width: 420px) {
    .header {
      padding: 20px 0 20px 0; } }
  .header__top {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 30px 0; }
    @media (max-width: 768px) {
      .header__top {
        margin: 0 0 20px; } }
  .header__bottom {
    display: flex;
    align-items: center; }
  .header__logo {
    color: #243970;
    font-size: 10px;
    text-transform: uppercase; }
    .header__logo-name {
      display: inline-block;
      font-size: 18px;
      font-weight: 900;
      margin: 0 0 6px 0;
      text-transform: none; }
  .header__social {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    flex: auto;
    font-size: 0; }
    @media (max-width: 420px) {
      .header__social {
        display: none; } }
    .header__social-item {
      width: 20px;
      height: 20px;
      margin: 0 0 0 10px; }
    .header__social-link {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      border: solid 1px #243970;
      border-radius: 50%;
      transition: opacity .4s ease-in; }
      .header__social-link:hover {
        opacity: .5; }
    .header__social-svg--facebook {
      width: 6px;
      height: 10px; }
    .header__social-svg--twitter {
      width: 10px;
      height: 9px; }
    .header__social-svg--instagram {
      width: 12px;
      height: 12px; }
  .header__contacts {
    display: flex;
    flex: 1;
    flex-flow: column wrap;
    margin: 0 0 0 20px;
    color: inherit;
    text-align: right; }
    @media (max-width: 990px) {
      .header__contacts {
        margin: 0 0 0 10px; } }
    @media (max-width: 420px) {
      .header__contacts {
        display: none; } }
    .header__contacts-phone {
      display: inline-block;
      align-self: flex-end;
      color: inherit;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 6px 0; }
    .header__contacts-mail {
      display: inline-block;
      align-self: flex-end;
      color: inherit;
      font-size: 10px;
      text-transform: uppercase; }
  .header__nav {
    display: flex;
    align-items: center; }
    @media (max-width: 768px) {
      .header__nav {
        display: none; } }
    .header__nav-list {
      display: flex;
      flex-flow: row wrap;
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase; }
    .header__nav-item {
      margin: 0 50px 0 0; }
      @media (max-width: 990px) {
        .header__nav-item {
          margin: 0 20px 0 0; } }
      .header__nav-item:last-of-type {
        flex: 1;
        text-align: right;
        margin: 0; }
    .header__nav-link {
      color: #243970;
      border-bottom: solid 1px white;
      transition: color ease-in .3s; }
      .header__nav-link--active {
        color: #1074B9; }
      .header__nav-link:hover {
        cursor: pointer;
        color: #1074B9;
        transition: color ease-in .3s; }
    .header__nav-mobile {
      display: none;
      flex-flow: column;
      font-size: 0;
      width: 30px;
      height: 17px;
      background: url("../../imgs/img_icon_mobile-menu.svg") top center no-repeat;
      transition: opacity ease-in .3s; }
  .header__button {
    display: none;
    position: relative;
    width: 22px;
    height: 16px; }
    @media (max-width: 768px) {
      .header__button {
        display: block; } }
    .header__button:hover {
      cursor: pointer; }
    .header__button:active {
      opacity: 0.5; }
    .header__button-line {
      width: 100%;
      height: 1px;
      background-color: #243970; }
      .header__button-line::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #243970; }
      .header__button-line::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #243970; }

.mobile {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 999;
  transform: translateX(0%);
  transition: transform .4s ease-out,
 opacity .4s ease-out; }
  .mobile--hidden {
    opacity: 0;
    transform: translateX(-105%); }
  .mobile-wrap {
    position: relative;
    width: 300px;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.15) 5px 0 5px;
    background-color: white; }
  .mobile-close {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 8px;
    height: 17px;
    font-size: 0; }
    .mobile-close-svg {
      width: 100%;
      height: auto;
      fill: none;
      stroke-width: 1px;
      stroke: #243970;
      transition: opacity .4s ease-out; }
      .mobile-close-svg:active {
        opacity: 0.5; }
    .mobile-close-path {
      stroke-width: inherit;
      stroke: inherit; }
  .mobile__logo {
    display: block;
    margin: 0 0 20px 0;
    color: #243970;
    font-size: 10px;
    text-transform: uppercase; }
    .mobile__logo-name {
      display: inline-block;
      font-size: 18px;
      font-weight: 900;
      margin: 0 0 6px 0;
      text-transform: none; }
  .mobile-list {
    color: #243970; }
  .mobile-item {
    margin: 0 0 0 -20px;
    border-bottom: solid 1px #f2f2f2; }
    .mobile-item:last-of-type {
      display: none;
      padding-top: 10px;
      border-bottom: none; }
      @media (max-width: 420px) {
        .mobile-item:last-of-type {
          display: block; } }
  .mobile-link {
    display: inline-block;
    margin: 0 0 0 -20px;
    padding: 10px 0 10px 40px;
    color: inherit;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    transition: color .4s ease-in; }
    .mobile-link:hover {
      color: #1074B9;
      cursor: pointer; }
    .mobile-link--highlighted {
      color: #1074B9; }
  .mobile-social {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    flex: auto;
    padding: 0 0 0 20px;
    font-size: 0; }
    .mobile-social-item {
      width: 20px;
      height: 20px;
      margin: 0 10px 0 0; }
    .mobile-social-link {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      border: solid 1px #243970;
      border-radius: 50%;
      transition: opacity .4s ease-in; }
      .mobile-social-link:hover {
        opacity: .5; }
    .mobile-social-svg--facebook {
      width: 6px;
      height: 10px; }
    .mobile-social-svg--twitter {
      width: 10px;
      height: 9px; }
    .mobile-social-svg--instagram {
      width: 12px;
      height: 12px; }

@-webkit-keyframes trace {
  0% {
    fill: #d31465; }
  50% {
    fill: #FFCC00; }
  100% {
    fill: #d31465; } }

@keyframes trace {
  0% {
    fill: #d31465; }
  50% {
    fill: #FFCC00; }
  100% {
    fill: #d31465; } }

.footer {
  color: white;
  font-size: 14px;
  box-sizing: border-box;
  padding: 60px 0 0 0;
  background-color: #243970; }
  .footer__bottom {
    display: flex;
    align-items: baseline; }
    @media (max-width: 580px) {
      .footer__bottom {
        align-items: center; } }
  .footer__bg {
    background-color: #243970; }
    .footer__bg:last-of-type {
      padding: 60px 0 20px 0;
      background-color: #0C2053; }
      @media (max-width: 990px) {
        .footer__bg:last-of-type {
          padding: 20px 0; } }
  .footer__sections {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 0 120px 0; }
    @media (max-width: 990px) {
      .footer__sections {
        flex-flow: row wrap;
        margin: 0 0 40px 0; } }
    @media (max-width: 580px) {
      .footer__sections {
        flex-flow: row wrap; } }
    .footer__sections-item {
      width: 33.33%;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        .footer__sections-item {
          width: auto;
          flex: 1 0 30%;
          width: 50%;
          margin: 0 0 20px 0; } }
      @media (max-width: 580px) {
        .footer__sections-item {
          flex: 1 0 50%;
          width: auto; } }
      @media (max-width: 990px) {
        .footer__sections-item:last-of-type {
          display: block; } }
      @media (max-width: 768px) {
        .footer__sections-item:last-of-type {
          width: 100%;
          margin-bottom: 0; } }
    .footer__sections-title {
      position: relative;
      margin: 0 0 40px 0;
      padding: 0 0 20px 0;
      font-size: 24px;
      font-weight: bold; }
      @media (max-width: 768px) {
        .footer__sections-title {
          margin: 0 0 20px;
          padding: 0 0 10px;
          font-size: 18px; } }
      .footer__sections-title::after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 75%;
        height: 1px;
        background-color: white; }
        @media (max-width: 580px) {
          .footer__sections-title::after {
            width: 20%; } }
    .footer__sections-list {
      font-size: 18px;
      font-weight: 300; }
    .footer__sections-section {
      display: flex; }
    .footer__sections-link {
      margin: 0 0 18px 0;
      color: inherit;
      transition: opacity .4s ease-in; }
      @media (max-width: 768px) {
        .footer__sections-link {
          font-size: 14px; } }
      .footer__sections-link:hover {
        opacity: .5; }
    .footer__sections-text {
      margin: 0 0 20px 0;
      color: white;
      text-decoration: none; }
      @media (max-width: 768px) {
        .footer__sections-text {
          font-size: 14px; } }
    .footer__sections-address {
      font-size: 12px; }
  .footer__social {
    display: flex; }
    .footer__social-item {
      width: 22px;
      height: 22px;
      margin: 0 10px 0 0; }
    .footer__social-link {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      font-size: 0;
      border-radius: 50%;
      border: solid 1px white;
      transition: opacity .4s ease-in; }
      .footer__social-link:hover {
        opacity: .5; }
    .footer__social-svg {
      width: 100%;
      height: 100%;
      fill: white; }
      .footer__social-svg--facebook {
        width: 6px;
        height: 10px; }
      .footer__social-svg--twitter {
        width: 10px;
        height: 9px; }
      .footer__social-svg--instagram {
        width: 12px;
        height: 12px; }
  .footer__copyright {
    width: 75%; }
  .footer__developer {
    display: flex;
    justify-content: flex-end;
    flex: 1; }
    .footer__developer-svg {
      width: 65px; }
      @media (max-width: 990px) {
        .footer__developer-svg {
          width: 45px; } }
    .footer__developer-trace {
      -webkit-animation: trace 5s ease infinite;
              animation: trace 5s ease infinite; }

:root {
  font-size: 16px; }

.container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box; }
  @media (max-width: 1280px) {
    .container {
      max-width: none; } }
  @media (max-width: 1140px) {
    .container {
      padding: 0 20px; } }

.title {
  margin: 0 0 40px 0;
  font-family: "Ubuntu", Arial, sans-serif;
  font-size: 48px;
  font-weight: normal; }
  @media (max-width: 990px) {
    .title {
      margin: 0 0 30px 0;
      font-size: 32px;
      line-height: 34px; } }
  @media (max-width: 490px) {
    .title {
      margin: 0 0 20px 0;
      font-size: 28px;
      line-height: 28px; } }

body {
  font-family: "Ubuntu", Arial, sans-serif; }

::after, ::before {
  margin: 0;
  padding: 0; }

body, p, h1, h2, h3, h4, h5, h6, figure, button {
  margin: 0;
  padding: 0;
  border: none;
  background: none; }

a {
  text-decoration: none; }

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.divider {
  width: 140px;
  height: 1px;
  margin: 40px 0; }

.hidden {
  display: none;
  opacity: 1;
  transition: all ease-in .4s; }