/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,

main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Remove margin
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Blockquote
   ========================================================================== */
blockquote {
  margin: 0;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* Your custom fonts here */
@font-face {
  font-family: 'SFUIDisplayThin';
  src: url("../fonts/SFUIDisplayThin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SFUIDisplayThin.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplayThin.woff2") format("woff2"), url("../fonts/SFUIDisplayThin.woff") format("woff"), url("../fonts/SFUIDisplayThin.ttf") format("truetype"), url("../fonts/SFUIDisplayThin.svg#SFUIDisplayThin") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SFUIDisplayRegular';
  src: url("../fonts/SFUIDisplayRegular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SFUIDisplayRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplayRegular.woff2") format("woff2"), url("../fonts/SFUIDisplayRegular.woff") format("woff"), url("../fonts/SFUIDisplayRegular.ttf") format("truetype"), url("../fonts/SFUIDisplayRegular.svg#SFUIDisplayRegular") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'arialbd';
  src: url("../fonts/arialbd.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/arialbd.eot?#iefix") format("embedded-opentype"), url("../fonts/arialbd.woff2") format("woff2"), url("../fonts/arialbd.woff") format("woff"), url("../fonts/arialbd.ttf") format("truetype"), url("../fonts/arialbd.svg#SFUIDisplayThin") format("svg");
  /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}

/* Example

@font-face {
    font-family: 'CustomFont';
    src: url('../fonts/Custom-Font.eot');
    src: url('../fonts/Custom-Font.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Custom-Font.woff') format('woff'),
         url('../fonts/Custom-Font.svg#custom_font') format('svg');
    font-weight: 400;       // For normal width. It could has another value
    font-style: normal;     // Also could has another value
    }


// Var for using custom font
$CustomFont: 'CustomFont', Helvetica, Arial, sans-serif;
*/
.btn {
  width: 176px;
  height: 60px;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #106bd3;
  background-color: #106bd3;
  text-decoration: none;
}

.btn_wo-border {
  width: 176px;
  height: 60px;
  border: none;
}

.btn a {
  position: relative;
  z-index: 2;
  font-family: "SFUIDisplayRegular";
  font-size: 12px;
  line-height: 60px;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.btn span {
  position: relative;
  z-index: 2;
  font-family: "SFUIDisplayRegular";
  font-size: 12px;
  line-height: 60px;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.btn-effect {
  width: 176px;
  height: 60px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: -180px;
  background-color: #ffffff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media only screen and (min-width: 1278px) {
  .btn:hover .btn-effect {
    left: 0;
  }
  .btn:hover a {
    color: #106bd3;
  }
  .btn:hover span {
    color: #106bd3;
  }
}

html, body {
  width: 100%;
  height: auto;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*add class to body tag for all pages and all fonts will be changed to arial*/
}

body.georgian * {
  font-family: Arial !important;
}

.hidden {
  visibility: hidden;
  -webkit-transition: visibility 1s ease;
  transition: visibility 1s ease;
}

.visible {
  visibility: visible;
  -webkit-transition: visibility 1s ease;
  transition: visibility 1s ease;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.home-page {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.025em;
}

.home-page__promotion {
  position: relative;
  overflow: hidden;
  min-height: 490px;
  color: #ffffff;
  background-color: #0068d6;
}

.home-page__about-CIG {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #f8f8f8;
}

.home-page__investment-goals {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.home-page__investment-goals .canvas-bg {
  margin-top: 130px;
}

.home-page__investment-goals .title-bg {
  margin-top: 100px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .home-page__investment-goals .title-bg {
    margin-top: 50px;
  }
}

.home-page__work-principles {
  padding-top: 90px;
  padding-bottom: 90px;
  /*
        padding-left: 55px;
        padding-right: 55px;
        */
  overflow: hidden;
  background-color: #106bd3;
  color: #ffffff;
}

.home-page__achievements {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ffffff;
}

.home-page__for-proposals {
  padding-top: 75px;
  padding-bottom: 75px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}

.container-inner {
  width: 1280px;
  margin: 0 auto;
  padding-left: 55px;
  padding-right: 55px;
  box-sizing: border-box;
}


.logo__img {
  width: 145px;
  height: 50px;
}

.title-bg {
  position: absolute;
  top: 0;
  left: 50%;
  font-family: "arialbd";
  font-size: 286px;
  line-height: 357px;
  letter-spacing: -4px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 2000px;
  color: #ffffff;
  text-shadow: 0 16px 18px rgba(0, 26, 56, 0.05);
}

.title-bg_blue {
  color: #106bd3;
}

@media only screen and (max-width: 766px) {
  .title-bg {
    display: none;
  }
}

.canvas-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-nav__items {
  padding-left: 0;
}

.main-nav__item {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
  list-style-type: none;
}

.main-nav__item_active .main-nav__link {
  color: #106bd3;
}

.main-nav__link {
  text-decoration: none;
  color: #474747;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.main-nav__sub-menu {
  width: 160%;
  position: absolute;
  z-index: 50;
  left: -40px;
  margin-top: 60px;
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  color: #000000;
}

.sub-menu__item {
  margin-top: 30px;
  margin-bottom: 30px;
  list-style-type: none;
  text-align: center;
  text-transform: uppercase;
}

.sub-menu__link {
  text-decoration: none;
  color: #474747;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 12px;
  letter-spacing: 0.04em;
}

.optional-social-networks {
  display: none;
}

.lang-panel__item {
  display: inline-block;
  margin-left: 25px;
}

.lang-panel__link {
  text-decoration: none;
  color: #474747;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.lang-panel__item_active a {
  color: #106bd3;
}

.social-network__items {
  padding: 0;
  margin: 0;
}

.social-network__item {
  display: inline-block;
  list-style-type: none;
  width: 16px;
  height: 16px;
  margin-left: 15px;
}

.facebook, .twitter {
  fill: #106bd3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.video-bg {
  position: absolute;
  top: 0;
  left: -3px;
  bottom: 0;
  width: calc(100% + 6px);
}

.promotion__text {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  z-index: 25;
  padding-top: 130px;
  padding-bottom: 145px;
}

.promotion__title {
  font-size: 65px;
  line-height: 69px;
  letter-spacing: 0.025em;
  text-align: center;
}

.promotion__optional-description {
  margin-top: 25px;
  width: 430px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.025em;
  text-align: center;
}

.promotion__lines-bg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.promotion__lines-bg-bot, .promotion__lines-bg-mid, .promotion__lines-bg-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.promotion__lines-bg-bot {
  z-index: 0;
}

.promotion__lines-bg-mid {
  top: 70px;
  left: -20px;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  z-index: 1;
  height: 300px;
}

.promotion__lines-bg-top {
  z-index: 2;
}

.about-CIG__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-CIG__description {
  width: 50%;
  overflow: hidden;
}

.about-CIG__title {
  overflow: hidden;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.about-CIG__linkCIG {
  margin-top: 10px;
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.about-CIG__linkCIG a {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.about-CIG__linkCIG a:after {
  content: ' ';
  position: absolute;
  right: -10px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #106bd3;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.about-CIG__text {
  margin-top: 25px;
  margin-bottom: 0;
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.about-CIG__text p {
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.025em;
}

.about-CIG__more-details {
  margin-top: 45px;
  display: inline-block;
}

.about-CIG__img-wrapper {
  width: 430px;
  height: 100%;
  margin-top: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  margin-right: 70px;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
}

.about-page .about-CIG__img-wrapper {
  margin-top: 10px;
}

.about-CIG__img {
  width: 430px;
}

.investment-goals__wrapper {
  position: relative;
  left: 0;
  top: 0;
  z-index: 25;
  padding-top: 80px;
  padding-bottom: 185px;
}

.investment-goals__title {
  text-align: center;
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.investment-goals__purposes {
  width: 65%;
  margin: 0 auto;
  margin-top: 190px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: space-between;
}

.investment-goals__bg {
  position: absolute;
  width: 100%;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 50;
}

.s-pulse__item {
  position: absolute;
  display: block;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.s-pulse__item_1 {
  height: 100%;
  width: 100%;
  background: #f1f6fc;
  -webkit-animation: 1s ball-scaling infinite alternate;
          animation: 1s ball-scaling infinite alternate;
}

.s-pulse__item_2 {
  width: 80%;
  height: 80%;
  z-index: 2;
  background: #dfebfa;
  -webkit-animation: 1s ball-scaling infinite alternate;
          animation: 1s ball-scaling infinite alternate;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.s-pulse__item_3 {
  width: 6px;
  height: 6px;
  z-index: 3;
  background: #0c7cd9;
}

@-webkit-keyframes ball-scaling {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes ball-scaling {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.work-principles__title {
  text-align: center;
  overflow: hidden;
}

.work-principles__items {
  width: 100%;
  margin-top: 40px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  /* autoprefixer: off */
  justify-content: center;
}

.work-principles__item {
  width: 33.333%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.work-principle-item__icon {
  height: 80px;
  width: 80px;
  position: relative;
  top: -25px;
  border-radius: 50%;
  box-shadow: 0 15px 18px rgba(0, 0, 0, 0.06);
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  /* autoprefixer: off */
  justify-content: center;
  align-items: center;
}

.work-principle-item__icon svg {
  width: 80px;
  fill: #ffffff;
}

.work-principle-item__description {
  margin-left: 30px;
  overflow: hidden;
}

.work-principle-item__main-description {
  width: 160px;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0;
  padding-left: 0;
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.work-principle-item__optional-description {
  margin-top: 25px;
  padding-right: 25px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.025em;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.achievements__wrapper {
  padding-top: 150px;
  padding-bottom: 150px;
  min-height: 500px;
}

.achievements__items {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: space-between;
}

.achievements__item {
  padding-left: 50px;
}

.achievements__data {
  position: relative;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0.025em;
  color: #106bd3;
  text-align: center;
}

.achievements__data_dollar {
  width: 300px;
}

.achievements__description {
  position: relative;
  font-size: 16px;
  letter-spacing: 0.025em;
  color: #000000;
  text-align: center;
}

.achievements__description:before {
  content: '';
  position: absolute;
  top: 5em;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 1px;
  height: 0;
  background-color: #e6e6e6;
  transition: all 3s;
  -o-transition: all 3s;
  -moz-transition: all 3s;
  -webkit-transition: all 3s;
}

.achievements__description:after {
  content: '';
  position: absolute;
  top: 5em;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #106bd3;
  transition: all 3s;
  -o-transition: all 3s;
  -moz-transition: all 3s;
  -webkit-transition: all 3s;
}

.achievements__description_line-animated:before {
  height: 45px;
  transition: all 3s;
  -o-transition: all 3s;
  -moz-transition: all 3s;
  -webkit-transition: all 3s;
}

.achievements__description_dot-animated:after {
  top: calc(5em + 45px);
  transition: all 3s;
  -o-transition: all 3s;
  -moz-transition: all 3s;
  -webkit-transition: all 3s;
}

.for-proposals__title {
  line-height: 35px;
  text-align: center;
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.for-proposals__description {
  margin-top: 25px;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.025em;
  text-align: center;
  overflow: hidden;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.for-proposals__open-form {
  margin: 50px auto;
}

.for-proposals__see-more {
  margin: 50px auto;
}

.purpose__description {
  font-size: 23px;
}

.purpose__description_1 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.purpose__description_2 {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
  padding-right: 30px;
}

.purpose__description_3 {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

.site-footer__wrapper {
  padding-top: 30px;
  padding-bottom: 45px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #7c7c7c;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: space-between;
}

.site-footer__additional-nav {
  margin-top: 15px;
  margin-left: 10px;
}

.site-footer__contact-data {
  margin-top: 15px;
  margin-left: 50px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: space-between;
}

.site-footer__made-by {
  position: relative;
  margin-top: 15px;
}

.site-footer__made-by a {
  position: absolute;
  right: 0;
}

.site-footer__made-by a svg {
  width: 70px;
  height: 16px;
}

.site-footer__copyright {
  margin-top: 45px;
  font-size: 14px;
}

.made-by__logo {
  fill: #7c7c7c;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.made-by__logo:before {
  content: "by";
  position: absolute;
  left: -20px;
  color: #7c7c7c;
}

.additional-nav__items {
  list-style-type: none;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  margin-left: 50px;
  margin-top: 0;
  margin-bottom: 0;
}

.additional-nav__item {
  margin-left: 10px;
  margin-bottom: 15px;
  /*        &:nth-child(3n) {
                    margin-bottom: 0;
                }*/
}

.additional-nav__item:nth-child(3), .additional-nav__item:nth-child(4) {
  padding-left: 10px;
}

.additional-nav__link {
  text-decoration: none;
  color: #7c7c7c;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.contact-data__address {
  width: 200px;
  margin-right: 60px;
}

.contact-data__phone-mail {
  margin-right: 60px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
}

.contact-data__link {
  text-decoration: none;
  color: #7c7c7c;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}


h1 {
  font-size: 65px;
  line-height: 69px;
  letter-spacing: 0.025em;
}

h2 {
  font-size: 35px;
  line-height: 50px;
  letter-spacing: 0.025em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: normal;
}

.about-CIG__description h2 {
  line-height: 42px;
}

h3 {
  font-size: 23px;
  line-height: 27px;
  letter-spacing: 0.025em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-weight: normal;
}

h4 {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.075em;
}

h5 {
  font-size: 12px;
  letter-spacing: 0.075em;
}

.default-line {
  display: inline-block;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.default-line-main-title {
  display: inline-block;
  -webkit-transition: all 2.5s;
  transition: all 2.5s;
}

.default-line-optional-title {
  display: inline-block;
  -webkit-transition: all 2.5s;
  transition: all 2.5s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.before-right-direction-animation {
  position: relative;
  left: -100%;
  visibility: hidden;
  opacity: 0;
}

.befofe-appear, .purpose__description {
  opacity: 0;
}

.line-eff {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.after-right-direction-animation {
  left: 0;
  visibility: visible;
  opacity: 1;
  transition: all 1.5s;
  -o-transition: all 1.5s;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
}

.after-appear {
  opacity: 1;
  transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
}

.img-animate, .img-team-animate {
  position: absolute;
  opacity: 0;
  top: 100%;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
  -webkit-transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.js-img-animated {
  position: relative;
  opacity: 1;
  top: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.img-news-animate {
  position: absolute;
  opacity: 0;
  top: 150%;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.js-img-news-animated {
  position: relative;
  opacity: 1;
  top: 50%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.team-send-animate {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.news-more-animate {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

@media only screen and (min-width: 1278px) {
  .main-nav__link:hover {
    color: #106bd3;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .main-nav__item:hover:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 43px;
  }
  .main-nav__item:hover .main-nav__sub-menu {
    margin-top: 43px;
    opacity: 1;
    visibility: visible;
    border-top: 1px solid #f8f8f8;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .sub-menu__link:hover {
    color: #106bd3;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .lang-panel__link:hover {
    color: #106bd3;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .facebook:hover, .twitter:hover {
    fill: #000000;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .about-CIG__linkCIG a:hover {
    color: #106bd3;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .about-CIG__linkCIG a:hover:after {
    right: -15px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .made-by__logo:hover {
    fill: #000000;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .additional-nav__link:hover {
    color: #106bd3;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .contact-data__link:hover {
    color: #106bd3;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .home-page__promotion {
    min-height: 0;
  }
  .home-page__investment-goals .video-bg {
    /*
                left: -21%;
                top: -5%;
                */
  }
  .home-page__investment-goals .canvas-bg {
    margin-top: 115px;
  }
  .home-page__work-principles {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .site-header {
    position: relative;
    padding-bottom: 50px;
  }
  .site-header__wrapper {
    display: block;
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .site-header__logo {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 200;
  }
  .site-header__burger-menu {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    left: 0;
    z-index: 111;
  }
  .site-header__burger-menu-icon {
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 115;
    right: 30px;
  }
  .site-header__main-nav {
    order: 2;
    margin: 31px auto 0;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /* autoprefixer: off */
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .site-header__lang-panel {
    position: relative;
    z-index: 150;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: calc(30px + 25px + 45px);
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .site-header__lang-panel ul {
    margin: 0;
  }
  .site-header__social-networks {
    display: none;
  }
  .burger-menu-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -30px;
    margin-top: 50px;
    background-color: #ffffff;
    border-top: 1px solid #f8f8f8;
    visibility: hidden;
    width: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
  }
  .cover {
    width: 100%;
    visibility: inherit;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
  }
  .for-tab-menu {
    position: relative;
    top: 25px;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .for-tab-menu-animation {
    top: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
  }
  .main-nav__item:nth-child(1) .for-tab-menu-animation {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .main-nav__item:nth-child(2) .for-tab-menu-animation {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .main-nav__item:nth-child(3) .for-tab-menu-animation {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .main-nav__item:nth-child(4) .for-tab-menu-animation {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .main-nav__item:nth-child(5) .for-tab-menu-animation {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .optional-social-networks {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .optional-social-networks ul {
    list-style-type: none;
    display: inline-block;
  }
  .optional-social-networks__item {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .main-nav__items {
    margin-top: 50px;
  }
  .main-nav__item {
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
  }
  .main-nav__link {
    text-decoration: none;
    color: #474747;
  }
  .main-nav__sub-menu {
    display: none;
  }
  .social-network__item {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .menu-icon {
    width: 25px;
    height: 40px;
    position: absolute;
    z-index: 111;
    right: 30px;
    top: 20px;
  }
  .menu-icon span:nth-child(1) {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .menu-icon span:first-child {
    margin-top: 0;
  }
  .menu-icon span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 5px;
    background-color: #1c1d21;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .menu-icon span:nth-child(3) {
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  .menu-icon span:last-child {
    margin: 0;
    top: -9px;
  }
  .menu-icon.active span:nth-child(1) {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .menu-icon.active span:nth-child(2) {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .menu-icon.active span:nth-child(3) {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .menu-icon.active span:nth-child(4) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .container-inner {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .about-CIG__wrapper {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /* autoprefixer: off */
    justify-content: center;
    padding-left: 110px;
    padding-right: 110px;
  }
  .about-CIG__description {
    width: 100%;
  }
  .about-CIG__title {
    text-align: center;
  }
  .about-CIG__linkCIG {
    text-align: center;
  }
  .about-CIG__text {
    text-align: center;
  }
  .about-CIG__more-details {
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: block;
  }
  .about-CIG__img-wrapper {
    display: none;
  }
  .about-CIG__img {
    display: none;
  }
  .investment-goals__wrapper {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 160px;
  }
  .investment-goals__title {
    text-align: center;
  }
  .investment-goals__purposes {
    width: 75%;
  }
  .work-principles__title {
    text-align: center;
  }
  .work-principles__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .work-principles__item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .work-principle-item {
    width: 100%;
  }
  .work-principle-item__icon {
    top: 0;
    position: relative;
  }
  .work-principle-item__description {
    width: 330px;
    margin: 25px auto;
    padding-left: 175px;
    padding-right: 175px;
    text-align: center;
  }
  .work-principle-item__main-description {
    width: 100%;
  }
  .work-principle-item__optional-description {
    padding-right: 0;
  }
  .achievements__wrapper {
    padding-top: 50px;
    padding-bottom: 110px;
    padding-right: 0;
  }
  .achievements__items {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .achievements__item {
    margin-top: 60px;
    padding-left: 0;
    width: 50%;
  }
  .achievements__data {
    text-align: center;
  }
  .achievements__data_dollar {
    width: 100%;
  }
  .achievements__description {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    margin-top: 15px;
    text-align: center;
  }
  .achievements__description:before {
    display: none;
  }
  .achievements__description:after {
    display: none;
  }
  .site-footer__contact-data {
    margin-left: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .site-footer__copyright {
    margin-top: 100px;
    font-size: 12px;
  }
  .additional-nav__items {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  .additional-nav__item {
    /* margin-left: 60px;*/
    /*            &:nth-child(3n) {
                            margin-bottom: 15px;
                        }*/
  }
  .additional-nav__item:nth-child(3), .additional-nav__item:nth-child(4) {
    padding-left: 0;
  }
  .contact-data__address {
    margin-right: 50px;
  }
  .contact-data__phone-mail {
    margin-top: 25px;
    margin-right: 50px;
  }
}

@media only screen and (max-width: 766px) {
  .line-eff {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .home-page__promotion {
    min-height: 0;
    background-color: #106bd3;
  }
  .home-page__investment-goals .video-bg {
    /*
                left: -21%;
                top: -5%;
                */
  }
  .home-page__investment-goals .canvas-bg {
    display: none;
  }
  .home-page__work-principles {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .home-page__achievements {
    background-image: none !important;
  }
  .home-page__for-proposals {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .site-header {
    position: relative;
    padding-bottom: 50px;
  }
  .site-header__wrapper {
    position: relative;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .site-header__logo {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 200;
  }
  .site-header__burger-menu {
    width: 100%;
    top: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    left: 0;
    z-index: 111;
  }
  .site-header__burger-menu-icon {
    cursor: pointer;
    display: block;
    position: absolute;
    z-index: 115;
    right: 30px;
  }
  .site-header__main-nav {
    order: 2;
    margin: 0 auto;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /* autoprefixer: off */
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .site-header__lang-panel {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    z-index: 115;
    margin-top: 90px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    overflow: hidden;
    display: block;
    margin-left: 0;
  }
  .site-header__social-networks {
    display: none;
  }
  .lang-panel__items {
    -webkit-transition-delay: 0.2s !important;
            transition-delay: 0.2s !important;
  }
  .lang-panel__item:nth-child(1) {
    margin-left: 0;
  }
  .burger-menu-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -30px;
    margin-top: 50px;
    background-color: #ffffff;
    border-top: 1px solid #f8f8f8;
    width: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .cover {
    width: 100%;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .for-tab-menu {
    position: relative;
    top: 25px;
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .for-tab-menu-animation {
    top: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .main-nav__item:nth-child(1) .for-tab-menu-animation {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .main-nav__item:nth-child(2) .for-tab-menu-animation {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .main-nav__item:nth-child(3) .for-tab-menu-animation {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .main-nav__item:nth-child(4) .for-tab-menu-animation {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .main-nav__item:nth-child(5) .for-tab-menu-animation {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .optional-social-networks {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .optional-social-networks ul {
    list-style-type: none;
    display: inline-block;
  }
  .optional-social-networks__item {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .main-nav__items {
    margin-top: 50px;
    margin-bottom: 0;
  }
  .main-nav__item {
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
  }
  .main-nav__link {
    text-decoration: none;
    color: #474747;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .main-nav__sub-menu {
    display: none;
  }
  .social-network__item {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .menu-icon {
    width: 25px;
    height: 5px;
    position: absolute;
    z-index: 111;
    right: 30px;
  }
  .menu-icon span:nth-child(1) {
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
  .menu-icon span:first-child {
    margin-top: 0;
  }
  .menu-icon span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 5px;
    background-color: #1c1d21;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .menu-icon span:nth-child(3) {
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  .menu-icon span:last-child {
    margin: 0;
    top: -9px;
  }
  .menu-icon.active span:nth-child(1) {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .menu-icon.active span:nth-child(2) {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .menu-icon.active span:nth-child(3) {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .menu-icon.active span:nth-child(4) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .container-inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .video-bg {
    display: none;
  }
  .promotion__text {
    width: auto;
    padding-top: 65px;
    padding-bottom: 75px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .promotion__title {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0.025em;
  }
  .promotion__optional-description {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.025em;
    width: auto;
  }
  .promotion__lines-bg {
    display: none;
  }
  .about-CIG__description {
    width: 100%;
  }
  .about-CIG__title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .about-CIG__linkCIG {
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0.075em;
    text-align: center;
  }
  .about-CIG__text {
    text-align: center;
  }
  .about-CIG__more-details {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: block;
  }
  .about-CIG__img-wrapper {
    display: none;
  }
  .about-CIG__img {
    display: none;
  }
  .investment-goals__wrapper {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .investment-goals__title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .investment-goals__purposes {
    width: 100%;
    margin-top: 160px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .work-principles__title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .work-principles__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .work-principles__item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .work-principle-item {
    width: 100%;
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .work-principle-item__icon {
    top: 0;
  }
  .work-principle-item__description {
    width: 100%;
    margin: 25px auto;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .work-principle-item__main-description {
    width: 100%;
    font-size: 18px;
  }
  .work-principle-item__optional-description {
    padding-right: 0;
  }
  .purpose__description {
    margin-top: 15px;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.025em;
    opacity: 1;
  }
  .purpose__description_1 {
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }
  .purpose__description_2 {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    padding-right: 0;
  }
  .purpose__description_3 {
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }
  .achievements__wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .achievements__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .achievements__item {
    margin-top: 50px;
    padding-left: 0;
    width: 100%;
  }
  .achievements__data {
    text-align: center;
  }
  .achievements__data_dollar {
    width: 100%;
  }
  .achievements__description {
    text-align: center;
  }
  .achievements__description:before {
    display: none;
  }
  .achievements__description:after {
    display: none;
  }
  .for-proposals__title {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .for-proposals__description {
    margin-top: 20px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.025em;
    text-align: center;
  }
  .for-proposals__open-form {
    margin: 20px auto;
  }
  .for-proposals__see-more {
    margin: 20px auto;
  }
  .site-footer__wrapper {
    padding-top: 45px;
    padding-bottom: 30px;
    flex-direction: column;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /* autoprefixer: off */
    justify-content: center;
  }
  .site-footer__additional-nav {
    display: none;
  }
  .site-footer__contact-data {
    margin: 15px auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-footer__made-by {
    text-align: center;
  }
  .site-footer__copyright {
    margin-top: 35px;
  }
  .contact-data__address {
    margin-right: 0;
    text-align: center;
  }
  .contact-data__phone-mail {
    margin-top: 20px;
    margin-right: 0;
    text-align: center;
  }
}

@media only screen and (min-width: 1600px) {
  .home-page__work-principles {
    /*
            width: 1280px;
            margin: auto;
            */
  }
  .home-page__achievements {
    padding-bottom: 20px;
    background-position: center;
  }
  .home-page__for-proposals {
    width: 100%;
    margin: auto;
  }
  .investment-goals__purposes {
    width: 60%;
  }
}

.inner_container {
  width: 1280px;
  margin: 0 auto;
  padding-left: 55px;
  padding-right: 55px;
  box-sizing: border-box;
}

.about-title {
  position: relative;
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-title::before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
}

.about-title__wrapper {
  position: relative;
  padding-top: 130px;
  padding-bottom: 160px;
}

.about-title__name {
  width: 770px;
  height: calc(2 * 69px);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.about-title__descr {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: 0.025em;
  text-align: center;
}

.dots-for-facts {
  width: 100%;
}

.fact {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: space-between;
}

.fact__item {
  width: 330px;
}

.fact__item p {
  height: 100%;
  margin-top: 35px;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.025em;
  position: relative;
  overflow: hidden;
}

.fact__item p span {
  height: 100%;
}

.fact-dots-animation {
  position: relative;
  height: 200px;
  overflow: hidden;
}

/*
    from home page, block home-page__achievements
*/
/*.shareholder {
    padding-top: 10px;
    padding-bottom: 140px;
    background-color: $light_grey_color;
    &__wrapper {
        width: 660px;
        margin: 0 auto;
    }
    &__title {
        margin-top: 60px;
        margin-bottom: 60px;
        text-align: center;
        font-size: 35px;
        line-height: 1; // 50px
        letter-spacing: 0.025em;
    }
    &__photo {
        &-wrapper {
            @include flexbox;
            @include justify-content-center;
            overflow: hidden;
            position: relative;
        }
        &-item {
            width: 300px;
            height: 255px;
            margin-left: 15px;
            margin-right: 15px;
            position: relative;
            overflow: hidden;
            font-size: 0;
            line-height: 1;
            //   box-shadow: 0 17px 29px rgba(0, 0, 0, 0.1);
            img {
                width: 100%;
                min-width: 300px;
                min-height: 255px;
                left: 50%;
                @include translate-mixin(-50%, -50%);

                !*
                position: absolute;
                left: 50%;
                top: 50%;
                @include translate-mixin(-50%, -50%);
                *!
            }
        }
    }
    &__descr {
        margin-top: 60px;
        margin-bottom: 90px;
        font-size: 23px;
        line-height: 1; // 27px
        letter-spacing: 0.025em;
        text-align: center;
        overflow: hidden;
    }
    &__quote {
        position: relative;
        font-size: 16px;
        line-height: 27px;
        letter-spacing: 0.025em;
        p {
            -webkit-margin-before: 0;
            -webkit-margin-after: 0;
            text-align: center;
            overflow: hidden;
        }
        &::before {
            content: '';
            background-image: url("../img/minified-svg/quotes_big_icon.svg");
            width: 28px;
            height: 20px;
            position: absolute;
            top: -35px;
            left: 50%;
            @include translate-mixin(-50%, 0);
        }
        &::after {
            content: '';
            background-image: url("../img/minified-svg/quotes_big_icon.svg");
            width: 28px;
            height: 20px;
            position: absolute;
            bottom: -35px;
            left: 50%;
            @include translate-mixin(-50%, 0);
        }
    }
}*/
/*.team {
    padding-top: 70px;
    padding-bottom: 20px;

    &__title {
        text-align: center;
        font-size: 35px;
        line-height: 1;
        letter-spacing: 0.025em;
        overflow: hidden;
    }
    &__wrapper {
        padding-top: 35px;
        @include flexbox;
        flex-wrap: wrap;

    }
    &__item {
        margin-top: 25px;
        width: 50%;
        @include flexbox;

        &-img {
            width: 200px;
            height: 210px;
            overflow: hidden;
            position: relative;

            img {
                min-width: 200px;
                min-height: 210px;
            }
        }
        &-descr {
            margin-left: 50px;
            &-name {
                margin-top: 35px;
                font-size: 23px;
                line-height: 1; // 27px
                letter-spacing: 0.025em;
                overflow: hidden;

            }
            &-position {
                margin-top: 25px;
                font-size: 16px;
                line-height: 1; // 27px
                letter-spacing: 0.025em;
                overflow: hidden;
            }
            &-more {
                margin-top: 30px;
                overflow: hidden;
                button {
                    position: relative;
                    font-size: 14px;
                    line-height: 1; // 35px
                    letter-spacing: 0.05em;
                    border: none;
                    outline: none;
                    padding: 0;
                    color: $main_color;
                    background-color: $white_color;
                    &::after {
                        content: '';
                        width: 3px;
                        height: 3px;
                        border-radius: 50%;
                        position: absolute;
                        background-color: $main_color;
                        right: -10px;
                        bottom: 5px;
                        @include transition-mixin(right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1))
                    }
                }
            }
        }
    }
    &__send {
        margin-top: 25px;
        width: 50%;
        @include flexbox;
        position: relative;
        overflow: hidden;
        color: $white_color;
        transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        &-title {
            width: 200px;
            height: 210px;
            overflow: hidden;
            font-size: 16px;
            line-height: 27px;
            letter-spacing: 0.025em;
            !*color: $white_color;*!
            background-color: $main_color;
            cursor: pointer;
            @include flexbox;
            @include justify-content-center;
            align-items: center;
            overflow: hidden;
            transition: transform 1.5s cubic-bezier(0.37, -0.01, 0.22, 1), opacity 1.5s cubic-bezier(0.37, -0.01, 0.22, 1);
            p {
                text-align: center;
                -webkit-margin-before: 0;
                -webkit-margin-after: 0;
                -webkit-margin-start: 0;
                -webkit-margin-end: 0;
            }
        }
        &-descr {
            margin-left: 50px;
            color: $black_color;
            &-title {
                margin-top: 35px;
                font-size: 23px;
                line-height: 1; // 27px
                letter-spacing: 0.025em;
            }
            &-other {
                display: inline-block;
                cursor: pointer;
                margin-top: 25px;
                font-size: 16px;
                line-height: 1; // 27px
                letter-spacing: 0.025em;
                overflow: hidden;
            }
        }
    }
}*/
.news__optional-title {
  width: 100%;
  font-size: 35px;
  line-height: 1;
  letter-spacing: 0.025em;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

/*
    Other from news page
*/
@media only screen and (max-width: 766px) {
  .about-title__wrapper {
    padding-top: 70px;
    padding-bottom: 90px;
  }
  .about-title__name {
    width: 280px;
    height: calc(3 * 41px);
    font-size: 35px;
    line-height: 41px;
    letter-spacing: 0.025em;
  }
  .about-title__descr {
    width: 280px;
    margin-top: 25px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
  }
  .dots-for-facts {
    margin: 30px 0 -20px;
  }
  .fact {
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fact__item {
    width: auto;
    margin-top: 45px;
  }
  .fact__item p {
    margin-top: 40px;
    text-align: center;
  }
  .fact-dots-animation {
    height: 100px;
    display: none;
  }
  .shareholder {
    padding-bottom: 120px;
  }
  .shareholder__wrapper {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  .shareholder__title {
    margin-top: 65px;
    margin-bottom: 35px;
    font-size: 25px;
  }
  .shareholder__photo-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .shareholder__photo-item {
    width: 280px;
    height: 185px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .shareholder__photo-item img {
    width: 100%;
    min-width: 280px;
    min-height: 185px;
    /*
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    @include translate-mixin(-50%, -50%);
                    */
  }
  .shareholder__descr {
    margin-bottom: 115px;
    font-size: 18px;
  }
  .shareholder__quote p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-align: center;
  }
  .team {
    padding-top: 65px;
  }
  .team__title {
    font-size: 25px;
  }
  .team__wrapper {
    padding-top: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .team__item {
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .team__item-img {
    width: 280px;
    height: 180px;
  }
  .team__item-img img {
    width: 280px;
  }
  .team__item-descr {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .team__item-descr-name {
    margin-top: 30px;
    font-size: 18px;
  }
  .team__item-descr-position {
    margin-top: 10px;
  }
  .team__item-descr-more {
    margin-top: 20px;
  }
  .team__item-descr-more button {
    position: relative;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    border: none;
    outline: none;
    padding: 0;
    color: #106bd3;
    background-color: #ffffff;
  }
  .team__item-descr-more button::after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    background-color: #106bd3;
    right: -10px;
    bottom: 4px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__item-descr-more button:hover::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__send {
    margin-top: 30px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .team__send-title {
    width: 280px;
    height: 180px;
    text-align: center;
  }
  .team__send-descr {
    margin-left: 0;
  }
  .team__send-descr-title {
    margin-top: 30px;
    font-size: 18px;
  }
  .team__send-descr-other {
    margin-top: 10px;
  }
  .team__popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 120;
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
    opacity: 0;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }
  .team__popup-show {
    display: block;
    opacity: 1;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }
  .team__popup-wrapper {
    width: 970px;
    margin: 20px auto;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 60px;
    padding-right: 70px;
    background-color: #ffffff;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-wrap: wrap;
    /*
                &::after {
                    content: '';
                    background-image: url("../img/minified-svg/cancel_icon.svg");
                    width: 19px;
                    height: 19px;
                    position: absolute;
                    right: 15px;
                    top: 15px;
                    cursor: pointer;
                }
                */
  }
  .team__popup-wrapper-close {
    position: absolute;
    z-index: 150;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .team__popup-img {
    width: 200px;
    height: 210px;
    overflow: hidden;
    /*box-shadow: 0 17px 29px rgba(0, 0, 0, 0.1);*/
  }
  .team__popup-img img {
    width: 100%;
    min-width: 200px;
    min-height: 210px;
  }
  .team__popup-descr {
    margin-left: 60px;
  }
  .team__popup-descr-name {
    margin-top: 35px;
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .team__popup-descr-position {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .team__popup-descr-social-nw {
    margin-top: 30px;
    margin-left: -25px;
  }
  .team__popup-descr-social-nw button {
    position: relative;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    border: none;
    outline: none;
    padding: 0;
    color: #106bd3;
    background-color: #ffffff;
  }
  .team__popup-descr-social-nw button::after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    background-color: #106bd3;
    right: -10px;
    bottom: 4px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__popup-descr-social-nw button:hover::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__popup-text {
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
  }
  .team__popup-text p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  .news__optional-title {
    width: 100%;
    font-size: 25px;
    line-height: 1;
    /*
            margin-top: 50px;
            margin-bottom: 40px;
            */
    padding-top: 50px;
    padding-bottom: 40px;
    text-align: center;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .dots-for-facts {
    display: none;
  }
  .about-title__name {
    width: 708px;
  }
  .about-title__descr {
    width: 708px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  .fact {
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fact__item {
    width: 520px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .fact__item p {
    margin-top: 40px;
    margin-bottom: 0;
    text-align: center;
  }
  .fact-dots-animation {
    height: 100px;
    margin-top: 50px;
    margin-bottom: -20px;
  }
  .fact .l-pulse:nth-child(n+2) {
    display: none;
  }
  .shareholder {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 125px;
  }
  .shareholder__wrapper {
    width: 100%;
  }
  .shareholder__photo-item {
    width: 300px;
    height: 220px;
  }
  .shareholder__photo-item img {
    width: 100%;
    min-width: 300px;
    min-height: 220px;
    /*
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    @include translate-mixin(-50%, -50%);
                    */
  }
  .shareholder__quote {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
  }
  .shareholder__quote p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-align: center;
  }
  .shareholder__quote::before {
    content: '';
    background-image: url("../img/minified-svg/quotes_big_icon.svg");
    width: 28px;
    height: 20px;
    position: absolute;
    top: -35px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .shareholder__quote::after {
    content: '';
    background-image: url("../img/minified-svg/quotes_big_icon.svg");
    width: 28px;
    height: 20px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .team__wrapper {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    /* autoprefixer: off */
    justify-content: space-between;
  }
  .team__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
  }
  .team__item-img {
    width: 340px;
    height: 220px;
  }
  .team__item-img img {
    min-width: 340px;
  }
  .team__item-descr {
    margin-left: 0;
  }
  .team__item-descr-position {
    margin-top: 15px;
  }
  .team__item-descr-more {
    margin-top: 25px;
  }
  .team__send {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
  }
  .team__send-title {
    width: 340px;
    height: 220px;
  }
  .team__send-descr {
    margin-left: 0;
  }
  .team__popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 120;
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
    opacity: 0;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }
  .team__popup-show {
    display: block;
    opacity: 1;
    transition: opacity 1s;
    -o-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }
  .team__popup-wrapper {
    width: 970px;
    margin: 20px auto;
    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 60px;
    padding-right: 70px;
    background-color: #ffffff;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-wrap: wrap;
    /*
                &::after {
                    content: '';
                    background-image: url("../img/minified-svg/cancel_icon.svg");
                    width: 19px;
                    height: 19px;
                    position: absolute;
                    right: 15px;
                    top: 15px;
                    cursor: pointer;
                }
                */
  }
  .team__popup-wrapper-close {
    position: absolute;
    z-index: 150;
    right: 15px;
    top: 15px;
    cursor: pointer;
  }
  .team__popup-img {
    width: 200px;
    height: 210px;
    overflow: hidden;
    /*box-shadow: 0 17px 29px rgba(0, 0, 0, 0.1);*/
  }
  .team__popup-descr {
    margin-left: 60px;
  }
  .team__popup-descr-name {
    margin-top: 35px;
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .team__popup-descr-position {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .team__popup-descr-social-nw {
    margin-top: 30px;
    margin-left: -25px;
  }
  .team__popup-descr-social-nw button {
    position: relative;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    border: none;
    outline: none;
    padding: 0;
    color: #106bd3;
    background-color: #ffffff;
  }
  .team__popup-descr-social-nw button::after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    background-color: #106bd3;
    right: -10px;
    bottom: 4px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__popup-descr-social-nw button:hover::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__popup-text {
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
  }
  .team__popup-text p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  .news__optional-title {
    /*
            margin-top: 50px;
            */
    padding-top: 50px;
  }
}

@media only screen and (min-width: 1278px) {
  .dots-for-facts {
    display: none;
  }
  .team__item-descr-more button:hover::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .team__send-title-wrapper:hover {
    color: #000000;
    -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

.ideology-title {
  position: relative;
  background-color: #106bd3;
  height: 410px;
  overflow: hidden;
}

@media only screen and (max-width: 766px) {
  .ideology-title {
    height: 156px;
  }
}

.ideology-title__bg {
  font-family: "arialbd";
  font-size: 286px;
  line-height: 357px;
  letter-spacing: 0;
  letter-spacing: -4px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 2000px;
  color: #106bd3;
  text-shadow: 0 16px 18px rgba(0, 26, 56, 0.1);
}

@media only screen and (max-width: 766px) {
  .ideology-title__bg {
    display: none;
  }
}

.ideology-title__name {
  position: relative;
  z-index: 2;
  font-size: 65px;
  line-height: 399px;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: 300;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  color: #ffffff;
}

@media only screen and (max-width: 766px) {
  .ideology-title__name {
    height: 156px;
    line-height: 156px;
    font-size: 35px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .ideology-title__name {
    line-height: 392px;
  }
}

.ideology {
  padding: 70px 0;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .ideology {
    padding-top: 48px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 766px) {
  .ideology {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

.ideology__container {
  padding: 0 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .ideology__container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 766px) {
  .ideology__container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 20px;
  }
}

.ideology__item {
  position: relative;
  width: 50%;
  margin-top: 48px;
  padding: 0 15px;
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .ideology__item {
    width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 56px;
  }
  .ideology__item:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 766px) {
  .ideology__item {
    width: 100%;
    padding: 0;
    margin-top: 0;
  }
}

.ideology__item-title {
  position: relative;
  line-height: 65px;
  padding-left: 90px;
  font-size: 35px;
  margin-bottom: 35px;
}

.ideology__item-title::before {
  content: '';
  /*
                left: 50%;
                transform: translate(-50%);
                */
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #106bd3;
}

@media only screen and (max-width: 766px) {
  .ideology__item-title {
    font-size: 22px;
    line-height: 50px;
    margin-bottom: 0;
    padding-left: 70px;
  }
}

.ideology__item p {
  font-size: 16px;
  line-height: 1.66;
  margin-bottom: 30px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .ideology__item p:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 766px) {
  .ideology__item p {
    margin-bottom: 20px;
  }
}

.ideology .pulse-circle {
  position: absolute;
  top: 0;
  left: 0;
  height: 65px;
  width: 65px;
  border-radius: 50%;
}

@media only screen and (max-width: 766px) {
  .ideology .pulse-circle {
    width: 50px;
    height: 50px;
  }
}

.span-1,
.span-2,
.span-3 {
  position: absolute;
  display: block;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.span-1 {
  height: 100%;
  width: 100%;
  background: #f1f6fc;
  -webkit-animation: 1s ball-1 infinite alternate;
          animation: 1s ball-1 infinite alternate;
}

.span-2 {
  width: 80%;
  height: 80%;
  z-index: 2;
  background: #dfebfa;
  -webkit-animation: 1s ball-1 infinite alternate;
          animation: 1s ball-1 infinite alternate;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.span-3 {
  width: 6px;
  height: 6px;
  z-index: 3;
  background: #0c7cd9;
}

@-webkit-keyframes ball-1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes ball-1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
            transform: translate(-50%, -50%) scale(0.5);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}

.promotion {
  height: 438px;
  background: url(../img/general/bg_idealogi.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 35px;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

@media only screen and (max-width: 766px) {
  .promotion {
    height: 350px;
    font-size: 22px;
    line-height: 33px;
    padding: 0 10px;
  }
  .promotion br {
    display: none;
  }
}

.promotion__quote {
  position: relative;
}

.promotion__quote p {
  overflow: hidden;
}

.promotion__quote:before, .promotion__quote:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
  width: 28px;
  height: 20px;
  background: url(../img/general/quotes_small_icon.svg) no-repeat center center;
  background-size: cover;
}

.promotion__quote:before {
  top: -45px;
}

.promotion__quote:after {
  bottom: -45px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .promotion__quote {
    width: 590px;
  }
  .promotion__quote br {
    display: none;
  }
}

.worth {
  padding-top: 57px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 766px) {
  .worth {
    padding-top: 50px;
  }
}

.worth__title {
  text-align: center;
}

@media only screen and (max-width: 766px) {
  .worth__title {
    font-size: 25px;
  }
}

.worth__wrapper {
  padding-top: 46px;
  -webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tab {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tab__nav {
  width: 50%;
  height: 455px;
  padding: 72px 70px;
  background: #faf7f7;
  box-sizing: border-box;
  list-style: none;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.tab__nav__bg {
  position: absolute;
  top: 0;
  right: 5px;
  color: #faf7f7;
  font-family: Arial;
  font-weight: 800;
  font-size: 129px;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
  z-index: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 80% 20px;
          transform-origin: 80% 20px;
  -webkit-transform-origin: 84% 66px;
          transform-origin: 84% 66px;
}

@media only screen and (max-width: 766px) {
  .tab__nav__bg {
    display: none;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .tab__nav {
    padding: 56px 31px;
    height: 525px;
  }
}

@media only screen and (max-width: 766px) {
  .tab__nav {
    height: auto;
    width: 100%;
    padding: 45px 25px;
  }
}

.tab__nav__item {
  display: inline-block;
  position: relative;
  font-size: 18px;
  padding-left: 30px;
  cursor: pointer;
  margin-bottom: 28px;
  letter-spacing: 0.5px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 2;
}

@media only screen and (max-width: 766px) {
  .tab__nav__item {
    padding-left: 25px;
    font-size: 16px;
    z-index: 0;
  }
  .tab__nav__item:last-child {
    margin-bottom: 0;
  }
}

.tab__nav__item:after {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #106bd3;
}

@media only screen and (max-width: 766px) {
  .tab__nav__item:after {
    width: 6px;
    height: 9px;
    background: url(../img/general/icon-arrow_left_gray.svg) no-repeat center center;
    background-size: cover;
    border-radius: 0;
  }
}

.tab__nav__item__active {
  margin-left: 22px;
  color: #106bd3;
}

@media only screen and (max-width: 766px) {
  .tab__nav__item__active {
    margin-left: 0;
  }
  .tab__nav__item__active:after {
    background: url(../img/general/icon-arrow_left_blue.svg) no-repeat center center;
    background-size: cover;
  }
}

.tab__content {
  background: #106bd3;
  position: relative;
  width: 50%;
  height: 455px;
  box-sizing: border-box;
  -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  /*1s*/
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .tab__content {
    height: 525px;
  }
}

@media only screen and (max-width: 766px) {
  .tab__content {
    position: absolute;
    width: 100%;
    left: -150%;
    height: 100%;
  }
}

.tab__content__container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 66px 84px;
  box-sizing: border-box;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .25s;
  transition: .25s;
  letter-spacing: 0.5px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .tab__content__container {
    padding: 50px 38px;
  }
}

@media only screen and (max-width: 766px) {
  .tab__content__container {
    height: auto;
    padding: 25px 40px;
    padding-top: 60px;
  }
}

.tab__content__title {
  position: relative;
  font-size: 23px;
  padding-bottom: 52px;
}

@media only screen and (max-width: 766px) {
  .tab__content__title {
    font-size: 18px;
  }
}

.tab__content__title:after {
  position: absolute;
  width: 40px;
  height: 1px;
  background: #fff;
  content: '';
  display: block;
  bottom: 14px;
}

.tab__content__text {
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.025em;
}

.tab__content__active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 4s ease;
  transition: 4s ease;
  /*0.2s*/
}

@media only screen and (max-width: 766px) {
  .open-content .tab__content {
    left: 0;
    -webkit-transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .open-content .tab__close {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
}

.tab__close {
  position: absolute;
  right: 20px;
  top: 66px;
  height: 15px;
  display: none;
  z-index: 10;
  line-height: 15px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  padding-left: 15px;
  text-transform: capitalize;
}

@media only screen and (max-width: 766px) {
  .tab__close {
    display: block;
    visibility: hidden;
    opacity: 0;
  }
}

.tab__close:after {
  position: absolute;
  left: 0;
  top: 3px;
  width: 6px;
  height: 9px;
  content: '';
  background: url(../img/general/icon-arrow_left_white.svg) no-repeat center center;
  background-size: cover;
}

.news-wrapper {
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}

.news-title {
  position: relative;
  color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 135px;
  padding-bottom: 145px;
}

.news-title__name {
  font-size: 65px;
  line-height: 50px;
  letter-spacing: 0.025em;
  font-weight: normal;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  text-align: center;
}

.news__wrapper {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  text-decoration: none;
  color: #000000;
}

.news__item {
  width: 370px;
  min-height: 380px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 30px;
}

.news__item:nth-child(3n + 2) {
  margin-right: 0;
}

.news__item a {
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

.news__item-img {
  width: 100%;
  min-height: 220px;
  position: relative;
  overflow: hidden;
}

.news__item-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #106bd3;
}

.news__item-img img {
  width: 100%;
  min-width: 370px;
  min-height: 220px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.news__item-descr {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
}

.news__item-descr-date {
  margin-top: 25px;
  color: #7c7c7c;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  overflow: hidden;
}

.news__item-descr-text {
  margin-top: 15px;
  color: #000000;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.025em;
  overflow: hidden;
}

.news__item-descr-more {
  margin-top: 20px;
  overflow: hidden;
}

.news__item-descr-more-details {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "SFUIDisplayRegular";
  color: #106bd3;
  position: relative;
}

.news__item-descr-more-details::after {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  background-color: #106bd3;
  right: -10px;
  bottom: 5px;
  transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news__item_large {
  width: 770px;
  height: 380px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 30px;
  position: relative;
}

.news__item_large a {
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
}

.news__item_large-img {
  width: 100%;
  min-height: 380px;
  position: relative;
  overflow: hidden;
}

.news__item_large-img:before {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.news__item_large-img::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #106bd3;
  z-index: 2;
}

.news__item_large-img img {
  width: 100%;
  min-width: 370px;
  min-height: 220px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.news__item_large-descr {
  position: absolute;
  left: 30px;
  bottom: 30px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  right: 30px;
  padding: 20px;
}

.news__item_large-descr-date {
  color: #7c7c7c;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  overflow: hidden;
  z-index: 1;
}

.news__item_large-descr-text {
  margin-top: 20px;
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: 0.025em;
  overflow: hidden;
  z-index: 1;
}

.news__item_large-descr-more {
  z-index: 1;
}

.news__item_large-descr-more-details {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "SFUIDisplayRegular";
  color: #ffffff;
  position: relative;
}

.news__item_large-descr-more-details::after {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  background-color: #ffffff;
  right: -10px;
  bottom: 5px;
  transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news__more {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
  align-content: center;
}

.news__more-wrapper {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  -webkit-transition: color 0.5s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: color 0.5s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.news__more-title {
  width: 100%;
  height: 220px;
  cursor: pointer;
  background-color: #106bd3;
  font-size: 16px;
  line-height: 220px;
  letter-spacing: 0.025em;
  text-align: center;
  -webkit-transition: opacity 2s cubic-bezier(0.37, -0.01, 0.22, 1), -webkit-transform 2s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: opacity 2s cubic-bezier(0.37, -0.01, 0.22, 1), -webkit-transform 2s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: transform 2s cubic-bezier(0.37, -0.01, 0.22, 1), opacity 2s cubic-bezier(0.37, -0.01, 0.22, 1);
  transition: transform 2s cubic-bezier(0.37, -0.01, 0.22, 1), opacity 2s cubic-bezier(0.37, -0.01, 0.22, 1), -webkit-transform 2s cubic-bezier(0.37, -0.01, 0.22, 1);
}

.news__more-download {
  position: relative;
  margin-left: 25px;
  margin-top: 25px;
  font-family: "SFUIDisplayRegular";
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}

.news__more-download a {
  text-decoration: none;
  color: #106bd3;
  cursor: pointer;
  -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.news__more-download::before {
  content: '';
  background-image: url("../img/minified-svg/download_icon.svg");
  width: 11px;
  height: 17px;
  position: absolute;
  left: -25px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (max-width: 766px) {
  .news-title {
    background: none;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .news-title__name {
    font-size: 35px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .news__wrapper {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .news__item {
    width: 280px;
    min-height: 215px;
    padding-top: 30px;
    margin-top: 0;
    margin-bottom: 30px;
    margin-right: 0;
    border-top: 1px solid #f8f8f8;
  }
  .news__item a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
  }
  .news__item-img {
    width: 100%;
    min-height: 185px;
    position: relative;
    overflow: hidden;
  }
  .news__item-img img {
    width: 100%;
    min-width: 280px;
    min-height: 185px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .news__item_large {
    width: 280px;
    height: 185px;
    margin-top: 0;
    margin-bottom: 30px;
    margin-right: 0;
    position: relative;
    border-bottom: 1px solid #f8f8f8;
  }
  .news__item_large-img {
    width: 100%;
    min-height: 185px;
    position: relative;
    overflow: hidden;
  }
  .news__item_large-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #106bd3;
  }
  .news__item_large-img img {
    width: 100%;
    min-width: 280px;
    min-height: 185px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .news__item_large-descr {
    left: 20px;
    top: 25px;
    bottom: 10px;
    right: 20px;
    padding: 0;
  }
  .news__item_large-descr:after {
    width: 0;
  }
  .news__item_large-descr-date {
    color: #7c7c7c;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
  .news__item_large-descr-text {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.025em;
  }
  .news__item_large-descr-more {
    margin-top: 25px;
  }
  .news__item_large-descr-more-details {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-family: "SFUIDisplayRegular";
    color: #ffffff;
    position: relative;
  }
  .news__more {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-direction: column;
    align-content: center;
  }
  .news__more-title {
    width: 100%;
    height: 220px;
    cursor: pointer;
    color: #ffffff;
    background-color: #106bd3;
    font-size: 16px;
    line-height: 220px;
    letter-spacing: 0.025em;
    text-align: center;
    transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .news__more-download {
    position: relative;
    margin-left: 25px;
    margin-top: 25px;
    font-family: "SFUIDisplayRegular";
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
  .news__more-download a {
    text-decoration: none;
    color: #106bd3;
    cursor: pointer;
    transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .news__more-download::before {
    content: '';
    background-image: url("../img/minified-svg/download_icon.svg");
    width: 11px;
    height: 17px;
    position: absolute;
    left: -25px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .news-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 105px;
    padding-bottom: 95px;
  }
  .news__wrapper {
    margin-bottom: 0;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    /* autoprefixer: off */
    justify-content: space-between;
  }
  .news__item {
    width: 340px;
    min-height: 220px;
    margin-right: 0;
  }
  .news__item-img {
    width: 100%;
    min-height: 220px;
  }
  .news__item-img img {
    width: 100%;
    min-width: 340px;
    min-height: 220px;
    position: absolute;
  }
  .news__item_large {
    width: 708px;
    height: 380px;
    margin-right: 0;
  }
  .news__item_large-img {
    width: 100%;
    min-height: 380px;
  }
  .news__item_large-img img {
    width: 100%;
    min-width: 708px;
    min-height: 380px;
  }
}

@media only screen and (min-width: 1278px) {
  .news__item {
    /*
            &-descr {
                &-more-details {
                    &:hover::after {
                        !*
                        right: -15px;
                        @include transition-mixin(right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1))
                        *!
                    }
                }
            }
            */
  }
  .news__item:hover .news__item-descr-more-details::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .news__item:hover .news__item-img img {
    width: 110%;
  }
  .news__item_large {
    /*
                &-descr {
                    &-more-details {
                        &:hover::after {
                            right: -15px;
                            @include transition-mixin(right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1))
                        }
                    }
                }
                */
  }
  .news__item_large:hover .news__item_large-descr-more-details::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .news__item_large:hover .news__item_large-img img {
    width: 110%;
  }
  .news__more {
    /*
            &-title {
                &:hover {
                    color: $black_color;
                    @include transition-mixin(color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1));
                }
            }
            */
  }
  .news__more-wrapper:hover {
    color: #000000;
    -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .news__more-download a:hover {
    color: #000000;
    -webkit-transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

.single-news {
  position: relative;
  color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
}

.single-news::before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
}

.single-news__wrapper {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}

.single-news__back-link {
  position: relative;
  margin-left: 25px;
  line-height: 1;
}

.single-news__back-link a {
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #ffffff;
  transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
}

.single-news__back-link a::before {
  content: '';
  background-image: url("../img/minified-svg/arrow_left.svg");
  width: 4px;
  height: 7px;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.single-news__title {
  width: 570px;
  height: calc(3 * 45px);
  margin-top: 145px;
  margin-bottom: 145px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  line-height: 45px;
  letter-spacing: 0.025em;
}

.single-news__date {
  position: absolute;
  right: 55px;
  bottom: 30px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-news__date::before {
  content: '';
  width: 3px;
  height: 45px;
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #106bd3;
}

.single-news__date-number {
  font-size: 35px;
  line-height: 35px;
  letter-spacing: 0.05em;
}

.single-news__date-m-y {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
}

.single-news__date-year {
  margin-top: 5px;
}

.news {
  width: 640px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.025em;
}

.news p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-top: 40px;
  overflow: hidden;
}

.news__quote {
  position: relative;
  margin-top: 110px;
  margin-bottom: 110px;
  text-align: center;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-family: "SFUIDisplayRegular";
  font-size: 23px;
  line-height: 32px;
  letter-spacing: 0.025em;
}

.news__quote p {
  margin-top: 0;
}

.news__quote-author {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.025em;
  color: #106bd3;
  overflow: hidden;
}

.news__quote-author::before {
  content: '';
  width: 30px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-color: #106bd3;
}

.news__quote_ver-lines::before {
  content: '';
  background-image: url("../img/minified-svg/quotes_big_icon.svg");
  width: 28px;
  height: 20px;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.news__quote_ver-lines::after {
  content: '';
  background-image: url("../img/minified-svg/quotes_big_icon.svg");
  width: 28px;
  height: 20px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.news__quote_hor-lines::before {
  content: '';
  width: 45px;
  height: 1px;
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #106bd3;
}

.news__quote_hor-lines::after {
  content: '';
  width: 45px;
  height: 1px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #106bd3;
}

.gallery {
  margin-top: 70px;
  margin-bottom: 70px;
  font-size: 0;
  line-height: 1;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.gallery__item {
  position: relative;
  width: 370px;
  height: 220px;
  overflow: hidden;
  margin-bottom: 30px;
  margin-right: 30px;
}

.gallery__item:nth-child(3n) {
  margin-right: 0;
}

.gallery__item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.15);
}

.gallery__item img {
  position: absolute;
  min-height: 220px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gallery__see-more-btn {
  display: none;
}

.subscribe {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f8f8f8;
}

.subscribe__wrapper {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.subscribe__title {
  margin-left: 135px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.subscribe__form {
  height: 60px;
  margin-left: 40px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
}

.subscribe__mail-input {
  padding-left: 40px;
  width: 380px;
  height: 60px;
  border: none;
  outline: none;
  background-color: #ffffff;
}

.subscribe__mail-input::-webkit-input-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input::-moz-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input:-moz-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input:-ms-input-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input:focus:-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__mail-input:focus:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.subscribe__btn {
  padding: 0;
  margin-left: 20px;
  width: 176px;
  height: 60px;
  position: relative;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box;
  border: 2px solid #106bd3;
  background-color: #f8f8f8;
}

.subscribe__btn-text {
  position: relative;
  z-index: 2;
  font-family: "SFUIDisplayRegular";
  color: #ffffff;
  transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
}

.subscribe__btn::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 176px;
  height: 60px;
  background-color: #106bd3;
  transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -webkit-transition: left 0.5s ease;
}

.subscribe__error {
  border-bottom: 1px solid #ff0000;
}

@media only screen and (max-width: 766px) {
  .inner_container {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .single-news__title {
    width: auto;
    margin-top: 55px;
    margin-bottom: 55px;
    font-size: 22px;
    line-height: 33px;
  }
  .single-news__date {
    right: 20px;
    top: 25px;
    bottom: auto;
  }
  .single-news__date::before {
    display: none;
  }
  .single-news__date-m-y {
    margin-left: 10px;
  }
  .news {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  .news__quote {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .gallery {
    margin-bottom: 50px;
  }
  .gallery__item {
    width: 280px;
    height: 220px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .gallery__see-more-btn {
    display: block;
    margin-top: 20px;
    margin: auto;
    text-align: center;
  }
  .gallery__see-more-btn button {
    width: 170px;
    height: 60px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #106bd3;
  }
  .subscribe {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .subscribe__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .subscribe__title {
    margin-left: 0;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .subscribe__form {
    margin-left: 0;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .subscribe__mail-input {
    padding-left: 0;
    width: 280px;
    height: 60px;
    text-align: center;
  }
  .subscribe__btn {
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: none;
    width: 100%;
  }
  .subscribe__btn::after {
    width: 100%;
  }
  .subscribe__error {
    border-bottom: 1px solid #ff0000;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .requirement__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .inner_container {
    width: 768px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .single-news__date {
    right: 30px;
  }
  .news {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
  .gallery__item {
    width: 339px;
    height: 220px;
  }
  .gallery__item:nth-child(1n) {
    margin-right: 30px;
  }
  .gallery__item:nth-child(2n) {
    margin-right: 0;
  }
  .gallery__see-more-btn {
    display: none;
  }
  .subscribe__title {
    margin-left: 0;
  }
  .subscribe__form {
    margin-left: 20px;
  }
  .subscribe__mail-input {
    padding-left: 20px;
    width: 260px;
  }
  .subscribe__btn {
    margin-left: 15px;
    width: 166px;
  }
}

@media only screen and (min-width: 1278px) {
  .single-news__back-link a:hover {
    color: #106bd3;
    transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
  }
  .subscribe__btn:hover .subscribe__btn-text {
    color: #106bd3;
    transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
  }
  .subscribe__btn:hover::after {
    left: 180px;
    transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
  }
}

.projects-title {
  position: relative;
  height: 410px;
  background: #106bd3;
  overflow: hidden;
}

@media only screen and (max-width: 766px) {
  .projects-title {
    height: 313px;
  }
}

.projects-title__bg {
  position: absolute;
  text-align: center;
  line-height: 342px;
  color: #106bd3;
  font-size: 286px;
  font-weight: 700;
  width: 2000px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-family: "arialbd";
  text-shadow: 0 16px 18px rgba(0, 26, 56, 0.1);
}

@media only screen and (max-width: 766px) {
  .projects-title__bg {
    display: none;
  }
}

.projects-title__name {
  position: relative;
  z-index: 1;
  height: 100%;
  font-size: 65px;
  /*line-height: 399px;*/
  color: #fff;
  font-weight: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .projects-title__name {
    width: 550px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 766px) {
  .projects-title__name {
    font-size: 35px;
    line-height: 41px;
  }
}

.requirement {
  padding-top: 77px;
  padding-bottom: 80px;
  background: #f8f8f8;
}

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

.requirement__title {
  text-align: left;
  width: 34.188034%;
  padding-right: 130px;
  box-sizing: border-box;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .requirement__title {
    width: 300px;
    padding-right: 0;
  }
}

@media only screen and (max-width: 766px) {
  .requirement__title {
    width: 280px;
    padding-right: 0;
  }
}

.requirement__title-name {
  font-size: 30px;
  line-height: 1.2;
  padding-bottom: 74px;
}

.requirement__title-name p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .requirement__title-name {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 766px) {
  .requirement__title-name {
    font-size: 25px;
    padding-bottom: 20px;
  }
}

.requirement__title-quote {
  position: relative;
  font-size: 15px;
  line-height: 1.57;
}

.requirement__title-quote p {
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .requirement__title-quote {
    display: none;
  }
}

@media only screen and (max-width: 766px) {
  .requirement__title-quote {
    display: none;
  }
}

.requirement__title-quote:after, .requirement__title-quote:before {
  position: absolute;
  content: '';
  display: block;
  width: 14px;
  height: 10px;
  left: 0;
  background: url(../img/general/quotes_small_icon.svg) no-repeat center center;
  background-size: cover;
}

.requirement__title-quote:after {
  top: -20px;
}

.requirement__title-quote:before {
  bottom: -26px;
}

.requirement__descr {
  box-sizing: border-box;
  width: 65%;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .requirement__descr {
    width: 100%;
  }
}

@media only screen and (max-width: 766px) {
  .requirement__descr {
    width: 100%;
  }
}

.requirement__descr p {
  margin: 0;
  line-height: 1.85;
  margin-bottom: 22px;
  overflow: hidden;
}

.selection-criteria {
  position: relative;
  height: 680px;
  overflow: hidden;
  padding-bottom: 40px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria {
    height: auto;
  }
}

@media only screen and (max-width: 766px) {
  .selection-criteria {
    height: auto;
  }
}

.selection-criteria__video {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__video {
    display: none;
  }
}

@media only screen and (max-width: 766px) {
  .selection-criteria__video {
    display: none;
  }
}

.selection-criteria__bg {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  min-height: 655px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__bg {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transform: none;
            transform: none;
    min-height: inherit;
  }
}

@media only screen and (max-width: 766px) {
  .selection-criteria__bg {
    display: none;
    min-height: inherit;
  }
}

.selection-criteria__bg img {
  display: block;
  width: 100%;
}

.selection-criteria__bg-img {
  position: absolute;
  top: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.selection-criteria__bg-img_tab {
  display: none;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__bg-img_desk {
    display: none;
  }
  .selection-criteria__bg-img_tab {
    position: relative;
    display: block;
  }
}

.selection-criteria__title {
  position: absolute;
  top: 70px;
  left: 0;
  font-size: 30px;
  line-height: 1.2;
  overflow: hidden;
  z-index: 2;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__title {
    left: 30px;
  }
}

@media only screen and (max-width: 766px) {
  .selection-criteria__title {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 60px;
    font-size: 25px;
    line-height: 1.3;
    padding-left: 20px;
    margin-bottom: 40px;
  }
}

.selection-criteria__container {
  position: relative;
  height: 100%;
  width: 1170px;
  margin: 0 auto;
  padding: 0;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__container {
    position: absolute;
    left: -2%;
    z-index: 1;
    top: 0;
    left: 0;
    width: 140%;
  }
}

.selection-criteria__item {
  position: absolute;
  font-size: 16px;
  display: block;
  box-sizing: border-box;
  -webkit-transition: opacity .5s, -webkit-transform .5s ease-out;
  transition: opacity .5s, -webkit-transform .5s ease-out;
  transition: opacity .5s, transform .5s ease-out;
  transition: opacity .5s, transform .5s ease-out, -webkit-transform .5s ease-out;
}

@media only screen and (max-width: 766px) {
  .selection-criteria__item {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    line-height: 1.6;
    margin-bottom: 20px;
    padding-left: 50px;
  }
  .selection-criteria__item:before {
    position: absolute;
    content: '';
    display: block;
    top: 12px;
    left: 20px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0068d6;
  }
}

.selection-criteria__item.prepos {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.selection-criteria .w-dot {
  -webkit-transform-origin: center;
          transform-origin: center;
}

.selection-criteria .w-dot path {
  -webkit-transform-origin: center;
          transform-origin: center;
}

.selection-criteria .w-dot path:nth-child(1) {
  -webkit-transition: -webkit-transform 0.7s 0.2s;
  transition: -webkit-transform 0.7s 0.2s;
  transition: transform 0.7s 0.2s;
  transition: transform 0.7s 0.2s, -webkit-transform 0.7s 0.2s;
}

.selection-criteria .w-dot path:nth-child(2) {
  -webkit-transition: -webkit-transform 0.7s 0.4s;
  transition: -webkit-transform 0.7s 0.4s;
  transition: transform 0.7s 0.4s;
  transition: transform 0.7s 0.4s, -webkit-transform 0.7s 0.4s;
}

.selection-criteria .w-dot path:nth-child(3) {
  -webkit-transition: -webkit-transform 0.7s 0.6s;
  transition: -webkit-transform 0.7s 0.6s;
  transition: transform 0.7s 0.6s;
  transition: transform 0.7s 0.6s, -webkit-transform 0.7s 0.6s;
}

.selection-criteria .w-dot.prepos path {
  -webkit-transition: -webkit-transform 0s;
  transition: -webkit-transform 0s;
  transition: transform 0s;
  transition: transform 0s, -webkit-transform 0s;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.selection-criteria .w-dot.anim path:nth-child(n+2) {
  -webkit-animation: pulse-7 3s infinite;
          animation: pulse-7 3s infinite;
}

.selection-criteria__item1 {
  left: 70px;
  bottom: 240px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item1 {
    bottom: 41.764705%;
    left: 4%;
  }
}

.selection-criteria__item2 {
  left: 234px;
  bottom: 100px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item2 {
    bottom: 12%;
    left: 21%;
  }
}

.selection-criteria__item3 {
  left: 410px;
  bottom: 230px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item3 {
    bottom: 52%;
    left: 21%;
  }
}

.selection-criteria__item4 {
  left: 530px;
  bottom: 414px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item4 {
    left: 51%;
    bottom: 80%;
  }
}

.selection-criteria__item5 {
  left: 730px;
  bottom: 244px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item5 {
    bottom: 14%;
    left: 4%;
  }
}

.selection-criteria__item6 {
  left: 920px;
  bottom: 360px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item6 {
    bottom: 36%;
    left: 40%;
  }
}

.selection-criteria__item7 {
  left: 890px;
  bottom: 554px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .selection-criteria__item7 {
    bottom: 56%;
    left: 50%;
  }
}

.principle {
  background: #106bd3;
  padding-top: 78px;
  padding-bottom: 84px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .principle {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 766px) {
  .principle {
    padding-bottom: 20px;
  }
}

.principle__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .principle__container {
    display: block;
  }
}

.principle__title {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
  overflow: hidden;
}

.principle__item {
  position: relative;
  width: 25%;
  padding-left: 55px;
  padding-right: 50px;
  box-sizing: border-box;
}

.principle__item:nth-child(1) .default-line {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.principle__item:nth-child(2) .default-line {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.principle__item:nth-child(3) .default-line {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.principle__item:nth-child(4) .default-line {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.principle__item:nth-child(5) .default-line {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .principle__item {
    width: 48%;
    margin-bottom: 90px;
    padding-left: 80px;
    display: inline-block;
  }
}

@media only screen and (max-width: 766px) {
  .principle__item {
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
  }
}

.principle__item-bg {
  position: absolute;
  font-family: "arialbd";
  font-size: 150px;
  color: #106bd3;
  top: -50px;
  left: 0;
  line-height: 1;
  text-shadow: 0 16px 18px rgba(0, 26, 56, 0.1);
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .principle__item-bg {
    left: 27px;
  }
}

@media only screen and (max-width: 766px) {
  .principle__item-bg {
    left: 50%;
    font-size: 120px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.principle__item-descr {
  position: relative;
  z-index: 1;
  color: #fff;
  line-height: 1.6;
  height: 4.8em;
  overflow: hidden;
}

/*
    from home page
*/
.project {
  padding-top: 80px;
}

.project__title {
  width: 100%;
  font-size: 35px;
  text-align: center;
  padding-bottom: 60px;
}

.project__title p {
  overflow: hidden;
}

.project__gallery {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.project__item {
  position: relative;
  box-sizing: border-box;
  padding: 0 15px;
  height: 210px;
  width: 33.333333%;
  overflow: hidden;
  margin-bottom: 30px;
  z-index: 1;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .project__item {
    width: 50%;
  }
}

@media only screen and (max-width: 766px) {
  .project__item {
    width: 100%;
  }
}

@media only screen and (min-width: 1278px) {
  .project__item:hover .project__item__box:after {
    opacity: 0.9;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
  .project__item:hover .project__item-title {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
  .project__item:hover .project__item-more, .project__item:hover .project__item-descr {
    opacity: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .project__item:hover .project__item-more {
    -webkit-transition-delay: .35s;
            transition-delay: .35s;
  }
}

.project__item__box {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

.project__item__box:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #292929;
  opacity: 0.9;
  z-index: 1;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .project__item__box:after {
    opacity: 0.5;
  }
}

@media only screen and (max-width: 766px) {
  .project__item__box:after {
    opacity: 0.5;
  }
}

.project__item-img {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}

.project__item-title {
  position: absolute;
  color: #fff;
  left: 42px;
  bottom: 23px;
  letter-spacing: 0.1px;
  opacity: 1;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  text-shadow: 0 3px 8px black;
  bottom: 54px;
}

.project__item-descr {
  position: relative;
  color: #fff;
  font-size: 16px;
  padding: 0 25px;
  padding-top: 50px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: .3s;
  transition: .3s;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .project__item-descr {
    display: none;
  }
}

@media only screen and (max-width: 766px) {
  .project__item-descr {
    display: none;
  }
}

.project__item-more {
  position: absolute;
  color: #fff;
  left: 42px;
  bottom: 23px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .project__item-more {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@media only screen and (max-width: 766px) {
  .project__item-more {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.project__item-more a {
  color: #106bd3;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "SFUIDisplayRegular";
}

.project-baner {
  background: url(../img/general/bg_projects_5.jpg) no-repeat center center;
  background-size: cover;
  width: 100%;
  padding-top: 68px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.project-baner__desc {
  margin-top: 15px;
}

.project-baner__btn {
  margin-top: 43px;
  margin-bottom: 63px;
}

.contacts {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding-bottom: 72px;
  overflow: hidden;
}

.contacts__title {
  position: relative;
  height: 250px;
  line-height: 250px;
  overflow: hidden;
}

@media only screen and (max-width: 766px) {
  .contacts__title {
    height: 136px;
    line-height: 136px;
  }
}

.contacts__title__bg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 260px;
  color: #fff;
  width: 2000px;
  font-family: "arialbd";
  text-align: center;
  text-shadow: 0 16px 18px rgba(0, 26, 56, 0.04);
  line-height: 250px;
}

@media only screen and (max-width: 766px) {
  .contacts__title__bg {
    display: none;
  }
}

.contacts__title__name {
  position: absolute;
  left: 0;
  top: 20px;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 250px;
  font-weight: 100;
  margin: 0;
}

@media only screen and (max-width: 766px) {
  .contacts__title__name {
    font-size: 35px;
    top: 0;
    height: 136px;
    line-height: 127px;
  }
}

.contacts__content {
  padding-top: 95px;
}

@media only screen and (max-width: 766px) {
  .contacts__content {
    padding-top: 0;
  }
}

.contacts__content__sub-title {
  color: #106bd3;
  font-family: "arialbd";
  font-size: 12px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.contacts__content__link {
  font-size: 16px;
  color: #000;
  margin-bottom: 36px;
  display: block;
  text-decoration: none;
  font-weight: 100;
  line-height: 1.6;
}

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

.contacts__content__data {
  width: 370px;
  margin-right: 100px;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .contacts__content__data {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    margin-right: 0;
  }
}

.contacts__content__data__address {
  overflow: hidden;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .contacts__content__data__address {
    width: 64.788732%;
    margin-right: 0;
    padding-right: 150px;
    box-sizing: border-box;
  }
}

.contacts__content__data__phone, .contacts__content__data__email {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.contacts__content__map {
  width: 700px;
  height: 363px;
  background: gray;
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .contacts__content__map {
    width: 100%;
  }
}

.error-page {
  color: #ffffff;
  background-color: #0068d6;
  background-repeat: no-repeat;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 135px;
  padding-bottom: 145px;
}

.error-page__title {
  font-size: 75px;
  line-height: 1;
  letter-spacing: 0.025em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  text-align: center;
}

.error-page__descr {
  margin-top: 25px;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0;
  text-align: center;
}

/*
    <div id="heart">
        <div class="square"></div>
    </div>


#heart {
    height: 500px;
    width: 500px;

    position: relative;
    !* transform: rotate(-135deg); *!
    animation: pulse 1s infinite alternate ease-in;
    margin: 0 auto;
}

#heart div {
    background-color: #c70000;
}

.square {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    top: 0;
    position: absolute;
}

.circle {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    position: absolute;
}

!* ANIMATION *!
@keyframes pulse {
    0% {transform:
        scale(0.1) rotate(-135deg);}
    100% {transform:
        scale(0.2)
        rotate(-135deg);}
}
*/
.popup-bg, .popup, .app-popup, .career-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 120;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  display: none;
  opacity: 0;
  color: #000000;
  transition: opacity 1s;
  -o-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
}

.popup-wrapper {
  box-sizing: border-box;
  width: 970px;
  margin: auto;
  padding-top: 55px;
  padding-bottom: 70px;
  padding-left: 60px;
  padding-right: 70px;
  background-color: #ffffff;
  position: relative;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-wrap: wrap;
  max-height: 90%;
  overflow-y: scroll;
}

.popup-img {
  width: 200px;
  height: 210px;
  overflow: hidden;
  /*box-shadow: 0 17px 29px rgba(0, 0, 0, 0.1);*/
}

.popup-descr {
  margin-left: 60px;
}

.popup-descr-name {
  margin-top: 35px;
  font-size: 23px;
  line-height: 1;
  letter-spacing: 0.025em;
}

.popup-descr-position {
  margin-top: 25px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.025em;
}

.popup-descr-social-nw {
  margin-top: 30px;
  margin-left: -30px;
}

.popup-descr-social-nw button {
  position: relative;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  border: none;
  outline: none;
  padding: 0;
  color: #106bd3;
  background-color: #ffffff;
}

.popup-descr-social-nw button::after {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  background-color: #106bd3;
  right: -10px;
  bottom: 4px;
  transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.popup-descr-social-nw button:hover::after {
  right: -15px;
  transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.popup-text {
  width: 100%;
  margin-top: 50px;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.025em;
}

.popup-text p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.popup-close {
  position: absolute;
  z-index: 150;
  right: 15px;
  top: 15px;
  width: 19px;
  height: 19px;
  cursor: pointer;
}

.app-popup__wrapper {
  box-sizing: border-box;
  width: 570px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #f8f8f8;
  position: relative;
  max-height: 90%;
  overflow-y: scroll;
}

.app-popup__title {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0.025em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  font-weight: normal;
  text-align: center;
}

.app-popup-form {
  width: 400px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.app-popup-form-name-input, .app-popup-form-mail-input, .app-popup-form-comments {
  margin-top: 15px;
  padding-left: 30px;
  width: 370px;
  height: 60px;
  border: none;
  outline: none;
  background-color: #ffffff;
}

.app-popup-form-name-input::-webkit-input-placeholder, .app-popup-form-mail-input::-webkit-input-placeholder, .app-popup-form-comments::-webkit-input-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input::-moz-placeholder, .app-popup-form-mail-input::-moz-placeholder, .app-popup-form-comments::-moz-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input:-moz-placeholder, .app-popup-form-mail-input:-moz-placeholder, .app-popup-form-comments:-moz-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input:-ms-input-placeholder, .app-popup-form-mail-input:-ms-input-placeholder, .app-popup-form-comments:-ms-input-placeholder {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  color: #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input:focus::-webkit-input-placeholder, .app-popup-form-mail-input:focus::-webkit-input-placeholder, .app-popup-form-comments:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input:focus::-moz-placeholder, .app-popup-form-mail-input:focus::-moz-placeholder, .app-popup-form-comments:focus::-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input:focus:-moz-placeholder, .app-popup-form-mail-input:focus:-moz-placeholder, .app-popup-form-comments:focus:-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-name-input:focus:-ms-input-placeholder, .app-popup-form-mail-input:focus:-ms-input-placeholder, .app-popup-form-comments:focus:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.app-popup-form-comments {
  height: 150px;
  padding-top: 25px;
  resize: none;
}

.app-popup-form-file-wrapper {
  margin-top: 20px;
  cursor: pointer;
  position: relative;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  align-items: center;
}

.app-popup-form-file-icon {
  width: 17px;
  height: 17px;
}

.app-popup-form-file-text {
  margin-left: 10px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.075em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  text-transform: uppercase;
  font-family: "SFUIDisplayThin";
  color: #106bd3;
}

.app-popup-form-file-input {
  visibility: hidden;
  position: absolute;
  top: 0;
}

.app-popup-form .subscribe__btn {
  margin-left: 0;
  margin-top: 40px;
}

.career-popup__wrapper {
  box-sizing: border-box;
  width: 1170px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 65px;
  padding-left: 70px;
  padding-right: 70px;
  background-color: #f8f8f8;
  position: relative;
  height: 90%;
  max-height: 90%;
}

.career-popup__inner-wrapper {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  overflow: hidden;
}

.career-popup-form {
  width: 400px;
  margin-top: 30px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  flex-direction: column;
}

.career-popup-form .subscribe__btn {
  margin-left: 0;
  margin-top: 40px;
}

.career-popup__descr {
  margin-left: 30px;
  margin-top: 40px;
}

.career-popup__descr-title {
  font-size: 23px;
  line-height: 1;
  letter-spacing: 0.025em;
  margin-top: 45px;
}

.career-popup__descr-criterion {
  list-style-type: none;
  margin-top: 30px;
  margin-bottom: 45px;
}

.career-popup__descr-criterion-item {
  margin-top: 15px;
  margin-left: 40px;
  position: relative;
}

.career-popup__descr-criterion-item::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 1px;
  left: -40px;
  bottom: 50%;
  background-color: #106bd3;
}

.career-popup__descr p {
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.025em;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

.career-popup__descr p:first-child {
  padding-right: 30px;
}

@media only screen and (min-width: 1600px) {
  .career-popup__wrapper {
    height: inherit;
  }
}

.career-popup__wrapper-scr {
  height: 100%;
}

.career-popup__wrapper-scr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-show {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  /* autoprefixer: off */
  display: flex;
  opacity: 1;
  transition: opacity 2s;
  -o-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
}

.team__send-descr-other {
  margin-top: 20px;
}

@media only screen and (max-width: 766px) {
  .popup-wrapper {
    box-sizing: border-box;
    width: 320px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    max-height: 100%;
  }
  .popup-img {
    width: 280px;
    height: 210px;
    margin: 0 auto;
    overflow: hidden;
    /*box-shadow: 0 17px 29px rgba(0, 0, 0, 0.1);*/
  }
  .popup-img img {
    width: 280px;
  }
  .popup-descr {
    margin-left: 0;
  }
  .popup-descr-name {
    margin-top: 35px;
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .popup-descr-position {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .popup-descr-social-nw {
    margin-top: 25px;
    margin-left: -15px;
  }
  .popup-text {
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
  }
  .popup-text p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  .popup-close {
    position: absolute;
    z-index: 150;
    right: 15px;
    top: 15px;
    width: 19px;
    height: 19px;
    cursor: pointer;
  }
  .app-popup__wrapper {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 55px;
    background-color: #f8f8f8;
    height: 100%;
    max-height: 100%;
    position: relative;
  }
  .app-popup__title {
    font-size: 25px;
    line-height: 37px;
    letter-spacing: 0.025em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-weight: normal;
    text-align: center;
  }
  .app-popup-form {
    box-sizing: border-box;
    width: 280px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-direction: column;
  }
  .app-popup-form-name-input, .app-popup-form-mail-input, .app-popup-form-comments {
    box-sizing: border-box;
    margin-top: 15px;
    padding-left: 30px;
    width: 100%;
    height: 60px;
    border: none;
    outline: none;
    background-color: #ffffff;
  }
  .app-popup-form-name-input::-webkit-input-placeholder, .app-popup-form-mail-input::-webkit-input-placeholder, .app-popup-form-comments::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input::-moz-placeholder, .app-popup-form-mail-input::-moz-placeholder, .app-popup-form-comments::-moz-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:-moz-placeholder, .app-popup-form-mail-input:-moz-placeholder, .app-popup-form-comments:-moz-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:-ms-input-placeholder, .app-popup-form-mail-input:-ms-input-placeholder, .app-popup-form-comments:-ms-input-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus::-webkit-input-placeholder, .app-popup-form-mail-input:focus::-webkit-input-placeholder, .app-popup-form-comments:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus::-moz-placeholder, .app-popup-form-mail-input:focus::-moz-placeholder, .app-popup-form-comments:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus:-moz-placeholder, .app-popup-form-mail-input:focus:-moz-placeholder, .app-popup-form-comments:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus:-ms-input-placeholder, .app-popup-form-mail-input:focus:-ms-input-placeholder, .app-popup-form-comments:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-comments {
    height: 150px;
    padding-top: 25px;
  }
  .app-popup-form-file-wrapper {
    margin-top: 20px;
    cursor: pointer;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    align-items: center;
  }
  .app-popup-form-file-icon {
    width: 17px;
    height: 17px;
  }
  .app-popup-form-file-text {
    margin-left: 10px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-transform: uppercase;
    font-family: "SFUIDisplayThin";
    color: #106bd3;
  }
  .app-popup-form-file-input {
    visibility: hidden;
    position: absolute;
    top: 0;
  }
  .app-popup-form .subscribe__btn {
    margin-left: 0;
    margin-top: 40px;
  }
  .career-popup__wrapper {
    width: 100%;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 65px;
    padding-left: 20px;
    padding-right: 20px;
    max-height: 100%;
    overflow-y: scroll;
  }
  .career-popup__inner-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .career-popup-form {
    order: 2;
    width: 100%;
    margin-top: 40px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-direction: column;
  }
  .career-popup-form .subscribe__btn {
    margin-left: 0;
    margin-top: 40px;
  }
  .career-popup__descr {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: 0;
    margin-top: 40px;
  }
  .career-popup__descr-title {
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0.025em;
    margin-top: 45px;
  }
  .career-popup__descr-criterion {
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 45px;
  }
  .career-popup__descr-criterion-item {
    margin-top: 15px;
    margin-left: 40px;
    position: relative;
  }
  .career-popup__descr-criterion-item::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    left: -40px;
    bottom: 50%;
    background-color: #106bd3;
  }
  .career-popup__descr p {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  .career-popup__descr p:first-child {
    padding-right: 0;
  }
  .team__send-descr-other {
    display: block;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .popup-wrapper {
    width: 710px;
    margin: auto;
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 70px;
    padding-right: 70px;
    background-color: #ffffff;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-wrap: wrap;
  }
  .popup-descr {
    margin-left: 60px;
  }
  .popup-descr-name {
    margin-top: 30px;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .popup-descr-position {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.025em;
  }
  .popup-descr-social-nw {
    margin-top: 30px;
    margin-left: -15px;
  }
  .popup-descr-social-nw button {
    position: relative;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    border: none;
    outline: none;
    padding: 0;
    color: #106bd3;
    background-color: #ffffff;
  }
  .popup-descr-social-nw button::after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    background-color: #106bd3;
    right: -10px;
    bottom: 4px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .popup-descr-social-nw button:hover::after {
    right: -15px;
    transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .popup-text {
    width: 100%;
    margin-top: 50px;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
  }
  .popup-text p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  .popup-close {
    position: absolute;
    z-index: 150;
    right: 15px;
    top: 15px;
    width: 19px;
    height: 19px;
    cursor: pointer;
  }
  .app-popup__wrapper {
    box-sizing: border-box;
    width: 570px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 60px;
    background-color: #f8f8f8;
    position: relative;
  }
  .app-popup__title {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.025em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-weight: normal;
    text-align: center;
  }
  .app-popup-form {
    width: 400px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-direction: column;
  }
  .app-popup-form-name-input, .app-popup-form-mail-input, .app-popup-form-comments {
    margin-top: 15px;
    padding-left: 30px;
    width: 370px;
    height: 60px;
    border: none;
    outline: none;
    background-color: #ffffff;
  }
  .app-popup-form-name-input::-webkit-input-placeholder, .app-popup-form-mail-input::-webkit-input-placeholder, .app-popup-form-comments::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input::-moz-placeholder, .app-popup-form-mail-input::-moz-placeholder, .app-popup-form-comments::-moz-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:-moz-placeholder, .app-popup-form-mail-input:-moz-placeholder, .app-popup-form-comments:-moz-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:-ms-input-placeholder, .app-popup-form-mail-input:-ms-input-placeholder, .app-popup-form-comments:-ms-input-placeholder {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #000000;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus::-webkit-input-placeholder, .app-popup-form-mail-input:focus::-webkit-input-placeholder, .app-popup-form-comments:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus::-moz-placeholder, .app-popup-form-mail-input:focus::-moz-placeholder, .app-popup-form-comments:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus:-moz-placeholder, .app-popup-form-mail-input:focus:-moz-placeholder, .app-popup-form-comments:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-name-input:focus:-ms-input-placeholder, .app-popup-form-mail-input:focus:-ms-input-placeholder, .app-popup-form-comments:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .app-popup-form-comments {
    height: 150px;
    padding-top: 25px;
  }
  .app-popup-form-file-wrapper {
    margin-top: 20px;
    cursor: pointer;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    align-items: center;
  }
  .app-popup-form-file-icon {
    width: 17px;
    height: 17px;
  }
  .app-popup-form-file-text {
    margin-left: 10px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.075em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    text-transform: uppercase;
    font-family: "SFUIDisplayThin";
    color: #106bd3;
  }
  .app-popup-form-file-input {
    visibility: hidden;
    position: absolute;
    top: 0;
  }
  .app-popup-form .subscribe__btn {
    margin-left: 0;
    margin-top: 40px;
  }
  .career-popup__wrapper {
    box-sizing: border-box;
    width: 710px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 65px;
    padding-left: 45px;
    padding-right: 70px;
    max-height: 90%;
    overflow-y: scroll;
  }
  .career-popup__inner-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .career-popup-form {
    order: 2;
    width: 400px;
    margin-top: 50px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* autoprefixer: off */
    display: flex;
    flex-direction: column;
  }
  .career-popup-form .subscribe__btn {
    margin-left: 0;
    margin-top: 40px;
  }
  .career-popup__descr {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: 0;
    margin-top: 40px;
  }
  .career-popup__descr-title {
    font-size: 23px;
    line-height: 1;
    letter-spacing: 0.025em;
    margin-top: 45px;
  }
  .career-popup__descr-criterion {
    list-style-type: none;
    margin-top: 30px;
    margin-bottom: 45px;
  }
  .career-popup__descr-criterion-item {
    margin-top: 15px;
    margin-left: 40px;
    position: relative;
  }
  .career-popup__descr-criterion-item::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    left: -40px;
    bottom: 50%;
    background-color: #106bd3;
  }
  .career-popup__descr p {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.025em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  .career-popup__descr p:first-child {
    padding-right: 0;
  }
  .team__send-descr-other {
    display: block;
  }
}

@media only screen and (min-width: 1600px) {
  .video-bg {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.js-img-wrapper-border {
  box-shadow: 0 17px 29px rgba(0, 0, 0, 0.1);
  transition: box-shadow 3s ease;
  -o-transition: box-shadow 3s ease;
  -moz-transition: box-shadow 3s ease;
  -webkit-transition: box-shadow 3s ease;
}

.time-delay {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.time-delay3 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

.news-title-add {
  margin-bottom: 80px;
}

@media only screen and (max-width: 766px) {
  .news-title-add {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1278px) {
  .news-title-add {
    margin-bottom: 0;
  }
}

.fail-title {
  position: relative;
  background-color: #106bd3;
  height: 415px;
  overflow: hidden;
  /*
    @include res-to(mob) {
        height: 156px;
    }
    */
}

.fail-title__bg {
  font-family: "arialbd";
  font-size: 436px;
  line-height: 436px;
  letter-spacing: 0;
  letter-spacing: -4px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 2000px;
  color: #106bd3;
  text-shadow: 0 16px 18px rgba(0, 26, 56, 0.1);
}

@media only screen and (max-width: 766px) {
  .fail-title__bg {
    display: none;
  }
}

.fail-title__name {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-top: 140px;
  position: relative;
  z-index: 2;
  font-size: 75px;
  line-height: 65px;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: 300;
  color: #ffffff;
}

@media only screen and (max-width: 766px) {
  .fail-title__name {
    margin-top: 100px;
    font-size: 65px;
  }
}

.fail-title__descr {
  margin-top: 25px;
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  color: #ffffff;
  width: 430px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 766px) {
  .fail-title__descr {
    width: 280px;
  }
}

.l-pulse-group {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.l-pulse {
  width: 30px;
  height: 30px;
  position: absolute;
  left: -500px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: .3;
  display: none;
}

.l-pulse__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid #00a3da;
  background-color: #00a3da;
  border-radius: 50%;
  opacity: 0;
  will-change: opacity;
}

.l-pulse__circle:nth-child(1) {
  -webkit-animation: pulse 4s 0.3s infinite;
          animation: pulse 4s 0.3s infinite;
}

.l-pulse__circle:nth-child(2) {
  -webkit-animation: pulse 4s 0.6s infinite;
          animation: pulse 4s 0.6s infinite;
}

.l-pulse__circle:nth-child(3) {
  -webkit-animation: pulse 4s 0.9s infinite;
          animation: pulse 4s 0.9s infinite;
}

@-webkit-keyframes pulse {
  from {
    width: 0;
    height: 0;
    opacity: 0;
  }
  4% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    opacity: 0;
  }
}

@keyframes pulse {
  from {
    width: 0;
    height: 0;
    opacity: 0;
  }
  4% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    opacity: 0;
  }
}

@-webkit-keyframes pulse-7 {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: .2;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes pulse-7 {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: .2;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.only-mob {
  display: none;
}

@media only screen and (max-width: 766px) {
  .only-mob {
    display: block;
  }
}

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