@charset "UTF-8";
@font-face {
  font-family: 'RussoOne';
  src: url("../other_files/main/RussoOne-Regular.eot");
  src: local("☺"), url("../other_files/main/RussoOne-Regular.woff") format("woff"), url("../other_files/main/RussoOne-Regular.ttf") format("truetype"), url("../other_files/main/RussoOne-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../other_files/main/Roboto-Regular.eot");
  src: local("☺"), url("../other_files/main/Roboto-Regular.woff") format("woff"), url("../other_files/main/Roboto-Regular.ttf") format("truetype"), url("../other_files/main/Roboto-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
header {
  height: 95px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  padding: 0 140px;
  z-index: 50;
  background-color: #f8f8f8;
  transition: 0.4s; }
  header .logo {
    width: 115px; }
  header .navbar {
    display: flex;
    align-items: center; }
    header .navbar .link {
      font-size: 19px;
      font-family: RussoOne;
      text-transform: uppercase;
      margin: 0 15px;
      transition: 0.3s;
      border-bottom: 3px solid rgba(0, 0, 0, 0); }
      header .navbar .link:hover {
        border-bottom: 3px solid #0a2542; }
    header .navbar #main_link {
      border-bottom: 3px solid #0a2542; }
    header .navbar .select {
      padding-left: 5px;
      width: 50px;
      position: relative;
      margin-bottom: 4px; }
      header .navbar .select .select_header {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center; }
        header .navbar .select .select_header .select_current {
          font-size: 20px;
          color: #0A2542;
          font-family: RussoOne;
          text-transform: uppercase; }
        header .navbar .select .select_header i {
          padding-left: 7px; }
      header .navbar .select .select_body {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%; }
        header .navbar .select .select_body .select_item {
          padding-right: 10px;
          font-size: 14px;
          cursor: pointer;
          color: #0A2542;
          font-family: RussoOne;
          transition: 0.4s; }
          header .navbar .select .select_body .select_item:hover {
            color: #1f62a8;
            text-decoration: underline; }
    header .navbar .is-active .select_body {
      display: flex;
      justify-content: space-between;
      align-items: center; }
  header .mobile_button {
    width: 45px;
    height: 30px;
    position: relative;
    display: none;
    right: 0; }
    header .mobile_button .top, header .mobile_button .middle, header .mobile_button .bottom {
      width: 100%;
      height: 10%;
      background-color: #0A2542;
      position: absolute;
      right: 0;
      transition: 0.3s; }
    header .mobile_button .top {
      top: 0; }
    header .mobile_button .middle {
      top: 50%;
      transform: scale(1) translate(0px, -50%); }
    header .mobile_button .bottom {
      bottom: 0; }
    header .mobile_button.active .middle {
      transform: scale(0) translate(0px, -50%); }
    header .mobile_button.active .top {
      width: 70%;
      top: 50%;
      transform: rotate(-45deg) translate(0px, -65%); }
    header .mobile_button.active .bottom {
      width: 70%;
      bottom: 50%;
      transform: rotate(45deg) translate(0px, 65%); }
  @media only screen and (min-width: 1440px) and (max-width: 1919px) {
    header {
      -webkit-min-device-pixel-ratio: 2;
      height: 85px;
      padding: 0 120px; }
      header .logo {
        width: 104px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1440px) {
    header {
      -webkit-min-device-pixel-ratio: 2;
      height: 85px;
      padding: 0 110px; }
      header .logo {
        width: 94px; }
      header .navbar .link {
        font-size: 18px;
        margin: 0 13px; }
      header .navbar .select .select_header .select_current {
        font-size: 18px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1366px) {
    header {
      -webkit-min-device-pixel-ratio: 2;
      height: 85px;
      padding: 0 100px; }
      header .logo {
        width: 94px; }
      header .navbar .link {
        font-size: 17px;
        margin: 0 12px; }
      header .navbar .select .select_header .select_current {
        font-size: 17px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    header {
      -webkit-min-device-pixel-ratio: 2;
      height: 75px;
      padding: 0 90px; }
      header .logo {
        width: 84px; }
      header .navbar .link {
        font-size: 16px;
        margin: 0 11px; }
      header .navbar .select .select_header .select_current {
        font-size: 16px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    header {
      -webkit-min-device-pixel-ratio: 2;
      height: 55px;
      padding: 0 56px; }
      header .logo {
        width: 58px; }
      header .navbar .link {
        font-size: 13px;
        margin: 0 9px; }
      header .navbar .select .select_header .select_current {
        font-size: 13px; }
      header .navbar .select .select_body .select_item {
        font-size: 11px; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    header {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 32px; }
      header .logo {
        width: 76px; }
      header .navbar {
        position: absolute;
        right: 110px; }
        header .navbar .link {
          display: none; }
      header .mobile_button {
        display: block;
        right: 2%; } }

header.hide {
  transform: translateY(-95px); }

.mobile_navbar {
  display: none; }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .mobile_navbar {
      -webkit-min-device-pixel-ratio: 2; }
      .mobile_navbar.active {
        position: fixed;
        right: 0;
        top: 95px;
        width: 100%;
        height: 89.2%;
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 100;
        display: flex;
        justify-content: center;
        opacity: 0;
        animation: openMob 0.3s forwards; }
        .mobile_navbar.active .mobile_container {
          width: 60%;
          height: 80%;
          margin-top: 10%;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .mobile_navbar.active .mobile_container a {
            font-size: 32px;
            color: #0A2542;
            font-family: RussoOne;
            text-transform: uppercase;
            opacity: 1;
            border-bottom: 3px solid rgba(0, 0, 0, 0); }
            .mobile_navbar.active .mobile_container a:hover {
              border-bottom: 3px solid #1d5796;
              color: #1d5796; }
    @keyframes openMob {
      0% {
        opacity: 0; }
      20% {
        opacity: 0.2; }
      40% {
        opacity: 0.4; }
      60% {
        opacity: 0.6; }
      80% {
        opacity: 0.8; }
      100% {
        opacity: 1; } } }

.banner {
  display: flex;
  justify-content: center;
  align-items: center; }
  .banner p {
    font-size: 120px;
    font-family: RussoOne;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff; }
  @media only screen and (min-width: 1440px) and (max-width: 1919px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 100px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1440px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 95px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 90px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 70px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 90px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .banner {
      -webkit-min-device-pixel-ratio: 2; }
      .banner p {
        font-size: 50px; } }

footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 236px;
  height: 227px;
  background-color: #0A2542;
  bottom: 0;
  font-family: Roboto;
  padding: 0 140px; }
  footer a {
    align-self: center; }
    footer a img {
      width: 115px; }
  footer .info {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    footer .info .location {
      padding-right: 156px;
      height: 111px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      footer .info .location p {
        font-size: 16px;
        color: #ffffff; }
    footer .info .contacts div {
      display: flex;
      align-items: center;
      margin: 12px 0; }
      footer .info .contacts div img {
        width: 32px;
        object-fit: contain; }
      footer .info .contacts div p {
        color: #ffffff;
        font-size: 17px;
        padding-left: 17px; }
  @media only screen and (min-width: 1440px) and (max-width: 1919px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 120px;
      height: 207px; }
      footer a {
        align-self: center; }
        footer a img {
          width: 104px; }
      footer .info .location {
        height: 108px;
        padding-right: 60px; }
        footer .info .location p {
          font-size: 14px; }
      footer .info .contacts {
        height: 110px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 28px; }
          footer .info .contacts div p {
            font-size: 14px;
            padding-left: 10px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1440px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 110px;
      height: 177px; }
      footer a {
        align-self: center; }
        footer a img {
          width: 94px; }
      footer .info .location {
        padding-right: 60px;
        height: 100px; }
        footer .info .location p {
          font-size: 13px; }
      footer .info .contacts {
        height: 100px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 28px; }
          footer .info .contacts div p {
            font-size: 13px;
            padding-left: 9px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1366px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 100px;
      height: 147px; }
      footer a {
        align-self: center; }
        footer a img {
          width: 94px; }
      footer .info .location {
        padding-right: 60px;
        height: 100px; }
        footer .info .location p {
          font-size: 13px; }
      footer .info .contacts {
        height: 100px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 26px; }
          footer .info .contacts div p {
            font-size: 13px;
            padding-left: 8px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 90px;
      height: 117px; }
      footer a {
        align-self: center; }
        footer a img {
          width: 84px; }
      footer .info .location {
        padding-right: 60px;
        height: 90px; }
        footer .info .location p {
          font-size: 12px; }
      footer .info .contacts {
        height: 90px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 22px; }
          footer .info .contacts div p {
            font-size: 12px;
            padding-left: 7px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 56px;
      height: 90px; }
      footer a {
        align-self: center; }
        footer a img {
          width: 58px; }
      footer .info .location {
        padding-right: 60px;
        height: 50px; }
        footer .info .location p {
          font-size: 8px; }
      footer .info .contacts {
        height: 50px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 15px; }
          footer .info .contacts div p {
            font-size: 8px;
            padding-left: 7px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 32px;
      margin-top: 100px;
      height: 103px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      footer a img {
        width: 76px; }
      footer .info .location {
        padding-right: 50px;
        height: 50px; }
        footer .info .location p {
          font-size: 9px; }
      footer .info .contacts {
        height: 50px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 15px; }
          footer .info .contacts div p {
            font-size: 9px;
            padding-left: 7px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    footer {
      -webkit-min-device-pixel-ratio: 2;
      padding: 0 16px;
      margin-top: 100px;
      height: 103px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      footer a img {
        width: 62px; }
      footer .info .location {
        padding-right: 10px;
        height: 50px; }
        footer .info .location p {
          font-size: 8px; }
      footer .info .contacts {
        height: 50px; }
        footer .info .contacts div {
          margin: 5px 0; }
          footer .info .contacts div img {
            width: 15px; }
          footer .info .contacts div p {
            font-size: 8px;
            padding-left: 7px; } }

.top_button {
  position: fixed;
  right: 60px;
  bottom: 277.6px;
  width: 69px;
  height: 69px;
  background: url("../image/news/button_top.svg") center center no-repeat;
  background-size: cover;
  opacity: 0.3;
  transform: scale(1);
  animation: hideButton 0.1s forwards; }
  @media only screen and (min-width: 1440px) and (max-width: 1919px) {
    .top_button {
      -webkit-min-device-pixel-ratio: 2;
      height: 59px;
      width: 59px;
      right: 50px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1440px) {
    .top_button {
      -webkit-min-device-pixel-ratio: 2;
      height: 49px;
      width: 49px;
      right: 50px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .top_button {
      -webkit-min-device-pixel-ratio: 2;
      height: 39px;
      width: 39px;
      right: 50px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .top_button {
      -webkit-min-device-pixel-ratio: 2;
      height: 32px;
      width: 32px;
      right: 20px;
      bottom: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .top_button {
      -webkit-min-device-pixel-ratio: 2;
      height: 29px;
      width: 29px;
      right: 20px;
      bottom: 180px; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .top_button {
      -webkit-min-device-pixel-ratio: 2;
      height: 35px;
      width: 35px;
      right: 15px;
      bottom: 110px; } }

.top_button.visible {
  position: fixed;
  right: 60px;
  bottom: 277.6px;
  height: 69px;
  width: 69px;
  background: url("../image/news/button_top.svg") center center no-repeat;
  background-size: cover;
  opacity: 0;
  transform: scale(0);
  animation: showButton 0.3s forwards;
  transition: 0.3s; }
  .top_button.visible:hover {
    opacity: 100%;
    -webkit-box-shadow: 5px 5px 9px -2px rgba(13, 51, 92, 0.59);
    -moz-box-shadow: 5px 5px 9px -2px rgba(13, 51, 92, 0.59);
    box-shadow: 5px 5px 9px -2px rgba(13, 51, 92, 0.59); }
  @media only screen and (min-width: 1440px) and (max-width: 1919px) {
    .top_button.visible {
      -webkit-min-device-pixel-ratio: 2;
      height: 59px;
      width: 59px;
      right: 50px; } }
  @media only screen and (min-width: 1366px) and (max-width: 1440px) {
    .top_button.visible {
      -webkit-min-device-pixel-ratio: 2;
      height: 49px;
      width: 49px;
      right: 50px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .top_button.visible {
      -webkit-min-device-pixel-ratio: 2;
      height: 39px;
      width: 39px;
      right: 50px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .top_button.visible {
      -webkit-min-device-pixel-ratio: 2;
      height: 32px;
      width: 32px;
      right: 20px;
      bottom: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .top_button.visible {
      -webkit-min-device-pixel-ratio: 2;
      height: 29px;
      width: 29px;
      right: 20px;
      bottom: 180px; } }
  @media only screen and (min-width: 320px) and (max-width: 767px) {
    .top_button.visible {
      -webkit-min-device-pixel-ratio: 2;
      height: 35px;
      width: 35px;
      right: 15px;
      bottom: 110px; } }

@keyframes showButton {
  0% {
    opacity: 0;
    transform: scale(0); }
  20% {
    opacity: 0.2;
    transform: scale(0.2); }
  40% {
    opacity: 0.4;
    transform: scale(0.4); }
  60% {
    opacity: 0.6;
    transform: scale(0.6); }
  80% {
    opacity: 0.8;
    transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes hideButton {
  0% {
    opacity: 1;
    transform: scale(1); }
  20% {
    opacity: 0.8;
    transform: scale(0.8); }
  40% {
    opacity: 0.6;
    transform: scale(0.6); }
  60% {
    opacity: 0.4;
    transform: scale(0.4); }
  80% {
    opacity: 0.2;
    transform: scale(0.2); }
  100% {
    opacity: 0;
    transform: scale(0); } }

/*# sourceMappingURL=font.css.map */