/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

details,
menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

@font-face {
  font-family: "BebasNeue";
  src: url("../fonts/BebasNeueBold/BebasNeueBold.eot");
  src: url("../fonts/BebasNeueBold/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeueBold/BebasNeueBold.woff") format("woff"), url("../fonts/BebasNeueBold/BebasNeueBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/MontserratBold/MontserratBold.eot");
  src: url("../fonts/MontserratBold/MontserratBold.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratBold/MontserratBold.woff") format("woff"), url("../fonts/MontserratBold/MontserratBold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/MontserratMedium/MontserratMedium.eot");
  src: url("../fonts/MontserratMedium/MontserratMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratMedium/MontserratMedium.woff") format("woff"), url("../fonts/MontserratMedium/MontserratMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/MontserratRegular/MontserratRegular.eot");
  src: url("../fonts/MontserratRegular/MontserratRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/MontserratRegular/MontserratRegular.woff") format("woff"), url("../fonts/MontserratRegular/MontserratRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }

*::-webkit-input-placeholder {
  color: inherit;
  opacity: 1; }

*:-moz-placeholder {
  color: inherit;
  opacity: 1; }

*::-moz-placeholder {
  color: inherit;
  opacity: 1; }

*:-ms-input-placeholder {
  color: inherit;
  opacity: 1; }

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: inherit; }

body input:required:valid,
body textarea:required:valid {
  color: inherit; }

body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.5;
  overflow-x: hidden;
  color: #2E2E2E;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  background-color: #fff; }
  body.oh {
    overflow: hidden; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; }

h1, h2, h3, h4, h5, h6, p, ul, button {
  margin: 0;
  padding: 0; }

button {
  cursor: pointer; }

button, input {
  font-family: "Montserrat", sans-serif; }

.container {
  max-width: 1170px;
  padding: 0 15px;
  margin-right: auto;
  margin-left: auto; }
  @media only screen and (max-width: 1200px) {
    .container {
      max-width: 992px; } }
  @media only screen and (max-width: 992px) {
    .container {
      max-width: 768px; } }

.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.hidden {
  display: none; }

.hover-opacity {
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s; }
  .hover-opacity:hover {
    opacity: .8; }

h1.title {
  color: #DCDCDC;
  letter-spacing: 0.05em;
  font-size: 76px;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  z-index: 2; }
  @media only screen and (max-width: 992px) {
    h1.title {
      font-size: 72px; } }
  @media only screen and (max-width: 768px) {
    h1.title {
      font-size: 36px;
      text-align: center; }
      h1.title::after {
        left: calc(50% - 38.5px) !important; } }
  @media only screen and (max-width: 480px) {
    h1.title {
      font-size: 31px; } }

h2.title {
  text-transform: uppercase;
  font-size: 88px;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #004CBE;
  text-align: center; }
  @media only screen and (max-width: 992px) {
    h2.title {
      font-size: 72px; } }
  @media only screen and (max-width: 768px) {
    h2.title {
      font-size: 55px; } }
  @media only screen and (max-width: 480px) {
    h2.title {
      font-size: 40px; } }
  h2.title.title-black {
    color: #2E2E2E; }

h1.title,
h2.title {
  font-family: "BebasNeue", sans-serif;
  font-weight: bold;
  padding-bottom: 27px; }
  h1.title.title-line,
  h2.title.title-line {
    position: relative; }
    h1.title.title-line.title-line-left::after,
    h2.title.title-line.title-line-left::after {
      left: 0; }
    h1.title.title-line.title-line-white::after,
    h2.title.title-line.title-line-white::after {
      background-color: #fff; }
    h1.title.title-line::after,
    h2.title.title-line::after {
      content: "";
      display: block;
      position: absolute;
      width: 77px;
      height: 2px;
      background-color: #2E2E2E;
      left: calc(50% - 38.5px);
      bottom: 0; }

.btn {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 16px 50px;
  text-align: center;
  color: #fff;
  border: none;
  font-weight: bold;
  background-color: #004CBE;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  cursor: pointer;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s; }
  .btn:hover {
    background-color: #0042a5; }

p {
  font-size: 16px;
  line-height: 1.25; }
  p.sub-title {
    color: #fff;
    line-height: 1.38;
    text-align: center;
    margin-top: 27px; }
    @media only screen and (max-width: 768px) {
      p.sub-title {
        font-size: 14px; }
        p.sub-title br {
          display: none; } }
    p.sub-title.black {
      color: #2E2E2E; }

a {
  color: inherit;
  text-decoration: none; }

ul.list.list-black li {
  color: #2E2E2E; }

ul.list li {
  position: relative;
  display: block;
  padding-left: 20px;
  color: #fff;
  line-height: 1.6; }
  @media only screen and (max-width: 768px) {
    ul.list li {
      font-size: 14px; } }
  ul.list li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #004CBE;
    border-radius: 50%;
    top: 8px;
    left: 0; }

.main-header {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  z-index: 2; }
  .main-header .box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      .main-header .box {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
  .main-header .mob-menu-btn {
    width: 24px;
    height: 14px;
    display: none; }
    @media only screen and (max-width: 768px) {
      .main-header .mob-menu-btn {
        display: block; } }
    .main-header .mob-menu-btn button {
      padding: 0;
      border: none;
      margin: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("../img/menu-btn.svg"); }
  .main-header .logo-wrap {
    margin-top: 9px; }
    @media only screen and (max-width: 992px) {
      .main-header .logo-wrap {
        max-width: 170px; } }
    .main-header .logo-wrap img {
      max-width: 100%; }
  .main-header .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #DCDCDC;
    font-size: 14px;
    position: relative; }
    @media only screen and (max-width: 768px) {
      .main-header .right {
        display: none; } }
    @media only screen and (max-width: 992px) {
      .main-header .right nav.menu-wrap {
        padding-top: 35px; } }
    .main-header .right nav.menu-wrap ul li {
      display: inline-block;
      margin-right: 22px; }
      .main-header .right nav.menu-wrap ul li:last-child {
        margin-right: 0; }
      .main-header .right nav.menu-wrap ul li a {
        color: inherit;
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s; }
        .main-header .right nav.menu-wrap ul li a:hover {
          color: #fff; }
    .main-header .right .phone-wrap {
      margin-left: 31px; }
      @media only screen and (max-width: 992px) {
        .main-header .right .phone-wrap {
          position: absolute;
          top: 20px;
          right: 0; } }
      .main-header .right .phone-wrap a {
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s; }
        .main-header .right .phone-wrap a:hover {
          color: #fff; }
    .main-header .right .lang-wrap {
      margin-left: 48px; }
      @media only screen and (max-width: 992px) {
        .main-header .right .lang-wrap {
          position: absolute;
          top: 20px;
          right: 140px; } }
      .main-header .right .lang-wrap button {
        background-color: transparent;
        border: none;
        color: inherit;
        position: relative;
        padding-right: 20px;
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s; }
        .main-header .right .lang-wrap button:hover {
          color: #fff; }
          .main-header .right .lang-wrap button:hover::after {
            -webkit-transform: rotate(180deg) translateY(-5px);
            -ms-transform: rotate(180deg) translateY(-5px);
            transform: rotate(180deg) translateY(-5px); }
          .main-header .right .lang-wrap button:hover ul.lang-list {
            pointer-events: auto;
            opacity: 1; }
        .main-header .right .lang-wrap button::after {
          content: "";
          display: block;
          position: absolute;
          background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12.3744' y1='6.01054' x2='6.01041' y2='12.3745' stroke='white'/%3E%3Cline x1='0.353553' y1='6.01046' x2='6.71751' y2='12.3744' stroke='white'/%3E%3C/svg%3E%0A");
          width: 13px;
          height: 13px;
          background-repeat: no-repeat;
          background-size: contain;
          top: 0;
          right: 0;
          -webkit-transition: .25s;
          -o-transition: .25s;
          transition: .25s; }
        .main-header .right .lang-wrap button ul.lang-list {
          position: absolute;
          width: 100%;
          top: 100%;
          left: 0;
          opacity: 0;
          pointer-events: none;
          -webkit-transition: .25s;
          -o-transition: .25s;
          transition: .25s;
          padding-top: 10px; }
          @media only screen and (max-width: 992px) {
            .main-header .right .lang-wrap button ul.lang-list {
              background-color: rgba(0, 0, 0, 0.5); } }
          .main-header .right .lang-wrap button ul.lang-list li {
            display: block;
            text-align: left; }
            .main-header .right .lang-wrap button ul.lang-list li a {
              display: block;
              padding: 5px 0;
              -webkit-transition: .25s;
              -o-transition: .25s;
              transition: .25s; }
              .main-header .right .lang-wrap button ul.lang-list li a:hover {
                background-color: rgba(0, 0, 0, 0.3);
                color: #fff; }
  .main-header .mob-phone-wrap {
    width: 21px;
    height: 21px;
    display: none; }
    @media only screen and (max-width: 768px) {
      .main-header .mob-phone-wrap {
        display: block; } }
    .main-header .mob-phone-wrap a {
      background-image: url("../img/phone-ic.svg");
      background-size: contain;
      font-size: 0;
      display: block;
      width: 100%;
      height: 100%; }

.s1 {
  background-image: url("../img/main-bg.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 196px;
  padding-bottom: 90px; }
  @media only screen and (max-width: 768px) {
    .s1 {
      padding-top: 130px;
      padding-bottom: 70px;
      position: relative; }
      .s1::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(46, 46, 46, 0.6); } }
  .s1 p {
    color: #fff;
    max-width: 362px;
    margin-top: 35px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .s1 p {
        text-align: center;
        margin-left: auto;
        margin-right: auto; } }
  .s1 .btn-wrap {
    margin-top: 65px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 768px) {
      .s1 .btn-wrap {
        text-align: center; } }

section {
  padding-top: 70px; }
  @media only screen and (max-width: 992px) {
    section {
      padding-top: 40px; } }

b {
  font-weight: bold; }

.s2 {
  padding-bottom: 63px; }
  @media only screen and (max-width: 992px) {
    .s2 {
      padding-bottom: 40px; } }
  .s2 .top .left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px; }
    @media only screen and (max-width: 992px) {
      .s2 .top .left {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%; } }
    .s2 .top .left h2.title {
      text-align: left; }
      @media only screen and (max-width: 992px) {
        .s2 .top .left h2.title {
          text-align: center; }
          .s2 .top .left h2.title::after {
            left: calc(50% - 38.5px) !important; } }
  .s2 .top .right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding-top: 8px; }
    @media only screen and (max-width: 992px) {
      .s2 .top .right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-top: 30px; } }
    .s2 .top .right p {
      font-weight: 400;
      line-height: 1.44; }
      @media only screen and (max-width: 768px) {
        .s2 .top .right p {
          font-size: 14px; } }
  .s2 .bottom {
    margin-top: 60px; }
    .s2 .bottom img {
      max-width: 100%; }
    .s2 .bottom .text {
      font-family: "BebasNeue", sans-serif;
      font-size: 76px;
      line-height: 1;
      text-align: center;
      letter-spacing: 0.03em;
      color: #DCDCDC;
      margin-top: 20px; }
      @media only screen and (max-width: 992px) {
        .s2 .bottom .text {
          font-size: 64px; } }
      @media only screen and (max-width: 768px) {
        .s2 .bottom .text {
          font-size: 34px; } }

.s3 {
  background-image: url("../img/3-bg.jpg");
  background-size: cover;
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .s3 {
      padding-bottom: 50px; } }
  .s3 .items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 990px;
    margin-top: 77px; }
    @media only screen and (max-width: 768px) {
      .s3 .items {
        margin-top: 50px; } }
    .s3 .items .item {
      width: calc(50% - 35px); }
      @media only screen and (max-width: 768px) {
        .s3 .items .item {
          width: 100%; } }

.s4 {
  padding-bottom: 70px;
  background: #E5E5E5; }
  @media only screen and (max-width: 768px) {
    .s4 {
      padding-bottom: 50px; } }
  .s4 .block {
    margin-left: auto;
    margin-right: auto;
    max-width: 790px;
    margin-top: 60px; }
  .s4 ul.list li {
    margin-bottom: 19px;
    line-height: 1.38; }
  .s4 .link-wrap {
    margin-top: 60px;
    text-align: center; }
    .s4 .link-wrap a {
      display: inline-block;
      position: relative;
      color: #004CBE;
      text-decoration: underline;
      font-weight: 500;
      padding-right: 43px; }
      .s4 .link-wrap a:hover {
        text-decoration: none; }
        .s4 .link-wrap a:hover::after {
          -webkit-transform: translateX(5px);
          -ms-transform: translateX(5px);
          transform: translateX(5px); }
      .s4 .link-wrap a::after {
        content: "";
        display: block;
        position: absolute;
        width: 32px;
        height: 32px;
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0C24.8387 0 32 7.16129 32 16C32 24.8387 24.8387 32 16 32C7.16129 32 0 24.8387 0 16C0 7.16129 7.16129 0 16 0ZM14.1355 9.26452L19.0065 13.9355H7.22581C6.36774 13.9355 5.67742 14.6258 5.67742 15.4839V16.5161C5.67742 17.3742 6.36774 18.0645 7.22581 18.0645H19.0065L14.1355 22.7355C13.5097 23.3355 13.4968 24.3355 14.1097 24.9484L14.8194 25.6516C15.4258 26.2581 16.4065 26.2581 17.0065 25.6516L25.5677 17.0968C26.1742 16.4903 26.1742 15.5097 25.5677 14.9097L17.0065 6.34194C16.4 5.73548 15.4194 5.73548 14.8194 6.34194L14.1097 7.04516C13.4968 7.66452 13.5097 8.66452 14.1355 9.26452Z' fill='%23004CBE'/%3E%3C/svg%3E%0A");
        top: calc(50% - 16px);
        right: 0;
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s; }

.s5 {
  background-image: url("../img/5-bg.jpg");
  background-size: cover;
  color: #2E2E2E;
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .s5 {
      padding-bottom: 30px; } }
  .s5 .items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px; }
    @media only screen and (max-width: 992px) {
      .s5 .items .col {
        width: calc(50% - 10px) !important;
        margin-bottom: 20px; }
        .s5 .items .col .img-wrap {
          margin-bottom: 30px !important; } }
    @media only screen and (max-width: 768px) {
      .s5 .items .col {
        width: 100% !important; } }
    .s5 .items .col:not(:last-child) {
      width: calc(33.333% - 10px); }
      @media only screen and (max-width: 992px) {
        .s5 .items .col:not(:last-child) {
          width: auto; } }
      .s5 .items .col:not(:last-child) .img-wrap {
        margin-bottom: 55px; }
        @media only screen and (max-width: 992px) {
          .s5 .items .col:not(:last-child) .img-wrap {
            margin-bottom: 0; } }
    .s5 .items .col:last-child {
      margin-top: 20px;
      width: 100%; }
      @media only screen and (max-width: 992px) {
        .s5 .items .col:last-child {
          margin-top: 0; } }
      .s5 .items .col:last-child .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media only screen and (max-width: 992px) {
          .s5 .items .col:last-child .item {
            display: block; } }
        .s5 .items .col:last-child .item .img-wrap {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 75px;
          flex: 0 0 75px; }
        .s5 .items .col:last-child .item .text {
          -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
          flex: 1 1 0;
          padding-left: 35px; }
          @media only screen and (max-width: 992px) {
            .s5 .items .col:last-child .item .text {
              padding-left: 0; } }
    .s5 .items .col .item {
      background-color: #C4C4C4;
      padding: 40px 35px 22px 35px;
      height: 100%; }
      .s5 .items .col .item .img-wrap {
        height: 67px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .s5 .items .col .item .text .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 12px; }
        @media only screen and (max-width: 768px) {
          .s5 .items .col .item .text .title {
            font-size: 16px; } }
      .s5 .items .col .item .text p {
        line-height: 1.38; }
        @media only screen and (max-width: 768px) {
          .s5 .items .col .item .text p {
            font-size: 14px; } }

.s6 {
  padding-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    .s6 {
      padding-bottom: 40px; } }
  .s6 .text {
    margin-left: auto;
    margin-right: auto;
    max-width: 950px; }
    .s6 .text p {
      line-height: 1.38;
      margin-bottom: 23px; }
      @media only screen and (max-width: 768px) {
        .s6 .text p {
          font-size: 14px; } }
    .s6 .text .btn-wrap {
      margin-top: 40px;
      text-align: center; }

.s7 {
  padding-bottom: 70px;
  background-image: url("../img/7-bg.jpg");
  background-size: cover;
  color: #fff; }
  @media only screen and (max-width: 768px) {
    .s7 {
      padding-bottom: 40px; } }
  .s7 .text {
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    margin-top: 30px; }
    .s7 .text p {
      font-size: 18px;
      line-height: 1.28;
      margin-bottom: 23px; }
      @media only screen and (max-width: 768px) {
        .s7 .text p {
          font-size: 14px; } }
    .s7 .text .btn-wrap {
      margin-top: 40px;
      text-align: center; }

.main-footer {
  background-color: #2E2E2E;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 35px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .main-footer {
      padding-bottom: 50px; } }
  .main-footer .box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .main-footer .logo-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px; }
    @media only screen and (max-width: 768px) {
      .main-footer .logo-wrap {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center; }
        .main-footer .logo-wrap img {
          max-width: 170px; } }
    .main-footer .logo-wrap a {
      display: block; }
    .main-footer .logo-wrap .copy {
      font-size: 12px;
      line-height: 1.25;
      text-align: center;
      padding-left: 18px;
      margin-top: 5px; }
      @media only screen and (max-width: 768px) {
        .main-footer .logo-wrap .copy {
          position: absolute;
          padding: 0;
          left: 0;
          right: 0;
          bottom: 20px; } }
  .main-footer .right {
    padding-top: 55px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-align: right; }
    @media only screen and (max-width: 768px) {
      .main-footer .right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        text-align: center;
        padding-top: 30px; } }
    @media only screen and (max-width: 992px) {
      .main-footer .right ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .main-footer .right ul li {
      display: inline-block;
      vertical-align: middle;
      margin-right: 54px; }
      @media only screen and (max-width: 992px) {
        .main-footer .right ul li {
          width: 50%;
          margin: 0; } }
      @media only screen and (max-width: 768px) {
        .main-footer .right ul li {
          width: 100%;
          margin-bottom: 15px;
          font-size: 14px; } }
      .main-footer .right ul li:last-child {
        margin-right: 0; }
      .main-footer .right ul li a, .main-footer .right ul li span {
        font-size: 14px; }
      .main-footer .right ul li a {
        -webkit-transition: .25s;
        -o-transition: .25s;
        transition: .25s; }
        .main-footer .right ul li a:hover {
          color: #004CBE; }

.popup-form {
  position: relative;
  max-width: 405px;
  margin-left: auto;
  margin-right: auto;
  background-color: #2E2E2E;
  color: #fff;
  text-align: center; }
  .popup-form .form-wrap {
    padding: 45px 43px 45px; }
    @media only screen and (max-width: 480px) {
      .popup-form .form-wrap {
        padding: 45px 15px 45px; } }
    .popup-form .form-wrap .title {
      font-size: 24px;
      line-height: 1.2;
      font-weight: bold;
      margin-bottom: 10px; }
    .popup-form .form-wrap p {
      font-size: 14px;
      line-height: 1.2;
      font-weight: 300;
      margin-bottom: 60px; }
    .popup-form .form-wrap input {
      color: #fff;
      width: 100%;
      margin-bottom: 32px;
      background-color: transparent;
      border: none;
      border-bottom: 2px solid currentColor;
      padding: 5px 0;
      -webkit-appearance: none;
      border-radius: 0; }
      .popup-form .form-wrap input:focus:invalid {
        border-bottom-color: red; }
      .popup-form .form-wrap input::-webkit-input-placeholder {
        color: inherit; }
      .popup-form .form-wrap input:-ms-input-placeholder {
        color: inherit; }
      .popup-form .form-wrap input::-ms-input-placeholder {
        color: inherit; }
      .popup-form .form-wrap input::placeholder {
        color: inherit; }
    .popup-form .form-wrap .btn-wrap button.btn {
      width: 100%; }
      @media only screen and (max-width: 480px) {
        .popup-form .form-wrap .btn-wrap button.btn {
          font-size: 15px; } }
  .popup-form .done-wrap {
    display: none;
    padding: 120px 40px; }
    .popup-form .done-wrap .img-wrap {
      margin-bottom: 20px; }
      .popup-form .done-wrap .img-wrap img {
        max-width: 100%; }
    .popup-form .done-wrap .title {
      font-size: 24px;
      line-height: 1.2;
      font-weight: bold;
      margin-bottom: 20px; }
    .popup-form .done-wrap p {
      font-size: 14px;
      line-height: 1.2;
      font-weight: 300; }

.mfp-close-btn-in .mfp-close {
  color: #fff; }

.mob-menu-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: #2E2E2E;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: 99;
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100vh; }
  @media only screen and (max-width: 768px) {
    .mob-menu-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .mob-menu-wrap.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .mob-menu-wrap .close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
    background-image: url("../img/close-ic.svg"); }
  .mob-menu-wrap .logo-wrap img {
    width: 170px; }
  .mob-menu-wrap nav.menu-wrap {
    font-size: 16px;
    padding-top: 30px; }
    .mob-menu-wrap nav.menu-wrap li {
      list-style-type: none;
      margin-bottom: 10px; }
  .mob-menu-wrap .lang-wrap {
    padding: 15px 0; }
    .mob-menu-wrap .lang-wrap ul.lang-list li {
      display: inline-block;
      color: #DCDCDC;
      font-size: 14px;
      margin: 0 5px;
      position: relative; }
      .mob-menu-wrap .lang-wrap ul.lang-list li:not(:last-child)::after {
        content: '|';
        margin-left: 15px; }