@charset "UTF-8";
/*! 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,
footer,
header,
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: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.6em;
}

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;
  border-color: transparent;
}

td,
th {
  padding: 0;
}

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

/* Libraries, which is used in current project. */
/* Libraries, which is used in current project. */
/* Some styles, which is used for correct sprite-generation, vars, mixins and etc */
/* Please, do not edit with file! */
/* This file can be overwritten by update-project! */
/* Mixins, which are specific for current project */
/* Mixins and vars for sprite generation */
/* Scss for used fonts */
@font-face {
  font-family: "Proxima Nova";
  font-weight: 400;
  src: url("../fonts/ProximaNova-Regular.eot?") format("eot"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Proxima Nova";
  font-weight: 600;
  src: url("../fonts/ProximaNova-Semibold.eot?") format("eot"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "Proxima Nova";
  font-weight: 700;
  src: url("../fonts/ProximaNova-Bold.eot?") format("eot"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 300;
  src: url("../fonts/FiraSansCondensed-Light.eot?") format("eot"), url("../fonts/FiraSansCondensed-Light.woff") format("woff"), url("../fonts/FiraSansCondensed-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 400;
  src: url("../fonts/FiraSansCondensed-Medium.eot?") format("eot"), url("../fonts/FiraSansCondensed-Medium.woff") format("woff"), url("../fonts/FiraSansCondensed-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 500;
  src: url("../fonts/FiraSansCondensed-Regular.eot?") format("eot"), url("../fonts/FiraSansCondensed-Regular.woff") format("woff"), url("../fonts/FiraSansCondensed-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 600;
  src: url("../fonts/FiraSansCondensed-Semibold.eot?") format("eot"), url("../fonts/FiraSansCondensed-Semibold.woff") format("woff"), url("../fonts/FiraSansCondensed-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "Fira Sans Condensed";
  font-weight: 700;
  src: url("../fonts/FiraSansCondensed-Bold.eot?") format("eot"), url("../fonts/FiraSansCondensed-Bold.woff") format("woff"), url("../fonts/FiraSansCondensed-Bold.ttf") format("truetype");
}

/* Vars, which are specific for current project */
/* Styles for UI-elements */
/* Common styles for current project */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 0.58565vw;
}

@media (min-aspect-ratio: 16 / 9) {
  html {
    font-size: 0.5vw;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 2.5vw;
  }
}

html.no-scroll, html.open-nav {
  overflow: hidden;
}

html.html-size-2564 {
  font-size: 0.62402vw;
}

@media screen and (max-width: 768px) {
  html.html-size-2564 {
    font-size: 2.5vw;
  }
}

html.html-size-2561 {
  font-size: 0.62476vw;
}

@media screen and (max-width: 768px) {
  html.html-size-2561 {
    font-size: 2.5vw;
  }
}

body {
  min-height: 100%;
  background-color: #fff;
  -webkit-transition: background 1s;
  transition: background 1s;
}

body.transparent {
  background: transparent;
}

body.blue-white:before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
  content: '';
  background: -webkit-linear-gradient(top, #e6f6ff 0%, #fff 100%);
  background: linear-gradient(to bottom, #e6f6ff 0%, #fff 100%);
}

body.blue {
  background: #75c1ed;
}

body.aqua {
  background: #38a5e4;
}

body.lite-blue {
  background: #f6fcff;
}

body.lite-blue2 {
  background: #e6f6ff;
}

body.white {
  background: #fff;
}

body.open-popup {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  body.open-popup .nav {
    display: none;
  }
}

a {
  text-decoration: none;
}

address {
  font-style: normal;
}

p,
dl {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

.page {
  overflow-x: unset;
}

@media screen and (max-width: 768px) {
  .page {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

.page_instructions {
  background-color: #f6fcff;
  position: relative;
}

@media screen and (min-width: 769px) and (max-height: 1700px) {
  .page_instructions .page-inner {
    min-height: 100vh;
  }
}

@media screen and (max-width: 768px) {
  .page_instructions {
    background-color: #fff;
    padding-bottom: 0;
  }
}

.page_instructions .footer {
  z-index: 34;
  padding-top: 1.5625rem;
  background-color: #f6fcff;
}

.page_instructions .footer .footer-nav_second {
  margin-bottom: 1.4375rem;
  margin-right: -1.875rem;
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer-nav_second {
    margin-top: 1.5625rem;
  }
}

.page_instructions .footer .footer-nav_second .footer-nav__link {
  letter-spacing: -0.03438rem;
}

.page_instructions .footer .footer-nav_first {
  top: 0.9375rem;
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer-nav_first {
    margin-top: 1.9375rem;
  }
}

.page_instructions .footer .footer__warning {
  margin-top: 2.9375rem;
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer__warning {
    margin-top: 2.5rem;
    margin-bottom: 0.3125rem;
  }
}

.page_instructions .footer .footer__text {
  letter-spacing: -0.00625rem;
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer__text {
    padding-right: 1.875rem;
  }
}

.page_instructions .footer .footer__copy-text_upper {
  letter-spacing: -0.025rem;
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer__copy-text_upper {
    margin-bottom: 3.375rem;
  }
}

.page_instructions .footer .footer__copy-text {
  letter-spacing: -0.00625rem;
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer-nav__item {
    margin-top: 1.5625rem;
  }
}

@media screen and (max-width: 768px) {
  .page_instructions .footer .footer__copy {
    margin-top: 2.6875rem;
  }
}

.slide {
  position: relative;
  height: 100vh;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .slide {
    height: auto;
  }
}

.slide.show {
  opacity: 1;
}

.slide_fast-duration {
  opacity: 0 !important;
  -webkit-transition: 0ms !important;
  transition: 0ms !important;
}

.slide_fast-duration * {
  opacity: 0 !important;
  -webkit-transition: 0ms !important;
  transition: 0ms !important;
}

@media screen and (max-width: 768px) {
  .m-slide {
    position: relative;
    min-height: initial;
    padding-bottom: 9.375rem;
  }
}

.loader-bg .bottle:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  /*background: #fff;*/
  z-index: 1000;
}

.loader-bg .bottle .bottle__img.bottle__img_load,
.loader-bg .bottle .bottle__loader-bg {
  z-index: 1001;
}

.ie .page {
  height: auto;
}

/* Plugins, which is used in current project. */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0;
}

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

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

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

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

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

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

/* Components, which is used in current project. */
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 13.125rem;
}

@media screen and (max-width: 768px) {
  .header {
    height: 6.25rem;
  }
}

.header_white {
  background-color: #fff;
}

.header_lite-blue {
  background-color: #f6fcff;
}

@media screen and (max-width: 768px) {
  .header {
    background: #fff;
    -webkit-transition: background 1s;
    transition: background 1s;
  }
  .header.blue-white {
    background: #e6f6ff;
  }
  .header.blue {
    background: #75c1ed;
  }
  .header.aqua {
    background: #38a5e4;
  }
  .header.lite-blue2 {
    background: #e6f6ff;
  }
  .header.white {
    background: #fff;
  }
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .page {
    height: auto;
  }
}

.wrapper__404 {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10em;
  min-height: 65vh;
}

.title__404 {
  color: #5e7080;
  font-size: 3.5rem;
  font-weight: 400;
  text-align: center;
  position: relative;
  top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .title__404 {
    font-size: 1.8rem;
    top: -6rem;
    text-transform: uppercase;
  }
}

p.title__404::after {
  content: "";
  display: block;
  width: 16.5rem;
  height: 3px;
  background: #5e7080;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -3.5rem;
}

@media screen and (max-width: 768px) {
  p.title__404::after {
    width: 6rem;
  }
}

.main__404 {
  color: #63baeb;
  font-family: inherit;
  font-weight: 700;
  text-align: center;
  font-size: 14.7rem;
  line-height: 1.1;
  position: relative;
  top: -4.5rem;
}

@media screen and (max-width: 768px) {
  .main__404 {
    font-size: 5.6rem;
  }
}

.link__404 {
  color: #5e7080;
  position: relative;
  top: 0;
  font-size: 2.8rem;
  top: -8.5rem;
}

.link__404 span {
  color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .link__404 {
    text-transform: uppercase;
    font-size: 1.75rem;
    top: -2.5rem;
    padding: 1.9rem 2.3rem;
    border-radius: 10px;
    border: 2px solid #37a5e4;
  }
}

.logo {
  position: absolute;
  top: 5rem;
  left: 12.5rem;
  width: 18.75rem;
}

@media screen and (max-width: 768px) {
  .logo {
    top: 1.25rem;
    left: 2.5rem;
    z-index: 1000;
    width: 13.75rem;
  }
}

.logo__img {
  width: 100%;
}

.logo__img_1 {
  fill: #123D66;
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}

body.blue .logo__img_1 {
  fill: #ffffff;
}

body.blue.lite-blue2 .logo__img_1 {
  fill: #123D66;
}

html.ie:not(.edge) .logo {
  top: -1.25rem;
}

.nav {
  position: absolute;
  top: 3.75rem;
  right: 10.3125rem;
}

@media screen and (max-width: 768px) {
  .nav {
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 5.625rem;
    background: inherit;
  }
  .nav_active {
    height: 100vh;
  }
  .nav_active .nav__list {
    top: 0;
    z-index: 999;
    background-color: rgba(55, 165, 228, 0.95);
  }
  .nav_active .nav__item {
    display: block;
    opacity: 1;
  }
  .nav_active .nav__item_video {
    display: none;
  }
  .nav_active .nav__item:nth-of-type(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
  .nav_active .nav__item:nth-of-type(3) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .nav_active .nav__item:nth-of-type(4) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .nav_active .nav__item:nth-of-type(5) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .nav_active .nav__toggle {
    z-index: 1000;
  }
  .nav_active .nav__toggle:before {
    top: -0.125rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .nav_active .nav__toggle:after {
    bottom: -0.125rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .nav_active .nav__toggle span {
    display: none;
  }
}

.nav__toggle {
  display: none;
}

@media screen and (max-width: 768px) {
  .nav__toggle {
    display: block;
    position: absolute;
    top: 1.375rem;
    right: 2.5rem;
    z-index: 1;
    width: 3.75rem;
    height: 2.75rem;
  }
  .nav__toggle:before, .nav__toggle:after, .nav__toggle span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0.3125rem;
    content: '';
    background-color: #003a65;
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .nav__toggle:before {
    top: 0;
  }
  .nav__toggle:after {
    bottom: 0;
  }
  .nav__toggle span {
    top: 1.25rem;
  }
}

.nav__video-link {
  display: none;
}

@media screen and (max-width: 768px) {
  .nav__video-link {
    position: absolute;
    top: 1.25rem;
    right: 7.8125rem;
    z-index: 1;
    display: block;
  }
  .nav__video-link .icon {
    width: 3.4375rem;
    height: 3.4375rem;
  }
}

.nav__list {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .nav__list {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-top: 13.4375rem;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
  }
}

.nav__list_sub {
  position: absolute;
  top: 0;
  right: -21.25rem;
  z-index: -1;
  width: 43.125rem;
  text-align: right;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .nav__list_sub {
    display: none;
  }
}

.nav__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2.25rem;
}

@media screen and (max-width: 768px) {
  .nav__item {
    display: block;
    margin-left: 0;
    margin-top: 4.375rem;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
}

.nav__item:hover:before {
  position: absolute;
  bottom: -3.125rem;
  right: 0;
  width: 28.125rem;
  height: 3.125rem;
  content: '';
}

.nav__item:hover .nav__list_sub {
  top: 3.75rem;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.5s, top 0s;
  transition: opacity 0.5s, top 0s;
}

.nav__item:hover .nav__item_sub {
  opacity: 1;
}

.nav__item_video {
  position: relative;
  top: -0.1875rem;
  display: none;
  margin-left: 0;
  margin-right: 2.5rem;
  border-radius: 0.625rem;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: url(../img/assets/nav/bg.png) no-repeat 0 0;
  background-size: cover;
}

.nav__item_video:hover:before {
  display: none;
}

.nav__item_video.visible {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .nav__item_video {
    display: none;
  }
  .nav__item_video.visible {
    display: none;
  }
}

.nav__item_hidden {
  opacity: 0;
}

.nav__item_sub {
  margin-left: 1.6875rem;
  letter-spacing: -0.0625rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.nav__link {
  display: block;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  color: #023b66;
}

@media screen and (max-width: 768px) {
  .nav__link {
    text-align: center;
    text-transform: uppercase;
    font-size: 2.625rem;
    letter-spacing: 0.0625rem;
    color: #fff;
  }
}

.nav__link.active {
  color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .nav__link.active {
    color: #023b66;
  }
}

.nav__link_video {
  position: relative;
  width: 21.875rem;
  height: 5.625rem;
  padding-top: 0.25rem;
  padding-left: 5.9375rem;
  line-height: 5.3125rem;
  color: #fff;
  background-color: rgba(55, 165, 228, 0.7);
}

.nav__link_video:before {
  position: absolute;
  top: 1.25rem;
  left: 1.5625rem;
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  background: url(../img/assets/nav/play.png) no-repeat center;
  background-size: contain;
  content: '';
}

.nav__link_sub {
  font-size: 1.25rem;
}

.nav__link_sel {
  position: relative;
  top: -0.1875rem;
  padding: 0 2.1875rem;
  height: 5.625rem;
  border: 0.25rem solid #37a5e4;
  border-radius: 0.625rem;
  line-height: 5.625rem;
  color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .nav__link_sel {
    height: auto;
    border: none;
    padding: 0;
    line-height: 1;
    color: #fff;
  }
}

.nav__link_sel.active {
  background-color: #37a5e4;
  color: #fff;
}

body.blue .nav__link.active {
  color: #fff;
}

@media screen and (max-width: 768px) {
  body.blue .nav__link.active {
    color: #023b66;
  }
}

body.blue .nav__link_sel {
  border-color: #fff;
  color: #fff;
}

.dots {
  position: fixed;
  top: 43.75rem;
  right: 5rem;
  z-index: 120;
}

@media screen and (max-width: 768px) {
  .dots {
    display: none;
  }
}

.dots__small-dots {
  display: none;
}

.dots__small-dots.active {
  display: block;
}

.dots__item, .dots__sub-item {
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
  margin: 1.875rem 0;
  border-radius: 50%;
  background-color: #c8ced5;
  cursor: pointer;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.dots__item.active, .dots__sub-item.active {
  background-color: #7b8b99;
}

.dots__sub-item {
  width: 1.125rem;
  height: 1.125rem;
  margin: 1.5625rem auto;
}

.dots.hide-small .dots__small-dots {
  display: none;
}

body.blue .dots__item,
body.blue .dots__sub-item {
  background-color: #b2dcf4;
}

body.blue .dots__item.active,
body.blue .dots__sub-item.active {
  background-color: #2f8bbf;
}

.bottle {
  position: fixed;
  top: 16.25rem;
  left: 0;
  right: 0;
  z-index: 100;
  width: 50rem;
  height: 257.5rem;
  margin: auto;
  opacity: 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transition: opacity 1s, bottom 1s, left 1s, top 1s, width 1s, height 1s, margin-left 10ms;
  transition: opacity 1s, bottom 1s, left 1s, top 1s, width 1s, height 1s, margin-left 10ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 768px) {
  .bottle {
    position: static;
    top: 42.5rem;
    bottom: auto;
    width: 21.5625rem;
    height: auto;
    margin-left: auto !important;
    -webkit-transition: top 1s, width 1s, opacity 0.5s, margin-top 0.5s, -webkit-transform 1s;
    transition: top 1s, width 1s, opacity 0.5s, margin-top 0.5s, -webkit-transform 1s;
    transition: top 1s, width 1s, opacity 0.5s, transform 1s, margin-top 0.5s;
    transition: top 1s, width 1s, opacity 0.5s, transform 1s, margin-top 0.5s, -webkit-transform 1s;
  }
  .bottle_load {
    position: fixed;
  }
}

.bottle_intro {
  top: auto;
  bottom: -178.75rem;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .bottle_intro {
    bottom: -153.75rem;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .bottle_intro {
    bottom: -125rem;
    width: 50rem;
    height: 194.5rem;
  }
}

.bottle_fast-duration {
  -webkit-transition: opacity 1s, bottom 10ms, left 10ms, top 0ms, width 10ms, height 10ms, margin-left 10ms;
  transition: opacity 1s, bottom 10ms, left 10ms, top 0ms, width 10ms, height 10ms, margin-left 10ms;
}

.bottle_no-duration {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 1s, width 1s, height 1s, left 0, top 0, bottom 0, margin-left 0;
  transition: opacity 1s, width 1s, height 1s, left 0, top 0, bottom 0, margin-left 0;
  position: fixed;
  z-index: 1000;
}

.bottle_visible {
  opacity: 1;
}

.bottle_load {
  top: auto;
  bottom: 43.75rem;
  width: 9.0625rem;
  height: 35.5rem;
  margin-left: 50% !important;
  /* для альбомной ориентации и ширине меньше 768*/
}

@media screen and (max-width: 768px) {
  .bottle_load {
    position: fixed;
    left: 50%;
    margin: 0 !important;
    top: 50%;
    width: 4.375rem;
    height: 12.5rem;
  }
  .bottle_load .bottle__loader-bg {
    /* safari fix */
    border-radius: 0 0 0.625rem 0.625rem !important;
    -webkit-border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .bottle_load .bottle__loader-bg::before {
    top: -0.9375rem;
  }
  .bottle_load .bottle__loader {
    border-radius: 0 0 0.625rem 0.625rem !important;
    -webkit-border-radius: 0 0 0.625rem 0.625rem !important;
  }
  .bottle_load .bottle__container {
    position: relative;
    left: -50%;
    top: -50%;
    margin: 0;
  }
}

@media all and (orientation: landscape) and (max-width: 768px) and (min-height: 1270px) {
  .bottle_load {
    width: 1.875rem;
    height: 5rem;
  }
  .bottle_load .bottle__loader-bg {
    /* safari fix */
    border-radius: 0 0 0.4375rem 0.4375rem;
    -webkit-border-radius: 0 0 0.4375rem 0.4375rem;
  }
  .bottle_load .bottle__loader-bg::before {
    top: -0.4375rem;
  }
  .bottle_load .bottle__loader {
    border-radius: 0 0 0.4375rem 0.4375rem !important;
    -webkit-border-radius: 0 0 0.4375rem 0.4375rem !important;
  }
}

.bottle_load .bottle__loader {
  display: block;
}

.bottle_load .bottle__loader-bg {
  height: 60%;
  -webkit-animation: load 25s;
          animation: load 25s;
}

.bottle_load .bottle__img_1 {
  opacity: 0;
}

.bottle_load .bottle__scheme {
  opacity: 0;
}

.bottle_spray .bottle__img_cap,
.bottle_spray .bottle__spray {
  top: 3.75rem;
}

@media screen and (max-width: 768px) {
  .bottle_spray .bottle__img_cap,
  .bottle_spray .bottle__spray {
    top: 1.875rem;
  }
}

@media screen and (max-width: 768px) {
  .bottle_fade {
    opacity: 0;
    -webkit-transform-origin: center;
            transform-origin: center;
  }
}

.bottle_move {
  bottom: -250rem;
  left: 1875rem;
  opacity: 0;
  -webkit-transform: scale(400);
          transform: scale(400);
  -webkit-animation: move 2s;
          animation: move 2s;
}

.bottle_hide {
  display: none;
}

.bottle_structure {
  width: 15.625rem;
  height: 62.5rem;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .bottle_structure {
    top: 35rem;
  }
}

.bottle_structure .bottle__img_cap {
  top: 0.125rem;
  -webkit-transition: none;
  transition: none;
}

.bottle_structure .bottle__spray {
  display: none;
}

.bottle_top {
  top: -75rem;
  opacity: 0;
}

.bottle_scheme .bottle__scheme {
  height: 68.75rem;
}

.bottle_scheme .bottle__pic {
  position: absolute;
  height: 0;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.bottle__container {
  position: relative;
  display: block;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .bottle__container {
    min-height: 100%;
    height: auto;
  }
}

.bottle__img {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bottle__img_2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 22.125rem;
}

.bottle__img_cap {
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 100%;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}

.bottle__spray {
  position: absolute;
  top: 0;
  right: 6.875rem;
  margin-top: 2.5rem;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}

@media (min-aspect-ratio: 16 / 9) {
  .bottle__spray {
    right: 5.875rem;
  }
}

@media screen and (max-width: 768px) {
  .bottle__spray {
    right: 2.5rem;
    margin-top: 0.9375rem;
  }
}

.bottle__spray canvas {
  position: absolute;
  bottom: -1.875rem;
  top: auto !important;
  z-index: auto !important;
}

@media screen and (max-width: 768px) {
  .bottle__spray canvas {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}

.bottle__spray img.lower-canvas {
  position: absolute;
  bottom: 0;
  display: none;
}

.bottle__pic {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  -webkit-transition: height 1s;
  transition: height 1s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  will-change: height;
}

@media screen and (max-width: 768px) {
  .bottle__pic {
    min-height: 100%;
    height: auto;
  }
}

.bottle__scheme {
  position: absolute;
  left: -3.625rem;
  bottom: -4.125rem;
  display: block;
  width: 22.125rem;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 1.1s;
  transition: height 1.1s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: height;
}

.bottle__scheme .canvas-container {
  z-index: -1;
  bottom: 0 !important;
  position: absolute !important;
}

.bottle__loader {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
  overflow: hidden;
  border-radius: 0 0 1.25rem 1.25rem;
  -webkit-border-radius: 0 0 1.25rem 1.25rem;
}

.bottle__loader-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding-top: 2.5rem;
  background-clip: padding-box;
  background-color: #5d7080;
}

.bottle__loader-bg:before {
  position: absolute;
  top: -2.1875rem;
  left: 0;
  display: block;
  width: 100%;
  height: 2.5rem;
  content: '';
  background: url(../img/assets/bottle/load-bg.png) no-repeat 0 0;
  background-size: 100%;
}

body.scroll .bottle {
  bottom: -178.75rem !important;
  left: -75rem !important;
  width: 66.25rem !important;
  opacity: 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
}

body.scroll .bottle__spray, body.scroll .bottle__scheme {
  display: none;
}

body.scroll .bottle__img {
  opacity: 1 !important;
  -webkit-transition: none;
  transition: none;
}

@-webkit-keyframes load {
  0% {
    height: 0;
  }
  100% {
    height: 60%;
  }
}

@keyframes load {
  0% {
    height: 0;
  }
  100% {
    height: 60%;
  }
}

@-webkit-keyframes move {
  0% {
    bottom: -178.75rem;
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    bottom: -250rem;
    left: 1875rem;
    opacity: 0.5;
    -webkit-transform: scale(400);
            transform: scale(400);
  }
}

@keyframes move {
  0% {
    bottom: -178.75rem;
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    bottom: -250rem;
    left: 1875rem;
    opacity: 0.5;
    -webkit-transform: scale(400);
            transform: scale(400);
  }
}

@media screen and (max-width: 768px) {
  .bottle {
    -webkit-transition: 0ms !important;
    transition: 0ms !important;
  }
}

.bottle-btn {
  position: fixed;
  left: 0;
  bottom: 60.9375rem;
  right: 0;
  z-index: 101;
  margin: auto;
  width: 35rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .bottle-btn {
    bottom: 85.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .bottle-btn {
    display: none;
  }
}

.bottle-btn_hide {
  display: none;
}

.bottle-btn_visible {
  opacity: 1;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

.bottle-btn_color2 .bottle-btn__round_top:before {
  border-color: #fff;
}

.bottle-btn_color2 .bottle-btn__round_top:after {
  background-color: rgba(255, 255, 255, 0.5);
}

.bottle-btn_color2 .bottle-btn__line:before {
  border-color: #fff;
}

.bottle-btn__line {
  position: absolute;
  top: -0.625rem;
  left: -3.125rem;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: width 1s, height 1s;
  transition: width 1s, height 1s;
}

.bottle-btn__line_visible {
  width: 18.75rem;
  height: 16.875rem;
}

.bottle-btn__line:before {
  position: absolute;
  top: 0;
  left: -18.75rem;
  display: block;
  width: 37.5rem;
  height: 33.75rem;
  float: right;
  border: 0.25rem dashed #909faa;
  border-radius: 50%;
  content: '';
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}

.bottle-btn__round {
  position: absolute;
  width: 8.125rem;
  height: 8.125rem;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.bottle-btn__round:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 4.875rem;
  height: 4.875rem;
  border: 0.25rem solid #909faa;
  border-radius: 50%;
  content: '';
  -webkit-transition: width 0.5s, height 0.5s, opacity 0.5s, border-color 0.5s;
  transition: width 0.5s, height 0.5s, opacity 0.5s, border-color 0.5s;
}

.bottle-btn__round:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  content: '';
  background-color: rgba(144, 159, 170, 0.7);
  -webkit-transition: background-color 0.5s, width 0.5s, height 0.5s;
  transition: background-color 0.5s, width 0.5s, height 0.5s;
}

.bottle-btn__round_top {
  top: -4.6875rem;
  left: -9.375rem;
  border-color: #909faa;
  opacity: 0;
}

.bottle-btn__round_top:before {
  width: 3.375rem;
  height: 3.375rem;
  opacity: 0;
}

.bottle-btn__round_bottom {
  top: 14.625rem;
  left: 11.375rem;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.bottle-btn__round_visible.bottle-btn__round_top {
  opacity: 1;
}

.bottle-btn__round_visible.bottle-btn__round_top:after {
  width: 7.75rem;
  height: 7.75rem;
}

.bottle-btn__round_visible.bottle-btn__round_bottom {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.bottle-btn__round_active.bottle-btn__round_top:after {
  width: 3.375rem;
  height: 3.375rem;
}

.bottle-btn__round_active.bottle-btn__round_top:before {
  width: 4.875rem;
  height: 4.875rem;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.bottle-btn__round_active.bottle-btn__round_bottom:after {
  width: 7.75rem;
  height: 7.75rem;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.bottle-btn__round_active.bottle-btn__round_bottom:before {
  width: 3.375rem;
  height: 3.375rem;
  opacity: 0;
}

.bottle-btn__toggle {
  position: absolute;
  width: 4.875rem;
  height: 4.875rem;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
}

.bottle-btn__toggle:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: rgba(94, 112, 128, 0.8);
  opacity: 0;
  content: '';
  -webkit-transition: width 0.5s, height 0.5s;
  transition: width 0.5s, height 0.5s;
  cursor: default;
}

.bottle-btn__toggle:after {
  position: absolute;
  top: -3.125rem;
  left: -3.5625rem;
  width: 11.5rem;
  height: 5.625rem;
  background-image: url(../img/assets/bottle-btn/btn-text.png);
  background-size: cover;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor: default;
}

.bottle-btn__toggle_visible {
  opacity: 1;
}

.bottle-btn__toggle_visible:before {
  width: 8.125rem;
  height: 8.125rem;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.bottle-btn__toggle_visible:after {
  opacity: 1;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

.bottle-btn__toggle_top {
  top: -3.125rem;
  left: -7.75rem;
  -webkit-animation: btn-move-top 1s;
          animation: btn-move-top 1s;
}

.bottle-btn__toggle_top .bottle-btn__icon .icon {
  -webkit-animation: icon-rotate-top 1s;
          animation: icon-rotate-top 1s;
}

.bottle-btn__toggle_bottom {
  top: 16.1875rem;
  left: 13rem;
  -webkit-animation: btn-move-bottom 1s;
          animation: btn-move-bottom 1s;
}

.bottle-btn__toggle_bottom:after {
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.bottle-btn__toggle_bottom .bottle-btn__icon .icon {
  -webkit-transform: rotate(-90deg) translate(-50%, -50%);
          transform: rotate(-90deg) translate(-50%, -50%);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-animation: icon-rotate-bottom 1s;
          animation: icon-rotate-bottom 1s;
}

.bottle-btn__icon {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f0f0f0;
  box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.bottle-btn__icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 1.25rem;
  fill: #7b8b99;
}

body.scroll .bottle-btn {
  display: none;
}

@-webkit-keyframes btn-move-bottom {
  from {
    -webkit-transform: rotate(0deg) translateY(-20rem) rotate(0deg);
            transform: rotate(0deg) translateY(-20rem) rotate(0deg);
    top: 16.8125rem;
    left: -7.75rem;
  }
  to {
    -webkit-transform: rotate(90deg) translateY(-20rem) rotate(-90deg);
            transform: rotate(90deg) translateY(-20rem) rotate(-90deg);
    top: 16.1875rem;
    left: -7.125rem;
  }
}

@keyframes btn-move-bottom {
  from {
    -webkit-transform: rotate(0deg) translateY(-20rem) rotate(0deg);
            transform: rotate(0deg) translateY(-20rem) rotate(0deg);
    top: 16.8125rem;
    left: -7.75rem;
  }
  to {
    -webkit-transform: rotate(90deg) translateY(-20rem) rotate(-90deg);
            transform: rotate(90deg) translateY(-20rem) rotate(-90deg);
    top: 16.1875rem;
    left: -7.125rem;
  }
}

@-webkit-keyframes btn-move-top {
  from {
    -webkit-transform: rotate(0deg) translateX(20rem) rotate(0deg);
            transform: rotate(0deg) translateX(20rem) rotate(0deg);
    top: 16.1875rem;
    left: -7.125rem;
  }
  to {
    -webkit-transform: rotate(-90deg) translateX(20rem) rotate(90deg);
            transform: rotate(-90deg) translateX(20rem) rotate(90deg);
    top: 16.8125rem;
    left: -7.75rem;
  }
}

@keyframes btn-move-top {
  from {
    -webkit-transform: rotate(0deg) translateX(20rem) rotate(0deg);
            transform: rotate(0deg) translateX(20rem) rotate(0deg);
    top: 16.1875rem;
    left: -7.125rem;
  }
  to {
    -webkit-transform: rotate(-90deg) translateX(20rem) rotate(90deg);
            transform: rotate(-90deg) translateX(20rem) rotate(90deg);
    top: 16.8125rem;
    left: -7.75rem;
  }
}

@-webkit-keyframes icon-rotate-bottom {
  from {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
            transform: rotate(0deg) translate(-50%, -50%);
  }
  to {
    -webkit-transform: rotate(90deg) translate(-50%, 50%);
            transform: rotate(90deg) translate(-50%, 50%);
  }
}

@keyframes icon-rotate-bottom {
  from {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
            transform: rotate(0deg) translate(-50%, -50%);
  }
  to {
    -webkit-transform: rotate(90deg) translate(-50%, 50%);
            transform: rotate(90deg) translate(-50%, 50%);
  }
}

@-webkit-keyframes icon-rotate-top {
  from {
    -webkit-transform: rotate(-90deg) translate(50%, -50%);
            transform: rotate(-90deg) translate(50%, -50%);
  }
  to {
    -webkit-transform: rotate(-180deg) translate(50%, 50%);
            transform: rotate(-180deg) translate(50%, 50%);
  }
}

@keyframes icon-rotate-top {
  from {
    -webkit-transform: rotate(-90deg) translate(50%, -50%);
            transform: rotate(-90deg) translate(50%, -50%);
  }
  to {
    -webkit-transform: rotate(-180deg) translate(50%, 50%);
            transform: rotate(-180deg) translate(50%, 50%);
  }
}

.hand {
  position: fixed;
  display: none;
  width: 6.25rem;
  height: 6.25rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .hand {
    display: block;
  }
  .hand_visible {
    opacity: 1;
  }
}

.hand_bottom {
  right: 2.5rem;
  top: 56.875rem;
}

.hand_bottom:before {
  position: absolute;
  top: -2.1875rem;
  left: 1.875rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url(../img/minified-svg/down-arrow.svg);
  background-size: 1.5625rem;
  content: '';
  -webkit-animation: point-bottom 1s infinite;
          animation: point-bottom 1s infinite;
}

.hand_side {
  left: 0;
  right: 0;
  bottom: 3.125rem;
  margin: auto;
  display: none;
}

.hand_side:before, .hand_side:after {
  position: absolute;
  top: 0rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url(../img/minified-svg/down-arrow.svg);
  background-size: 1.5625rem;
  content: '';
  -webkit-animation: point-bottom 1s infinite;
          animation: point-bottom 1s infinite;
}

.hand_side:before {
  left: 0;
  -webkit-animation: point-left 1s infinite;
          animation: point-left 1s infinite;
}

.hand_side:after {
  right: 0.625rem;
  -webkit-animation: point-right 1s infinite;
          animation: point-right 1s infinite;
}

.hand .icon {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes point-bottom {
  0% {
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
  }
}

@keyframes point-bottom {
  0% {
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.9375rem);
            transform: translateY(-0.9375rem);
  }
}

@-webkit-keyframes point-left {
  0% {
    -webkit-transform: translateX(-0.9375rem) rotate(90deg);
            transform: translateX(-0.9375rem) rotate(90deg);
  }
  50% {
    -webkit-transform: translateX(0) rotate(90deg);
            transform: translateX(0) rotate(90deg);
  }
  100% {
    -webkit-transform: translateX(-0.9375rem) rotate(90deg);
            transform: translateX(-0.9375rem) rotate(90deg);
  }
}

@keyframes point-left {
  0% {
    -webkit-transform: translateX(-0.9375rem) rotate(90deg);
            transform: translateX(-0.9375rem) rotate(90deg);
  }
  50% {
    -webkit-transform: translateX(0) rotate(90deg);
            transform: translateX(0) rotate(90deg);
  }
  100% {
    -webkit-transform: translateX(-0.9375rem) rotate(90deg);
            transform: translateX(-0.9375rem) rotate(90deg);
  }
}

@-webkit-keyframes point-right {
  0% {
    -webkit-transform: translateX(0.9375rem) rotate(-90deg);
            transform: translateX(0.9375rem) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(0) rotate(-90deg);
            transform: translateX(0) rotate(-90deg);
  }
  100% {
    -webkit-transform: translateX(0.9375rem) rotate(-90deg);
            transform: translateX(0.9375rem) rotate(-90deg);
  }
}

@keyframes point-right {
  0% {
    -webkit-transform: translateX(0.9375rem) rotate(-90deg);
            transform: translateX(0.9375rem) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(0) rotate(-90deg);
            transform: translateX(0) rotate(-90deg);
  }
  100% {
    -webkit-transform: translateX(0.9375rem) rotate(-90deg);
            transform: translateX(0.9375rem) rotate(-90deg);
  }
}

.mfp-close-btn-in .mfp-close {
  top: -6.25rem;
  right: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  font-size: 0;
  background-color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .mfp-close-btn-in .mfp-close {
    top: -3.125rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}

.mfp-close-btn-in .mfp-close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  content: '';
  background-image: url(../img/assets/popup/cancel.svg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .mfp-close-btn-in .mfp-close:before {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.mfp-wrap {
  overflow-y: auto;
}

.popup-wrapp {
  display: none;
}

.popup_video {
  position: relative;
  width: 100rem;
  height: 56.25rem;
  margin: auto;
  background: url(../img/assets/video-popup/preview.jpg) no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .popup_video {
    width: 100%;
    height: auto;
  }
}

.popup_video video {
  max-width: 100%;
}

.popup_video video::-webkit-media-controls {
  overflow: hidden !important;
}

.popup_video video::-webkit-media-controls-enclosure {
  width: calc(100% + 32px);
  margin-left: auto;
}

.popup_video video::-webkit-media-controls-fullscreen-button {
  margin-right: 32px;
}

.intro1 {
  background: -webkit-linear-gradient(top, #fafdff 0%, #e6f6ff 100%);
  background: linear-gradient(to bottom, #fafdff 0%, #e6f6ff 100%);
}

@media screen and (max-width: 768px) {
  .intro1 {
    background: none;
  }
}

.intro1__info {
  position: absolute;
  top: 25rem;
  left: 20.625rem;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .intro1__info {
    top: 43.75rem;
  }
}

@media screen and (max-width: 768px) {
  .intro1__info {
    position: static;
    margin-top: 12.8125rem;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
}

.intro1__info_visible {
  opacity: 1;
}

.intro1__title {
  margin: 0;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 23.4375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3125rem;
  color: #38a5e4;
}

@media screen and (max-width: 768px) {
  .intro1__title {
    font-size: 6.875rem;
    letter-spacing: -0.125rem;
  }
}

.intro1__subtitle {
  margin-left: 0.875rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 5.9375rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: -0.15625rem;
  color: #5e7080;
}

@media screen and (max-width: 768px) {
  .intro1__subtitle {
    margin-left: 0;
    font-size: 3.75rem;
    letter-spacing: -0.125rem;
  }
}

.intro1__text {
  position: relative;
  margin-top: 5.3125rem;
  padding-left: 13.75rem;
  width: 38.75rem;
  font-size: 2.125rem;
  line-height: 1.41176;
  letter-spacing: -0.04375rem;
  color: #5e7080;
}

@media screen and (max-width: 768px) {
  .intro1__text {
    width: 100%;
    margin-top: 0.9375rem;
    padding-left: 0;
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: 0;
  }
}

.intro1__img {
  position: absolute;
  top: 0.625rem;
  left: 2.8125rem;
  width: 8rem;
  height: 5.25rem;
}

@media screen and (max-width: 768px) {
  .intro1__img {
    display: none;
  }
}

.intro1__img_mobile {
  position: static;
  display: none;
  width: 7.1875rem;
  margin: 0 auto 0.625rem;
}

@media screen and (max-width: 768px) {
  .intro1__img_mobile {
    display: block;
  }
}

body.scroll .intro1__subtitle, body.scroll .intro1__text, body.scroll .intro1__img {
  opacity: 0;
}

html.ie .intro1__title {
  font-size: 21.875rem;
  letter-spacing: -1.25rem;
}

@media screen and (max-width: 768px) {
  html.ie .intro1__title {
    font-size: 6.875rem;
    letter-spacing: -0.125rem;
  }
}

.intro1-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.intro1-bg__inner {
  padding-top: 41.94%;
  /* высота/ширина изображения */
  display: block;
  height: 0;
}

.intro1__drop1, .intro1__drop2, .intro1__drop3, .intro1__drop4 {
  position: absolute;
  height: auto;
  z-index: 1;
}

.intro1__drop1 {
  top: 20%;
  left: 12%;
  width: 12%;
}

.intro1__drop2 {
  top: 45%;
  left: 42%;
  width: 11%;
}

.intro1__drop3 {
  top: 70%;
  right: 15%;
  width: 5%;
}

.intro1__drop4 {
  bottom: 10%;
  left: 15%;
  width: 2%;
}

@media screen and (max-width: 768px) {
  .intro1__drop1, .intro1__drop2, .intro1__drop3, .intro1__drop4 {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .intro2 {
    background: none;
  }
}

.intro2_no-bg {
  background: transparent;
}

.intro2__info {
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.intro2__info_1 {
  top: 33.125rem;
  left: 12.5rem;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .intro2__info_1 {
    top: 51.875rem;
  }
}

.intro2__info_2 {
  top: 38.75rem;
  right: 12.5rem;
  text-align: right;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .intro2__info_2 {
    top: 57.5rem;
  }
}

@media screen and (max-width: 768px) {
  .intro2__info {
    position: static;
    top: 7.125rem;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
  }
}

.intro2__info_fixed {
  position: fixed;
  z-index: 101;
}

.intro2__info_hidden {
  opacity: 0;
}

.intro2__info_visible {
  opacity: 1;
}

.intro2__info_hide {
  display: none;
}

.intro2__info_color2 .intro2__title {
  color: #03497c;
}

.intro2__info_color2 .intro2__text {
  color: #edf9ff;
}

.intro2__info_top {
  top: -50%;
  opacity: 0;
  -webkit-transition: top 2s, opacity 2s;
  transition: top 2s, opacity 2s;
}

.intro2__title {
  display: inline-block;
  width: 37.5rem;
  margin: 0;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 5.625rem;
  font-weight: 700;
  line-height: 1;
  color: #38a5e4;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

@media screen and (max-width: 768px) {
  .intro2__title {
    width: 100%;
    font-size: 4.875rem;
  }
}

.intro2__text {
  margin-top: 3.3125rem;
  font-size: 2.125rem;
  line-height: 1.35294;
  letter-spacing: -0.04375rem;
  color: #5e7080;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

.intro2__text_1 {
  width: 43.75rem;
}

@media screen and (max-width: 768px) {
  .intro2__text_1 {
    width: 31.25rem;
  }
}

.intro2__text_2 {
  width: 39.375rem;
}

@media screen and (max-width: 768px) {
  .intro2__text_2 {
    width: 29.6875rem;
  }
}

@media screen and (max-width: 768px) {
  .intro2__text {
    margin: 2.5rem auto 0;
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: 0.01563rem;
    text-align: center;
  }
  .intro2__text br {
    display: none;
  }
}

body.blue .intro2 {
  background: transparent;
}

body.transparent .intro2 {
  background: -webkit-linear-gradient(top, #e6f6ff 0%, #fff 100%);
  background: linear-gradient(to bottom, #e6f6ff 0%, #fff 100%);
}

body.scroll .intro2__info {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.intro3 {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .intro3 {
    height: initial;
  }
  .intro3 .m-slide {
    height: initial;
  }
  .intro3 .intro3__footer,
  .intro3 .elements__drop,
  .intro3 .elements__element {
    opacity: 1 !important;
  }
}

.intro3__info {
  opacity: 1;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

.intro3__info .elements.transform-scale-06 {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.intro3__info .elements.transform-scale-08 {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.intro3__info .elements.transform-scale-09 {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

.intro3__info_visible {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .intro3__info_visible {
    position: static;
  }
  .intro3__info_visible .elements {
    position: relative;
    height: 56.25rem;
  }
}

.intro3__info_visible .elements__drop {
  opacity: 1;
}

.intro3__info_visible .elements__element {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .intro3__info_visible .elements__element {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.intro3__info_visible .intro3__footer {
  opacity: 1;
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}

@media screen and (max-width: 768px) {
  .intro3__info_visible .intro3__footer {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

@media screen and (max-width: 768px) {
  .intro3__info {
    position: static;
  }
  .intro3__info .elements {
    position: relative;
  }
  .intro3__info .intro3__footer,
  .intro3__info .elements__element {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.intro3__footer {
  position: absolute;
  left: 12.5rem;
  bottom: 7.8125rem;
  height: 7.5rem;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

@media screen and (max-width: 768px) {
  .intro3__footer {
    left: 6.875rem;
    bottom: auto;
    top: 0;
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .intro3__footer_active {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 14.1875rem;
    text-align: center;
    background-color: rgba(55, 165, 228, 0.95);
  }
  .intro3__footer_active .intro3__close, .intro3__footer_active .intro3__text, .intro3__footer_active .intro3__footnote {
    display: block;
  }
  .intro3__footer_active .intro3__btn {
    display: none;
  }
  .intro3__footer_active .intro3__desk {
    color: #003a65;
  }
  .intro3__footer_active .intro3__icon {
    width: 11.25rem;
    height: 5.875rem;
  }
  .intro3__footer_active .intro3__ttl {
    font-size: 2.1875rem;
  }
  .intro3__footer_active .intro3__numb {
    font-size: 4.375rem;
  }
  .intro3__footer_active .intro3__small {
    font-weight: bold;
    font-size: 2.1875rem;
  }
}

.intro3__icon {
  display: inline-block;
  vertical-align: top;
  width: 12.625rem;
  height: 7.5rem;
}

@media screen and (max-width: 768px) {
  .intro3__icon {
    width: 9.75rem;
    height: 5rem;
  }
}

.intro3__desk {
  display: inline-block;
  vertical-align: top;
  margin-top: -0.25rem;
  width: 18.75rem;
  margin-left: 2.8125rem;
}

@media screen and (max-width: 768px) {
  .intro3__desk {
    margin-left: 1.5rem;
    margin-top: 0;
  }
}

.intro3__ttl {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 2.25rem;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .intro3__ttl {
    margin-bottom: -0.3125rem;
    font-size: 1.75rem;
    font-weight: bold;
    letter-spacing: -0.0625rem;
  }
}

.intro3__numb {
  font-size: 4.5rem;
  letter-spacing: -0.1875rem;
}

@media screen and (max-width: 768px) {
  .intro3__numb {
    font-size: 3.5rem;
    letter-spacing: -0.1875rem;
  }
}

.intro3__small {
  margin-left: 0.75rem;
  font-size: 2.25rem;
}

@media screen and (max-width: 768px) {
  .intro3__small {
    text-transform: uppercase;
    font-size: 1.75rem;
  }
}

.intro3__text {
  display: inline-block;
  vertical-align: top;
  margin-left: 11.875rem;
  margin-top: -0.625rem;
  width: 84.375rem;
  font-size: 2.125rem;
  line-height: 1.35294;
  letter-spacing: -0.05rem;
}

@media screen and (max-width: 768px) {
  .intro3__text {
    display: none;
    margin-top: 2.1875rem;
    margin-left: auto;
    margin-right: auto;
    width: 33.75rem;
    font-size: 2rem;
    line-height: 1.1875;
    letter-spacing: 0;
  }
  .intro3__text br {
    display: none;
  }
}

.intro3__footnote {
  position: absolute;
  margin-top: 2.1875rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
  line-height: 1.08333;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.34);
}

@media screen and (max-width: 768px) {
  .intro3__footnote {
    position: relative;
    display: none;
    width: 25rem;
    margin-top: 5rem;
    font-size: 1.75rem;
    line-height: 1.21429;
    color: #fff;
  }
  .intro3__footnote:before {
    position: absolute;
    top: -2.5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2.5rem;
    height: 0.3125rem;
    background-color: #fff;
    content: '';
  }
}

.intro3__btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .intro3__btn {
    display: block;
    width: 25.625rem;
    height: 6.25rem;
    margin-top: 1.75rem;
    line-height: 6.25rem;
    border: 0.125rem solid #fff;
    border-radius: 0.625rem;
    font-size: 1.75rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
  }
}

.intro3__close {
  position: absolute;
  top: 1.25rem;
  right: 1.875rem;
  z-index: 1010;
  display: none;
  width: 3.75rem;
  height: 2.75rem;
}

.intro3__close:before, .intro3__close:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 0.3125rem;
  content: '';
  background-color: #003a65;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.intro3__close:before {
  top: -0.125rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.intro3__close:after {
  bottom: -0.125rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .intro3 {
    opacity: 1;
    position: static;
  }
  .intro3__info {
    opacity: 1;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
  }
  .intro3__info_visible {
    position: static;
  }
}

body.scroll .intro3__info {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.intro3-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}

@media only screen and (min-width: 768px) {
  .intro3-bg {
    background-image: url("../img/assets/intro/intro_1-6-768.png");
  }
}

@media only screen and (min-width: 1200px) {
  .intro3-bg {
    background-image: url("../img/assets/intro/intro_1-6-1600.png");
  }
}

@media only screen and (min-width: 1600px) {
  .intro3-bg {
    background-image: url("../img/assets/intro/intro_1-6-full.png");
  }
}

@media screen and (max-width: 768px) {
  .intro3 {
    position: relative;
    height: auto;
  }
  .intro3-bg {
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .intro4 .m-slide {
    padding-bottom: 0;
  }
}

.intro4__info {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: top 1s, opacity 1s;
  transition: top 1s, opacity 1s;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .intro4__info {
    top: 18.75rem;
  }
}

@media screen and (max-width: 768px) {
  .intro4__info {
    position: relative;
    top: 0;
    height: auto;
  }
}

.intro4__info_top {
  top: -100%;
  opacity: 0;
}

.intro4__info_visible {
  opacity: 1;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
}

.intro4__info_hide {
  display: none;
}

.intro4__title {
  position: absolute;
  top: 78.125rem;
  left: 50%;
  margin-left: -12.5rem;
  width: 25rem;
  font-size: 2rem;
  line-height: 1.4375;
  text-align: center;
  letter-spacing: -0.0625rem;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  color: #0c618f;
}

@media screen and (max-width: 768px) {
  .intro4__title {
    display: none;
  }
}

.intro4__title_mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .intro4__title_mobile {
    position: static;
    display: block;
    width: 100%;
    margin-top: 10.625rem;
    margin-left: 0;
    font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 4.875rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.0625rem;
    line-height: 1;
    opacity: 1;
    color: #003a65;
  }
}

.intro4__title_small {
  margin: 0;
  font-size: 2.875rem;
}

.intro4__title_visible {
  opacity: 1;
}

.intro4__scheme {
  display: none;
}

@media screen and (max-width: 768px) {
  .intro4__scheme {
    display: block;
    width: 22.8125rem;
    margin: auto;
  }
  .intro4__scheme img {
    width: 100%;
  }
}

.intro4__item {
  position: absolute;
  left: 50%;
}

.intro4__item_1 {
  top: 21.875rem;
  margin-left: -63.75rem;
}

@media screen and (max-width: 768px) {
  .intro4__item_1 .intro4__text {
    width: 26.875rem;
  }
}

.intro4__item_2 {
  top: 49.0625rem;
  margin-left: -53.125rem;
}

@media screen and (max-width: 768px) {
  .intro4__item_2 .intro4__sub-title,
  .intro4__item_2 .intro4__text {
    width: 25rem;
  }
}

.intro4__item_3 {
  top: 28.125rem;
  margin-left: 14.375rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .intro4__item_3 {
    margin-top: -0.75rem;
  }
}

.intro4__item_4 {
  top: 50rem;
  margin-left: 35.625rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .intro4__item {
    position: static;
    width: 30rem;
    margin-top: 6.875rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.intro4__item.visible .intro4__sub-title, .intro4__item.visible .intro4__text {
  top: 0;
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.intro4__icon {
  display: none;
}

@media screen and (max-width: 768px) {
  .intro4__icon {
    display: block;
    width: 14.6875rem;
    margin: auto;
  }
}

.intro4__sub-title {
  position: relative;
  top: -1.875rem;
  margin-bottom: 1.25rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  color: #1775a8;
  opacity: 0;
  -webkit-transition: top 0.5s, opacity 0.5s;
  transition: top 0.5s, opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .intro4__sub-title {
    position: static;
    margin: 1.25rem auto 2.5rem;
    font-size: 3.5rem;
    color: #003a65;
    opacity: 1;
  }
}

.intro4__text {
  position: relative;
  top: -1.875rem;
  padding-left: 0.3125rem;
  font-size: 2rem;
  line-height: 1.4375;
  letter-spacing: -0.08125rem;
  color: #fff;
  opacity: 0;
  -webkit-transition: top 0.5s, opacity 0.5s;
  transition: top 0.5s, opacity 0.5s;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

@media screen and (max-width: 768px) {
  .intro4__text {
    position: static;
    margin: auto;
    padding-left: 0;
    line-height: 1.25;
    letter-spacing: 0;
    opacity: 1;
  }
  .intro4__text br {
    display: none;
  }
}

.intro4__line-cont {
  position: absolute;
  left: 50%;
  display: block;
}

.intro4__line-cont_1 {
  top: 27.8125rem;
  margin-left: -29.375rem;
  width: 34.375rem;
  height: 6.875rem;
}

@media screen and (max-width: 768px) {
  .intro4__line-cont_1 {
    top: 10.3125rem;
    left: 9.375rem;
    width: 9.375rem;
    height: 6.75rem;
    margin-left: 0;
  }
}

.intro4__line-cont_2 {
  top: 62.25rem;
  margin-left: 0.625rem;
  width: 33.75rem;
  height: 9.375rem;
}

@media screen and (max-width: 768px) {
  .intro4__line-cont_2 {
    display: none;
  }
}

.intro4__line {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: width 0.5s, height 0.5s;
  transition: width 0.5s, height 0.5s;
}

.intro4__line_1 {
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .intro4__line_1 {
    width: 100%;
    height: 100%;
  }
}

.intro4__line_1:before {
  top: -55.625rem;
  right: 0;
}

@media screen and (max-width: 768px) {
  .intro4__line_1:before {
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
  }
}

.intro4__line_1.visible {
  width: 34.375rem;
  height: 6.875rem;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.intro4__line_2 {
  left: 0;
  bottom: 0;
}

.intro4__line_2:before {
  left: 0;
  bottom: -53.25rem;
}

.intro4__line_2.visible {
  width: 33.75rem;
  height: 9.375rem;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.intro4__line:before {
  position: absolute;
  display: block;
  width: 62.5rem;
  height: 62.5rem;
  border: 0.25rem dashed #fff;
  border-radius: 50%;
  content: '';
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}

@media screen and (max-width: 768px) {
  .intro4__line:before {
    width: 20rem;
    height: 20rem;
    border-width: 0.1875rem;
  }
}

.intro4__dot {
  position: absolute;
  left: 50%;
}

.intro4__dot:before, .intro4__dot:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .intro4__dot:before, .intro4__dot:after {
    opacity: 1;
  }
}

.intro4__dot_1 {
  top: 34rem;
  margin-left: -30.625rem;
}

@media screen and (max-width: 768px) {
  .intro4__dot_1 {
    top: 9.0625rem;
    left: 9.1875rem;
    margin-left: 0;
  }
}

.intro4__dot_1:after {
  top: -6.5625rem;
  left: 23.125rem;
}

@media screen and (max-width: 768px) {
  .intro4__dot_1:after {
    top: 7.3125rem;
    left: 9.8125rem;
  }
}

.intro4__dot_2 {
  top: 62rem;
  margin-left: 34.8125rem;
}

@media screen and (max-width: 768px) {
  .intro4__dot_2 {
    display: none;
  }
}

.intro4__dot_2:after {
  top: 9.375rem;
  left: -25.75rem;
}

.intro4__dot.visible:before {
  opacity: 1;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.intro4__dot.visible:after {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.intro4__desc {
  position: absolute;
  top: 18.75rem;
  left: 50%;
  margin-left: 28.125rem;
  width: 15rem;
  font-size: 1.5rem;
  line-height: 1.33333;
  color: #0c618f;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

.intro4__desc_visible {
  opacity: 1;
}

.intro4__desc .icon {
  position: absolute;
  left: -8.75rem;
  width: 7.5625rem;
  height: 6rem;
}

body.scroll .intro4__info {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

html.ie .intro4__sub-title {
  letter-spacing: -0.3125rem;
}

.intro4__info {
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
  .intro4__info {
    background-image: url("../img/assets/intro/intro_1-7-768.png");
  }
}

@media only screen and (min-width: 1200px) {
  .intro4__info {
    background-image: url("../img/assets/intro/intro_1-7-1600.png");
  }
}

@media only screen and (min-width: 1600px) {
  .intro4__info {
    background-image: url("../img/assets/intro/intro_1-7-full.png");
  }
}

@media screen and (max-width: 768px) {
  .intro4__title {
    position: relative;
    top: 0;
    left: 0;
  }
  .intro4__item {
    position: relative;
    top: 0;
    left: 0;
  }
}

.elements {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 43.75rem;
  height: 31.25rem;
  margin: auto;
  -webkit-transition: left 0.5s, top 0.5s;
  transition: left 0.5s, top 0.5s;
  z-index: 3;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 768px) {
  .elements {
    top: 20rem;
    bottom: auto;
    width: 24.375rem;
    height: 20.625rem;
    height: 35rem;
    top: 0;
    margin-top: 20rem;
  }
}

.elements__drop {
  position: relative;
  width: 100%;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.elements__element {
  position: absolute;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 1s, -webkit-transform 0.5s;
  transition: opacity 1s, -webkit-transform 0.5s;
  transition: opacity 1s, transform 0.5s;
  transition: opacity 1s, transform 0.5s, -webkit-transform 0.5s;
}

.elements__element_active .elements__name {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  color: #fff;
}

@media screen and (max-width: 768px) {
  .elements__element_active .elements__name {
    -webkit-transform: none;
            transform: none;
    color: #003a65;
  }
}

.elements__element_active .elements__icon_minus {
  opacity: 1;
}

.elements__element_active .elements__border {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.elements__element_active .elements__title {
  top: 0;
  opacity: 1;
}

.elements__element_active .elements__text {
  top: 0;
  opacity: 1;
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.elements__element_active .elements__text:last-child {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.elements__element_cu {
  top: -25rem;
  left: -26.875rem;
}

.elements__element_cu:before {
  top: 32.5rem;
  left: 37.5rem;
}

@media screen and (max-width: 768px) {
  .elements__element_cu {
    top: -10.9375rem;
    left: -2.125rem;
  }
  .elements__element_cu:before {
    top: 6rem;
    left: 7.125rem;
  }
  .elements__element_cu:after {
    top: 11.75rem;
    left: 12.875rem;
  }
}

.elements__element_mn {
  top: -25rem;
  left: 44.375rem;
}

.elements__element_mn:before {
  top: 31.25rem;
  left: -17.5rem;
}

@media screen and (max-width: 768px) {
  .elements__element_mn {
    top: -10.8125rem;
    left: 19.375rem;
  }
  .elements__element_mn:before {
    top: 7.875rem;
    left: 2.875rem;
  }
  .elements__element_mn:after {
    top: 12.625rem;
    left: -0.75rem;
  }
}

.elements__element_mg {
  top: 23.75rem;
  left: -27.5rem;
}

.elements__element_mg:before {
  top: -4.0625rem;
  left: 43.75rem;
}

@media screen and (max-width: 768px) {
  .elements__element_mg {
    top: 19.375rem;
    left: -2.125rem;
  }
  .elements__element_mg:before {
    top: -2.75rem;
    left: 3.375rem;
  }
  .elements__element_mg:after {
    top: -6.75rem;
    left: 7.5rem;
  }
}

.elements__element_se {
  top: 23.75rem;
  left: 48.75rem;
}

.elements__element_se:before {
  top: -6.875rem;
  left: -12.5rem;
}

@media screen and (max-width: 768px) {
  .elements__element_se {
    top: 19.375rem;
    left: 19.375rem;
  }
  .elements__element_se:before {
    top: -2.5rem;
    left: 1.5rem;
  }
  .elements__element_se:after {
    top: -7.25rem;
    left: -5.125rem;
  }
  .elements__element_se .elements__name {
    left: 1.25rem;
  }
}

.elements__element:before {
  position: absolute;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #fff;
  content: '';
}

@media screen and (max-width: 768px) {
  .elements__element:before, .elements__element:after {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #fff;
    content: '';
  }
}

.elements__name {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17.5rem;
  font-weight: bold;
  line-height: 1;
  color: rgba(255, 255, 255, 0.4);
  -webkit-transition: color 0.5s, -webkit-transform 0.5s;
  transition: color 0.5s, -webkit-transform 0.5s;
  transition: color 0.5s, transform 0.5s;
  transition: color 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (max-width: 768px) {
  .elements__name {
    top: 1.5625rem;
    left: 0.8125rem;
    z-index: 120;
    font-size: 3.5rem;
    color: #003a65;
  }
}

.elements__toggle {
  position: absolute;
  z-index: 110;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  cursor: pointer;
}

.elements__toggle_cu {
  top: 18.75rem;
  left: 18.75rem;
}

.elements__toggle_mn {
  top: 18.125rem;
  left: -5.625rem;
}

.elements__toggle_mg {
  top: 5.625rem;
  left: 28.125rem;
}

.elements__toggle_se {
  top: 0;
  left: -7.5rem;
}

.elements__toggle:before {
  position: absolute;
  top: -1.5625rem;
  left: -1.5625rem;
  z-index: 0;
  width: 8.125rem;
  height: 8.125rem;
  border-radius: 50%;
  background-color: #1775a8;
  -webkit-animation: toggle 1.5s infinite;
          animation: toggle 1.5s infinite;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  content: '';
  cursor: default;
}

.elements__toggle_active:before {
  background-color: rgba(23, 117, 168, 0.5);
}

.elements__toggle:hover .icon {
  width: 1.875rem;
  height: 1.875rem;
}

@media screen and (max-width: 768px) {
  .elements__toggle {
    top: 0;
    left: 0;
    width: 6.5rem;
    height: 6.5rem;
  }
  .elements__toggle:before {
    top: -1.125rem;
    left: -1.125rem;
    width: 8.75rem;
    height: 8.75rem;
    background-color: #1775a8;
    -webkit-animation: toggle 1.5s infinite;
            animation: toggle 1.5s infinite;
  }
}

.elements__icon {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f0f0f0;
  box-shadow: 0.625rem 0.625rem 1.875rem rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.elements__icon_minus {
  z-index: 1;
  opacity: 0;
}

.elements__icon .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
  fill: #7b8b99;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 768px) {
  .elements__icon .icon {
    display: none;
  }
}

.elements__line {
  position: absolute;
  display: block;
  overflow: hidden;
}

.elements__line_cu {
  top: 24.375rem;
  left: 20.9375rem;
  width: 16.25rem;
  height: 9.0625rem;
}

@media screen and (max-width: 768px) {
  .elements__line_cu {
    top: 6.375rem;
    left: 7.4375rem;
    width: 6.25rem;
    height: 6.25rem;
  }
}

.elements__line_cu:before {
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  .elements__line_cu:before {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
  }
}

.elements__line_mn {
  top: 21.25rem;
  left: -15.625rem;
  width: 12.5rem;
  height: 11.25rem;
}

@media screen and (max-width: 768px) {
  .elements__line_mn {
    top: 8.875rem;
    left: -0.125rem;
    width: 4rem;
    height: 5rem;
  }
}

.elements__line_mn:before {
  right: 0;
  bottom: 0;
}

.elements__line_mg {
  top: -2.5rem;
  left: 30.9375rem;
  width: 14.375rem;
  height: 10rem;
}

@media screen and (max-width: 768px) {
  .elements__line_mg {
    top: -6.375rem;
    left: 4.1875rem;
    width: 4.6875rem;
    height: 4.6875rem;
  }
}

.elements__line_mg:before {
  right: 0;
  bottom: 0;
}

.elements__line_se {
  top: -8.125rem;
  left: -11.875rem;
  width: 8.125rem;
  height: 8.75rem;
}

@media screen and (max-width: 768px) {
  .elements__line_se {
    top: -6.5625rem;
    left: -5.125rem;
    width: 6.5625rem;
    height: 4.6875rem;
  }
}

.elements__line_se:before {
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .elements__line_se:before {
    left: 0;
    bottom: 0;
    top: auto;
    right: auto;
  }
}

.elements__line:before {
  position: absolute;
  display: block;
  width: 31.25rem;
  height: 31.25rem;
  border: 0.25rem dashed #fff;
  border-radius: 50%;
  content: '';
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}

@media screen and (max-width: 768px) {
  .elements__line:before {
    width: 15.625rem;
    height: 15.625rem;
    border-width: 0.125rem;
  }
}

.elements__info {
  position: absolute;
  width: 40.625rem;
  padding: 1.875rem;
}

@media screen and (max-width: 768px) {
  .elements__info {
    display: none;
  }
}

.elements__info_cu {
  top: 25rem;
  left: -22.5rem;
}

.elements__info_mn {
  top: 24.375rem;
  left: 2.5rem;
}

.elements__info_mg {
  top: -20.625rem;
  left: -20rem;
}

.elements__info_se {
  top: -23.75rem;
  left: 3.125rem;
}

.elements__info_se .elements__text:nth-of-type(2) {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  line-height: 1.16667;
}

.elements__info_se .elements__text:nth-of-type(2):before {
  display: none;
}

.elements__border {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-right: 0.25rem solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.elements__border:before, .elements__border:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.25rem;
  content: '';
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 30%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 30%);
}

.elements__border:before {
  top: 0;
}

.elements__border:after {
  bottom: 0;
}

.elements__title {
  position: relative;
  top: -1.875rem;
  font-size: 2.625rem;
  font-weight: 700;
  opacity: 0;
  -webkit-transition: opacity 0.5s, top 0.5s;
  transition: opacity 0.5s, top 0.5s;
}

.elements__text {
  position: relative;
  top: -1.875rem;
  margin-top: 0.625rem;
  font-size: 2.125rem;
  line-height: 1.35294;
  letter-spacing: -0.0625rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s, top 0.5s;
  transition: opacity 0.5s, top 0.5s;
}

.elements__text:before {
  margin-right: 1.25rem;
  margin-left: -1.875rem;
  content: '\2022';
}

@-webkit-keyframes toggle {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes toggle {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.8;
  }
}

body.open-popup header {
  position: absolute;
}

body.open-popup .bottle {
  visibility: hidden;
}

html.safari body.open-popup {
  z-index: -1000;
}

html.safari body.open-popup header {
  z-index: -1000;
}

.elements-slider {
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 120;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(55, 165, 228, 0.95);
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .elements-slider {
    display: block;
    z-index: 1000;
  }
}

.elements-slider_active {
  left: 0;
  opacity: 1;
}

.elements-slider_active .hand {
  display: block;
  opacity: 1;
}

.elements-slider_swipe .slick-dots {
  opacity: 1 !important;
}

.elements-slider_swipe .hand {
  opacity: 0;
}

.elements-slider__inner {
  height: 100%;
}

.elements-slider__slide {
  width: 100%;
  height: 100%;
  padding-top: 11.5625rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .elements-slider__slide {
    padding-top: 5.625rem;
  }
}

.elements-slider__slide_se .elements-slider__text:nth-last-of-type(1) {
  font-weight: 400;
}

.elements-slider__name {
  font-size: 10.875rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

.elements-slider__title {
  margin-bottom: 5.3125rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 4.875rem;
  font-weight: bold;
  line-height: 1;
  color: #003a65;
}

@media screen and (max-width: 768px) {
  .elements-slider__title {
    margin-bottom: 3.125rem;
  }
}

.elements-slider__text {
  position: relative;
  width: 32.5rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .elements-slider__text {
    margin-bottom: 4.0625rem;
    font-size: 1.5rem;
  }
}

.elements-slider__text:last-child:before {
  position: absolute;
  top: -2.5rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 3.4375rem;
  height: 0.3125rem;
  background-color: #fff;
  content: '';
}

@media screen and (max-width: 768px) {
  .elements-slider__text:last-child:before {
    top: -2.1875rem;
  }
}

.elements-slider__close {
  position: absolute;
  top: 1.25rem;
  right: 1.875rem;
  z-index: 1010;
  width: 3.75rem;
  height: 2.75rem;
}

.elements-slider__close:before, .elements-slider__close:after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 0.3125rem;
  content: '';
  background-color: #003a65;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.elements-slider__close:before {
  top: -0.125rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.elements-slider__close:after {
  bottom: -0.125rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.elements-slider .slick-dots {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  position: absolute;
  left: 0;
  bottom: 4.375rem;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.elements-slider .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  margin: 0 0.75rem;
  border-radius: 50%;
  overflow: hidden;
  background: #c4e6fa;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}

.elements-slider .slick-dots li.slick-active {
  background: #0c507f;
}

.elements-slider .slick-dots button {
  background: none;
  border: none;
  font-size: 0;
  width: 100%;
  height: 100%;
}

html.safari .elements-slider__slide_se .elements-slider__title {
  margin-bottom: 1.25rem;
}

html.safari .elements-slider__slide_se .elements-slider__text {
  margin-bottom: 1.875rem;
}

html.safari .elements-slider__slide_se .elements-slider__text:last-child:before {
  top: -0.9375rem;
}

#products,
#posts {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .product.bg-blue .product__title {
    color: #1683c2;
    -webkit-transition-delay: 10ms;
            transition-delay: 10ms;
  }
}

.product__info {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .product__info {
    position: static;
  }
}

@media screen and (min-width: 769px) {
  .product__info_clean {
    background: none !important;
  }
}

.product__info_show {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-position-y: 0;
  background-position-x: 4rem;
  background-size: 100% 104%;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
  .product__info_show {
    background-image: url("../img/assets/product/product-768");
  }
}

@media only screen and (min-width: 1200px) {
  .product__info_show {
    background-image: url("../img/assets/product/product-1600.png");
  }
}

@media only screen and (min-width: 1600px) {
  .product__info_show {
    background-image: url("../img/assets/product/product-full.png");
  }
}

.product__info_show .product-filter,
.product__info_show .product__text {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.product__info_show .product-list {
  left: 9.5rem;
}

.product__info_show .product-list_baby-0 {
  left: 30rem;
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product__info_show .product-list_baby-0 {
    left: 40rem;
  }
}

.product__info_show .product-list_baby-1 {
  left: 48rem;
  width: 80rem;
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product__info_show .product-list_baby-1 {
    left: 62rem;
  }
}

.product__info_hide {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.product__info_hide .product-list,
.product__info_hide .product2__text,
.product__info_hide .product-filter {
  opacity: 0;
}

.product__info_hide .product-list {
  -webkit-transform: translateY(-31.25rem);
          transform: translateY(-31.25rem);
}

.product__title {
  position: fixed;
  top: 31.25rem;
  left: 0;
  right: 0;
  z-index: 0;
  width: 106.25rem;
  margin: auto;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 18.75rem;
  text-align: center;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.3125rem;
  color: #38a5e4;
  opacity: 0;
  -webkit-transition: top 0.1s, opacity 1s, color 10ms;
  transition: top 0.1s, opacity 1s, color 10ms;
}

@media screen and (max-width: 768px) {
  .product__title {
    position: static;
    width: 100%;
    padding-top: 5.625rem;
    margin-bottom: 1.5rem;
    opacity: 1;
    font-size: 5.625rem;
    line-height: 1.11111;
    letter-spacing: 0;
    position: relative;
    top: 0;
  }
}

.product__title_show {
  top: 31.25rem;
  z-index: 1;
  opacity: 1;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .product__title_show {
    top: 50rem;
  }
}

.product__title_hide {
  top: -12.5rem;
}

.product__text {
  position: absolute;
  right: 12.5rem;
  bottom: 10.5rem;
  font-size: 2.2rem;
  text-align: right;
  line-height: 1.4;
  color: #5e7080;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .product__text {
    display: none;
  }
}

@media screen and (min-aspect-ratio: 15 / 9) and (min-width: 769px) {
  .product__text {
    bottom: 7rem;
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product__text {
    bottom: 7rem;
  }
}

.product__txt {
  display: none;
}

@media screen and (max-width: 768px) {
  .product__txt {
    display: block;
    width: 26.875rem;
    margin: auto;
    font-size: 2rem;
    text-align: center;
    letter-spacing: -0.0625rem;
    color: #003a65;
  }
}

.product__footnote {
  position: absolute;
  bottom: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 13rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 1.5rem;
  line-height: 1.25;
  color: #4a4a4a;
  letter-spacing: -0.0625rem;
}

@media screen and (max-width: 768px) {
  .product__footnote {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2rem 5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    color: #10406a;
  }
}

@media screen and (min-aspect-ratio: 15 / 9) and (min-width: 769px) {
  .product__footnote {
    bottom: 3.5rem;
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product__footnote {
    bottom: 3.5rem;
  }
}

body.scroll .product__text {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

@media screen and (max-width: 768px) {
  .product .m-slide {
    padding-bottom: 0;
  }
}

.product-list {
  position: absolute;
  left: 100%;
  top: 36.125rem;
  width: 147.5rem;
  height: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: left 1s, opacity 1s, -webkit-transform 1s;
  transition: left 1s, opacity 1s, -webkit-transform 1s;
  transition: left 1s, opacity 1s, transform 1s;
  transition: left 1s, opacity 1s, transform 1s, -webkit-transform 1s;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .product-list {
    top: 40.625rem;
  }
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 15 / 9) {
  .product-list {
    top: 25rem;
  }
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 16 / 9) {
  .product-list {
    width: 180rem;
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product-list {
    top: 25rem;
  }
}

@media screen and (max-width: 768px) {
  .product-list {
    position: static;
    width: 100%;
    height: auto;
    display: block;
  }
}

.product-list_baby-0, .product-list_baby-1 {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  top: 40rem;
}

@media screen and (min-aspect-ratio: 15 / 9) and (min-width: 769px) {
  .product-list_baby-0, .product-list_baby-1 {
    top: 25rem;
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product-list_baby-0, .product-list_baby-1 {
    top: 25rem;
  }
}

.product-list_baby-0.product-list_all .product-list__baby-all, .product-list_baby-1.product-list_all .product-list__baby-all {
  opacity: 0;
}

.product-list_baby-0 .product-list__age, .product-list_baby-1 .product-list__age {
  top: -6.75rem;
}

.product-list_baby-0 {
  width: 110.5rem;
}

.product-list_baby-0 .product-list__item_baby-1 {
  display: none;
}

.product-list_baby-0 .product-list__baby {
  opacity: 1;
}

.product-list_baby-0 .product-list__age_1 {
  display: none;
}

.product-list_baby-0 .product-list__age_0 {
  left: -8rem;
}

.product-list_baby-1 .product-list__age_0 {
  display: none;
}

.product-list_baby-1 .product-list__age_1 {
  left: -3rem;
}

.product-list_all .product-list__baby-all {
  opacity: 1;
}

.product-list_baby-1 .product-list__item_baby-0 {
  display: none;
}

.product-list_load .product-list__bg,
.product-list_load .product-list__canvas-container,
.product-list_load .product-list__canvas {
  width: 62.5rem;
  height: 62.5rem;
}

.product-list__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .product-list__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.product-list__age {
  position: absolute;
  top: -1.75rem;
  color: #d0ebfa;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 5.0625rem;
  font-weight: 700;
  line-height: 1.1563;
}

.product-list__age_1 {
  left: 4rem;
}

.product-list__age_0 {
  left: 60rem;
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product-list__age_0 {
    left: 75rem;
  }
}

@media screen and (max-width: 768px) {
  .product-list__age {
    display: none;
  }
}

.product-list__item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 25%;
}

@media screen and (min-width: 769px) {
  .product-list__item_5, .product-list__item_4 {
    top: 6.5rem;
  }
}

@media screen and (min-width: 769px) {
  .product-list__item_3 {
    -webkit-transform: translate(-1rem, 0) scale(1.1);
            transform: translate(-1rem, 0) scale(1.1);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
  .product-list__item_3:hover {
    -webkit-transform: translate(-1rem, 0);
            transform: translate(-1rem, 0);
  }
}

@media screen and (max-width: 768px) {
  .product-list__item {
    display: block;
    width: 30.3125rem;
    margin: 3.75rem auto 0;
    padding-top: 15.625rem;
    padding-bottom: 2.8125rem;
    border-radius: 0.625rem;
    background-color: #fff;
  }
  .product-list__item:before {
    position: absolute;
    right: 1.875rem;
    display: block;
    width: 6rem;
    height: 6rem;
    border: 0.125rem solid #858F98;
    border-radius: 50%;
    background-size: 5rem;
    background-position: center;
    content: '';
  }
  .product-list__item_1:before, .product-list__item_2:before {
    top: 16.25rem;
    background-image: url(../img/assets/product/age1.svg);
    background-repeat: no-repeat;
  }
  .product-list__item_3:before, .product-list__item_4:before, .product-list__item_5:before {
    top: 8.75rem;
    background-image: url(../img/assets/product/age0.png);
    background-repeat: no-repeat;
  }
  .product-list__item_3:before {
    top: 16rem;
  }
}

.product-list__item:hover {
  z-index: 10;
}

.product-list__item:hover .product-list__img {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

@media screen and (max-width: 768px) {
  .product-list__item:hover .product-list__img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.product-list__item:hover .product-list__canvas-container {
  opacity: 1;
}

.product-list__item:hover .product-list__title {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (min-width: 769px) {
  .product-list__item .mobile {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .product-list__item .desktop {
    display: none;
  }
}

.product-list__img {
  margin: auto;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (max-width: 768px) {
  .product-list__img {
    display: block;
  }
}

.product-list__img_1 {
  width: 16rem;
}

@media screen and (max-width: 768px) {
  .product-list__img_1 {
    width: 14.375rem;
  }
}

.product-list__img_2, .product-list__img_3 {
  width: 16rem;
}

@media screen and (max-width: 768px) {
  .product-list__img_2, .product-list__img_3 {
    width: 14.125rem;
  }
}

.product-list__img_4 {
  width: 26.5625rem;
}

@media screen and (max-width: 768px) {
  .product-list__img_4 {
    width: 24.375rem;
  }
}

.product-list__img_5 {
  width: 27.25rem;
}

@media screen and (max-width: 768px) {
  .product-list__img_5 {
    width: 25rem;
  }
}

.product-list__title {
  margin-top: 8.75rem;
  text-transform: uppercase;
  text-align: center;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  color: #5e7080;
  opacity: 0;
}

@media screen and (min-aspect-ratio: 15 / 9) and (min-width: 769px) {
  .product-list__title {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product-list__title {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
}

.product-list__title .mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .product-list__title {
    position: absolute;
    top: 1.5625rem;
    left: 0;
    right: 0;
    display: block;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 23.125rem;
    font-size: 2.625rem;
    letter-spacing: -0.0625rem;
    text-align: center;
    opacity: 1;
  }
  .product-list__title .mobile {
    display: inline;
  }
  .product-list__title .desktop {
    display: none;
  }
}

.product-list__name {
  margin-right: 0.625rem;
  text-transform: none;
  font-weight: 700;
  font-size: 2.5rem;
  color: #3aa7e5;
}

@media screen and (max-width: 768px) {
  .product-list__name {
    display: block;
    margin-right: 0;
    margin-bottom: 0.625rem;
    font-size: 4.875rem;
  }
}

.product-list__baby {
  position: absolute;
  top: -17rem;
  left: 14rem;
  z-index: 0;
  width: 78.25rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.product-list__baby-all {
  position: absolute;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .product-list__baby-all {
    display: none;
  }
}

.product-list__baby-all_1 {
  top: 0.875rem;
  left: 2rem;
  width: 59.25rem;
}

.product-list__baby-all_2 {
  top: -16rem;
  left: 59rem;
  width: 79.25rem;
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product-list__baby-all_2 {
    left: 80rem;
  }
}

.product-list__bg {
  display: none;
  width: 300px;
  height: 300px;
}

.product-list__canvas-container {
  width: 300px;
  height: 300px;
}

@media screen and (max-width: 768px) {
  .product-list__canvas-container {
    display: none;
  }
}

.product-list__canvas-container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.5s, left 0.5s, top 0.5s;
  transition: opacity 0.5s, left 0.5s, top 0.5s;
}

.product-list__canvas-container_1, .product-list__canvas-container_2, .product-list__canvas-container_5 {
  -webkit-transform: translate(-18%, -22%);
          transform: translate(-18%, -22%);
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product-list__canvas-container_1, .product-list__canvas-container_2, .product-list__canvas-container_5 {
    -webkit-transform: translate(-11%, -22%);
            transform: translate(-11%, -22%);
  }
}

.product-list__canvas-container_3, .product-list__canvas-container_4 {
  -webkit-transform: translate(-16%, -35%);
          transform: translate(-16%, -35%);
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product-list__canvas-container_3, .product-list__canvas-container_4 {
    -webkit-transform: translate(-10%, -35%);
            transform: translate(-10%, -35%);
  }
}

.product-list__badge {
  position: absolute;
  left: -0.5rem;
  top: 15rem;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 19.25rem;
  height: 11.625rem;
  padding-right: 2rem;
  padding-left: 1rem;
  padding-bottom: 2rem;
  margin-top: -0.25rem;
  font-family: "Fira Sans Condensed", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  background-image: url("../img/assets/product-card/badge-back.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .product-list__badge {
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 11.875rem;
    height: 6.875rem;
    padding-right: 1rem;
    padding-bottom: 0.75rem;
    -webkit-transform: none;
            transform: none;
  }
}

.product-list__badge_baby-spray {
  top: 30.625rem;
  right: -4rem;
}

@media screen and (min-width: 769px) {
  .product-list__badge_baby-spray {
    width: 21rem;
  }
  .product-list__badge_baby-spray .product-card__badge-title {
    padding-top: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .product-list__badge_baby-spray {
    top: 50%;
    left: 50%;
  }
}

.product-list__badge-title {
  font-size: 2.3125rem;
  font-weight: bold;
  line-height: 1.13514;
}

@media screen and (max-width: 768px) {
  .product-list__badge-title {
    font-size: 1.4375rem;
  }
}

.product-list__badge-text {
  font-size: 1.875rem;
  letter-spacing: -0.03125rem;
}

@media screen and (max-width: 768px) {
  .product-list__badge-text {
    font-size: 1.1875rem;
  }
}

body.scroll .product-list {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.product__info .product-list__canvas-container_1,
.product__info .product-list__canvas-container_2 {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.product__info.product__info_show .product-list__canvas-container_1,
.product__info.product__info_show .product-list__canvas-container_2 {
  -webkit-transform: translate(-18%, -22%);
          transform: translate(-18%, -22%);
}

.product-filter {
  position: absolute;
  bottom: 14.625rem;
  left: 13rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .product-filter {
    display: none;
  }
}

.product-filter__list {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.product-filter__item {
  display: inline-block;
  vertical-align: middle;
  height: 4.5rem;
  line-height: 4.5rem;
  border-radius: 0.625rem;
  color: #023b66;
}

.product-filter__item_active {
  background-color: #8ac3e4;
  color: #fff;
}

.product-filter__tag {
  display: block;
  padding: 0 1.25rem;
  font-size: 1.375rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
  color: inherit;
}

body.scroll .product-filter {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.product-card {
  position: relative;
  height: 100vh;
  background-color: #f6fcff;
}

@media screen and (max-width: 1280px) and (min-height: 1024px) {
  .product-card {
    margin-bottom: -23.75rem;
  }
}

@media screen and (max-width: 768px) {
  .product-card {
    height: auto;
    margin-bottom: 0;
    background: -webkit-linear-gradient(top, #e6f6ff 0%, #fff 100%);
    background: linear-gradient(to bottom, #e6f6ff 0%, #fff 100%);
  }
}

@media screen and (max-width: 768px) {
  .product-card:before {
    display: none;
  }
}

.product-card_baby-spray {
  min-height: 100vh;
  /* height: auto;*/
  height: 100%;
}

.product-card_baby-spray:before {
  display: none;
}

.product-card:before {
  content: '';
  position: absolute;
  z-index: 10;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 100%;
  background-size: contain;
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .product-card:before {
    background-image: url("../img/assets/product-card/product-datail-768.png");
  }
}

@media only screen and (min-width: 1200px) {
  .product-card:before {
    background-image: url("../img/assets/product-card/product-datail-1600.png");
  }
}

@media only screen and (min-width: 1600px) {
  .product-card:before {
    background-image: url("../img/assets/product-card/product-datail-full.png");
  }
}

.product-card__blob {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .product-card__blob {
    display: none;
  }
}

.product-card__blob_1 {
  z-index: 15;
  top: -4.375rem;
  left: -3.75rem;
  width: 9.875rem;
}

.product-card__blob_2 {
  top: 11.5625rem;
  right: 0;
  width: 14.5rem;
}

.product-card__blob_3 {
  bottom: 10rem;
  left: 4.6875rem;
  width: 7rem;
}

.product-card__blob_4 {
  right: 1.125rem;
  bottom: 6.3125rem;
  width: 6.75rem;
}

.product-card__blob_5 {
  bottom: 0;
  left: 8.875rem;
  width: 6.6875rem;
}

.product-card__blob_6 {
  right: 18.4375rem;
  bottom: 0;
  width: 47.4375rem;
}

.product-card__blob_7 {
  right: 0;
  bottom: 8.125rem;
  width: 2.75rem;
}

.product-card__info {
  position: absolute;
  z-index: 3;
  top: 20.625rem;
  left: 12.5rem;
}

@media screen and (max-width: 768px) {
  .product-card__info {
    position: static;
    padding-top: 6.875rem;
  }
}

.product-card__info_baby-spray {
  position: relative;
  left: 0;
  top: 0;
  /*margin-top: 422px;*/
  /*margin-top: rem(448);*/
  margin-left: 13rem;
}

@media screen and (min-aspect-ratio: 15 / 9) and (min-width: 769px) {
  .product-card__info_baby-spray {
    padding-top: 25rem;
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product-card__info_baby-spray {
    margin-top: 25rem;
  }
}

.product-card__info_baby-spray .product-card__text {
  max-width: 44rem;
  line-height: 1.4;
  font-size: 2.2rem;
}

.product-card__info_baby-spray .product-card__text_bold {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 768px) {
  .product-card__info_baby-spray .product-card__text_bold {
    margin-bottom: 3.5rem;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .product-card__info_baby-spray {
    margin-top: 0;
    margin-left: 0;
  }
}

.product-card__desc {
  position: absolute;
  z-index: 11;
  top: 42.5rem;
  right: 12.5rem;
  width: 34.375rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .product-card__desc {
    position: static;
    width: auto;
    text-align: left;
  }
}

.product-card__desc_baby-spray {
  right: 13.625rem;
  top: 520px;
  top: 34.5rem;
  width: 36.25rem;
}

.product-card__desc_baby-spray .product-card__list {
  font-size: 2.25rem;
}

.product-card__title {
  margin: 0 0 3.4375rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 11.25rem;
  font-weight: 700;
  line-height: 1;
  color: #3aa7e5;
  letter-spacing: -0.125rem;
}

@media screen and (max-width: 768px) {
  .product-card__title {
    margin-bottom: 32.8125rem;
    font-size: 4.875rem;
    text-align: center;
    letter-spacing: 0.0625rem;
  }
}

.product-card__title_aerosol {
  margin-bottom: 3.25rem;
}

@media screen and (max-width: 768px) {
  .product-card__title_aerosol {
    margin-bottom: 32.8125rem;
  }
}

.product-card__title_aspirator {
  margin-bottom: 2.8125rem;
}

@media screen and (max-width: 768px) {
  .product-card__title_aspirator {
    margin-bottom: 32.8125rem;
  }
}

.product-card__title_forte {
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 768px) {
  .product-card__title_forte {
    margin-bottom: 32.8125rem;
  }
}

@media screen and (min-width: 769px) {
  .product-card__title_baby-spray {
    font-size: 12rem;
    letter-spacing: -0.25rem;
  }
}

.product-card__title_sub-title-box {
  margin-bottom: 9.5rem;
}

@media screen and (max-width: 768px) {
  .product-card__title_sub-title-box {
    margin-bottom: 32.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .product-card__title_sub-title-box + .product-card__text_bold {
    margin-bottom: 3.4375rem;
  }
}

.product-card__title_sub-title-box + .product-card__text_bold + .product-card__text {
  margin-bottom: 2.5rem;
}

.product-card__sub-title {
  display: block;
  width: 35rem;
  margin-top: 2.5rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1;
  color: #5e7080;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .product-card__sub-title {
    width: auto;
    margin-top: 1.25rem;
    font-size: 2.625rem;
  }
}

.product-card__sub-title-head {
  display: block;
  font-size: 5rem;
  font-weight: 300;
  line-height: 1.075;
  color: #5e7080;
  letter-spacing: -0.05375rem;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .product-card__sub-title-head {
    margin-top: 1.25rem;
    margin-bottom: 0.1875rem;
    font-size: 2.625rem;
  }
}

.product-card__sub-title-text {
  display: block;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.3;
  color: #5e7080;
  letter-spacing: -0.0875rem;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .product-card__sub-title-text {
    font-size: 2.625rem;
  }
}

.product-card__text {
  max-width: 41.875rem;
  margin-bottom: 3.125rem;
  font-size: 2.125rem;
  line-height: 1.35294;
  color: #5e7080;
}

@media screen and (max-width: 768px) {
  .product-card__text {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
    font-size: 2rem;
    line-height: 1.1875;
    color: #003a65;
    letter-spacing: -0.0625rem;
  }
}

.product-card__text_bold {
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .product-card__text_bold {
    position: relative;
    margin-bottom: 3.4375rem;
    font-weight: 600;
  }
  .product-card__text_bold:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1.875rem;
    left: 0;
    width: 2.5rem;
    height: 0.3125rem;
    margin: auto;
    background-color: #003a65;
  }
}

.product-card__text_note-head {
  display: none;
}

@media screen and (max-width: 768px) {
  .product-card__text_note-head {
    display: block;
    font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
    color: #5e7080;
    font-size: 2.625rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.28px;
    margin-top: -3rem;
    margin-bottom: 0.5rem;
  }
}

.product-card__text_note-text {
  display: none;
}

.product-card__text_note-text span {
  display: inline;
}

@media screen and (max-width: 768px) {
  .product-card__text_note-text {
    display: block;
    font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #5e7080;
    letter-spacing: -0.62px;
    font-size: 2.625rem;
    padding: 0 0.75rem;
  }
}

.product-card__footnote {
  position: absolute;
  bottom: 6.25rem;
  left: 12.5rem;
  width: 42.5rem;
  font-size: 1.5rem;
  line-height: 1.25;
  color: #5e7080;
  letter-spacing: -0.0625rem;
}

@media screen and (max-width: 768px) {
  .product-card__footnote {
    position: static;
    width: auto;
    padding: 0 2.5rem;
    margin-top: 3.125rem;
    margin-bottom: 4.375rem;
    font-size: 1.75rem;
    line-height: 1.21429;
    letter-spacing: 0;
  }
}

.product-card__footnote_wide {
  position: relative;
  left: 0;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 0 12.5rem;
  margin-top: 118px;
  margin-bottom: 7.5rem;
  margin-left: 0;
  font-size: 1.25rem;
  line-height: 1.7;
  letter-spacing: -0.02937rem;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .product-card__footnote_wide {
    padding: 0 2.5rem;
    margin-top: 3.125rem;
    margin-bottom: 4.375rem;
    font-size: 1.75rem;
    line-height: 1.21429;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 768px) {
  .product-card__footnote-part:nth-child(2) {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .product-card__footnote-part .mobile {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .product-card__footnote-part .desktop {
    display: none;
  }
}

.product-card__btn {
  position: relative;
  display: inline-block;
  height: 6.25rem;
  padding-right: 2.8125rem;
  padding-left: 8.75rem;
  font-size: 1.5625rem;
  font-weight: bold;
  line-height: 6.5625rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 0.625rem;
  background-color: #36a5e4;
}

@media screen and (max-width: 768px) {
  .product-card__btn {
    display: none;
  }
}

.product-card__btn_mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .product-card__btn_mobile {
    display: block;
    width: 26.875rem;
    padding: 0;
    margin: 1.875rem auto 0;
    font-size: 1.75rem;
    text-align: center;
    letter-spacing: 0.0625rem;
  }
}

.product-card__btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 6.25rem;
  width: 0.125rem;
  height: 100%;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .product-card__btn:before {
    display: none;
  }
}

.product-card__btn .icon {
  position: absolute;
  top: 1.625rem;
  left: 1.875rem;
  width: 2.875rem;
  height: 2.875rem;
}

@media screen and (max-width: 768px) {
  .product-card__btn .icon {
    display: none;
  }
}

.product-card__age {
  display: inline-block;
  width: 8.0625rem;
  height: 8.0625rem;
  margin-bottom: 1.875rem;
  width: 9rem;
  height: 9rem;
  margin-bottom: remrem(16);
  margin-right: -1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.25rem;
  border: 0.25rem solid #858F98;
  border-radius: 50%;
}

.product-card__age_0 {
  background-image: url("../img/assets/product/age0.png");
}

.product-card__age_1 {
  background-image: url("../img/assets/product/age1.svg");
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .product-card__age {
    position: absolute;
    top: 21.5625rem;
    right: 3.125rem;
    width: 6rem;
    height: 6rem;
    border-width: 0.125rem;
  }
}

.product-card__link {
  position: relative;
  font-size: 1.5625rem;
  font-weight: 700;
  color: #023b66;
  letter-spacing: -0.0625rem;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .product-card__link {
    display: none;
  }
}

.product-card__link .icon {
  position: relative;
  top: -0.3125rem;
  left: 0.3125rem;
  display: inline-block;
  width: 3.5rem;
  height: 4.625rem;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .product-card__link .icon {
    display: none;
  }
}

.product-card__link-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .product-card__link-mobile {
    display: block;
    width: 26.875rem;
    height: 6.25rem;
    margin: auto;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 6.25rem;
    color: #37a5e4;
    text-align: center;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    border: 0.125rem solid #37a5e4;
    border-radius: 0.625rem;
  }
}

.product-card__back {
  display: none;
}

@media screen and (max-width: 768px) {
  .product-card__back {
    display: block;
    height: 6.875rem;
    margin-top: 4.375rem;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 6.875rem;
    color: #003a65;
    text-align: center;
    letter-spacing: 0.0625rem;
    text-transform: uppercase;
    background-color: #e6f6ff;
  }
  .product-card__back .icon {
    position: relative;
    top: -0.1875rem;
    width: 2.25rem;
    height: 2.25rem;
    vertical-align: middle;
    fill: #003a65;
  }
}

.product-card__pic {
  position: absolute;
  top: 20.625rem;
  left: 59.375rem;
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .product-card__pic {
    left: 75rem;
  }
}

@media screen and (max-width: 768px) {
  .product-card__pic {
    top: 20rem;
    left: 0;
    width: 100%;
  }
}

.product-card__pic_baby-spray {
  top: 357px;
  top: 24rem;
  left: 58rem;
  z-index: 3;
  width: 58.75rem;
}

@media screen and (max-width: 768px) {
  .product-card__pic_baby-spray {
    top: 20rem;
    left: 0;
    width: 100%;
  }
  .product-card__pic_baby-spray .product-card__badge {
    left: 50%;
    margin-top: 4.3125rem;
    margin-left: -4.875rem;
  }
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 16 / 9) {
  .product-card__pic_baby-spray {
    left: 75rem;
  }
}

@media screen and (min-width: 769px) and (min-aspect-ratio: 15 / 9) {
  .product-card__pic_baby-spray {
    top: 13rem;
  }
}

@media screen and (min-aspect-ratio: 14 / 9) and (min-width: 769px) and (max-width: 1280px) {
  .product-card__pic_baby-spray {
    top: 13rem;
  }
}

.product-card__pic_baby-spray .product-card__bg {
  width: 62.5rem;
}

.product-card__bg {
  width: 58.125rem;
  overflow: hidden;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (max-width: 768px) {
  .product-card__bg {
    display: none;
  }
}

.product-card__img {
  position: absolute;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

@media screen and (max-width: 768px) {
  .product-card__img {
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: none !important;
            transform: none !important;
  }
}

.product-card__img_aerosol {
  top: 2.8125rem;
  left: 11.25rem;
  width: 33.75rem;
}

@media screen and (max-width: 768px) {
  .product-card__img_aerosol {
    top: 0;
    right: 0;
    left: 0;
    width: 15.625rem;
  }
}

.product-card__img_forte {
  top: 2.8125rem;
  left: 12.5rem;
  width: 32.5rem;
}

@media screen and (max-width: 768px) {
  .product-card__img_forte {
    top: 0;
    right: 0;
    left: 0;
    width: 15.625rem;
  }
}

.product-card__img_aspirator {
  top: 23.4375rem;
  left: 0.3125rem;
  width: 54.375rem;
}

@media screen and (max-width: 768px) {
  .product-card__img_aspirator {
    top: 0;
    right: 0;
    left: 0;
    width: 26.875rem;
    margin-top: 3.125rem !important;
    margin-left: 2.5rem !important;
  }
}

.product-card__img_baby {
  top: 25.9375rem;
  left: 3.125rem;
  width: 50.625rem;
}

@media screen and (max-width: 768px) {
  .product-card__img_baby {
    top: 0;
    right: 0;
    left: 0;
    width: 25.625rem;
    margin-top: 3.125rem !important;
    margin-left: 3.75rem !important;
  }
}

.product-card__img_baby-spray {
  top: 25.75rem;
  left: 3.375rem;
  width: 49.6875rem;
}

@media screen and (max-width: 768px) {
  .product-card__img_baby-spray {
    width: 25.625rem;
    margin-top: 3.125rem !important;
    margin-left: 3.75rem !important;
  }
}

.product-card__small-img {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .product-card__small-img {
    display: none;
  }
}

.product-card__small-img_baby-spray {
  top: 3.75rem;
  right: -4.625rem;
  width: 15.375rem;
  height: 16.5rem;
}

.product-card__badge {
  position: absolute;
  top: 50%;
  right: 0.1875rem;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 19.25rem;
  height: 11.625rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
  margin-top: -0.25rem;
  font-family: "Fira Sans Condensed", sans-serif;
  color: #ffffff;
  text-align: right;
  text-transform: uppercase;
  background-image: url("../img/assets/product-card/badge.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .product-card__badge {
    z-index: 10;
    right: auto;
    left: 50%;
    width: 11.875rem;
    height: 6.875rem;
    padding-right: 1rem;
    padding-bottom: 0.75rem;
    -webkit-transform: none;
            transform: none;
  }
}

.product-card__badge_baby-spray {
  top: 30.625rem;
  right: -4rem;
}

@media screen and (min-width: 769px) {
  .product-card__badge_baby-spray {
    width: 21rem;
  }
  .product-card__badge_baby-spray .product-card__badge-title {
    padding-top: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .product-card__badge_baby-spray {
    top: 50%;
    left: 50%;
  }
}

.product-card__badge-title {
  font-size: 2.3125rem;
  font-weight: bold;
  line-height: 1.13514;
}

@media screen and (max-width: 768px) {
  .product-card__badge-title {
    font-size: 1.4375rem;
  }
}

.product-card__badge-text {
  font-size: 1.875rem;
  letter-spacing: -0.03125rem;
}

@media screen and (max-width: 768px) {
  .product-card__badge-text {
    font-size: 1.1875rem;
  }
}

.product-card br.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .product-card br.mobile {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .product-card br.desktop {
    display: none;
  }
}

.product-card__products-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .product-card__products-slider {
    position: static;
  }
}

@media screen and (min-width: 769px) {
  .product-card__products-slider_type-2 .product-card__product-img:nth-child(1):not(.product-card__product-img_active) {
    left: 1.6875rem;
  }
  .product-card__products-slider_type-2 .product-card__product-img:nth-child(2):not(.product-card__product-img_active) {
    left: 100%;
    -webkit-transform: translateX(-11rem);
            transform: translateX(-11rem);
  }
}

.product-card__products-slider-controls {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-top: 8.125rem;
  padding-left: 4rem;
}

@media screen and (max-width: 768px) {
  .product-card__products-slider-controls {
    display: none;
  }
}

.product-card__products-slider-controls::before {
  content: '';
  position: absolute;
  top: -1.5rem;
  left: 52%;
  width: 54.75rem;
  height: 7.25rem;
  background-image: url(../img/assets/product-card/rotate-area.png), url(../img/assets/product-card/rotate-area.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: center, 8.5rem 5.4rem;
  background-size: 100%, 37.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.product-card__products-slider-btn {
  width: 13rem;
  height: 5.0625rem;
  margin: 0 2rem;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 3.4375rem;
  font-weight: 300;
  line-height: 1.16364;
  color: #5e7080;
  letter-spacing: -0.04063rem;
  text-transform: uppercase;
  border: 0.1875rem solid #22afff;
  border-radius: 0.625rem;
  background-color: transparent;
  outline: none;
  -webkit-transform: translateX(-1.5625rem);
          transform: translateX(-1.5625rem);
}

.product-card__products-slider-btn_active, .product-card__products-slider-btn:hover {
  color: #fff;
  background-color: #22afff;
}

.product-card__products-slider-btn_order_1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.product-card__products-slider-btn_order_2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.product-card__products-pics {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .product-card__products-pics {
    position: static;
    -webkit-transform: none !important;
            transform: none !important;
    text-align: center;
  }
}

.product-card__product-img {
  position: absolute;
  -webkit-transition: all .5s;
  transition: all .5s;
  will-change: transform, left, filter, margin-left;
}

.product-card__product-img_notfilter {
  -webkit-filter: none !important;
          filter: none !important;
}

@media screen and (max-width: 768px) {
  .product-card__product-img {
    position: static;
    width: 13.75rem;
    height: auto;
    margin-top: 1.1875rem;
    margin-left: -0.8125rem;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
}

@media screen and (max-width: 768px) {
  .product-card__product-img:not(.product-card__product-img_mobile) {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .product-card__product-img_active {
    bottom: -0.0625rem;
    left: 55%;
    height: 41.5rem;
    margin-left: -11rem;
  }
}

@media screen and (min-width: 769px) {
  .product-card__product-img:not(.product-card__product-img_active) {
    bottom: 3.125rem;
    height: 23.75rem;
    -webkit-filter: blur(0.3125rem);
            filter: blur(0.3125rem);
  }
}

.product-card__list {
  padding: 0 0 0 4.5rem;
  margin: 2rem 0 2.5rem;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 1.35294;
  color: #5e7080;
  text-align: left;
  letter-spacing: -0.0625rem;
  list-style: none;
}

@media screen and (max-width: 768px) {
  .product-card__list {
    color: #003a65;
  }
}

.product-card__list-item {
  position: relative;
  margin-bottom: 1.0625rem;
}

.product-card__list-item::before {
  content: '•';
  position: absolute;
  top: -1.1875rem;
  left: -2rem;
  font-size: 3.125rem;
  color: #10406a;
}

.post-nav {
  position: absolute;
  left: 0;
  width: 31.875rem;
  padding: 3.4375rem 3.125rem;
  background-color: #eff1f2;
  opacity: 0.9;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .post-nav {
    position: static;
    width: 90%;
    margin: 31% auto 5%;
    padding: 2.5rem 2.5rem !important;
  }
}

.post-nav_fixed {
  position: fixed;
  left: 12.5rem;
  z-index: 100;
}

@media screen and (max-width: 768px) {
  .post-nav_fixed {
    position: static;
  }
}

.post-nav_bottom {
  position: absolute;
  top: auto !important;
  left: 0;
  bottom: 0;
}

.post-nav__mark {
  position: fixed;
  top: 30.3125rem;
  width: 1px;
  margin-top: 0;
}

.post-nav__list {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  counter-reset: item;
}

@media screen and (max-width: 768px) {
  .post-nav__list {
    margin-top: 1.25rem;
  }
}

.post-nav__item {
  position: relative;
  margin-bottom: 1.875rem;
  padding-left: 3.4375rem;
  font-size: 1.5625rem;
  line-height: 1.4;
  letter-spacing: -0.04375rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .post-nav__item {
    padding-left: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: .9;
  }
}

.post-nav__item:before {
  position: absolute;
  top: 0;
  left: 0.25rem;
  counter-increment: item;
  content: counter(item) ".";
  color: #1e4067;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

@media screen and (max-width: 768px) {
  .post-nav__item:before {
    display: none;
  }
}

.post-nav__item_active:before {
  color: #78b9e6;
}

.post-nav__link {
  color: #1e4067;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}

.post-nav__link_active {
  color: #78b9e6;
}

@media screen and (max-width: 1536px) {
  .post-article {
    margin-right: 0rem;
  }
}

.post-article__item {
  margin-bottom: 1.25rem;
  color: #326d9f;
}

@media screen and (max-width: 768px) {
  .post-article__item {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .post-article__item_hidden * {
    display: none;
  }
}

.post-article__item_visible {
  display: none;
}

.post-article__item_visible + .post-article__item_img {
  margin: 0;
}

.post-article__item_visible div {
  display: none;
}

@media screen and (max-width: 768px) {
  .post-article__item_visible {
    display: block;
  }
  .post-article__item_visible div {
    display: block;
  }
}

.post-article__item_mod {
  margin-left: -40.4375rem;
  max-width: 84.375rem;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_mod {
    margin-left: 0;
  }
}

.post-article__item_list-end {
  padding-left: 1.5rem;
  margin-top: -2.25rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_flex-reverse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.post-article__item_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.875rem;
  margin-left: -40.625rem;
  margin-right: 11rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .post-article__item_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
  .post-article__item_flex .post-article__text span {
    max-width: 35rem;
  }
}

.post-article__item_flex .post-article__text {
  width: 40.625rem;
}

.post-article__item_flex .post-article__text span,
.post-article__item_flex .post-article__text div,
.post-article__item_flex .post-article__text p {
  display: block;
  margin-bottom: 2.5rem;
  width: 65rem;
}

.post-article__item_flex .post-article__text:first-child {
  -webkit-transform: translateY(1.875rem);
          transform: translateY(1.875rem);
}

.post-article__item_flex-count {
  margin-left: -38rem;
  margin-right: 9rem;
}

.post-article__item_flex-count .post-article__text:first-child span:last-child {
  max-width: 58.75rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_flex-count {
    margin-left: 0;
    margin-right: 0;
  }
  .post-article__item_flex-count .post-article__text:first-child span:last-child {
    width: 95%;
  }
}

.post-article__item_footnote {
  width: 80% !important;
  margin-top: 4.375rem;
}

.post-article__item_footnote span {
  display: inline-block;
  margin-bottom: 1.25rem;
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .post-article__item_footnote {
    margin-bottom: 0;
    width: 100% !important;
    margin-top: 1.25rem;
  }
}

.post-article__item_footnote .post-article__text {
  opacity: 0.6;
  color: #1e4067;
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 1rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_footnote .post-article__text {
    margin-top: 2.5rem;
  }
}

.post-article__item_footnote .post-article__text:last-child {
  margin-bottom: 5.125rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_footnote .post-article__text:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .post-article__item_footnote-btn .post-article__text {
    margin-bottom: 2.5rem;
    marigi-top: -2.5rem;
  }
}

.post-article__item_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_img {
    display: block;
  }
}

.post-article__item_img .post-article__img-wrap {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: -40.625rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap {
    margin-left: -3rem;
    margin-right: -3rem !important;
  }
}

.post-article__item_img .post-article__img-wrap_mod-bm {
  max-width: 96%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_mod-bm {
    max-width: none;
  }
}

.post-article__item_img .post-article__img-wrap_mod-bm2 {
  max-width: 100%;
}

.post-article__item_img .post-article__img-wrap_mod-b {
  margin-right: -14rem;
}

.post-article__item_img .post-article__img-wrap_mod-b + .post-article__cnt {
  -webkit-transform: translateY(-1.25rem);
          transform: translateY(-1.25rem);
  margin-right: -23.75rem !important;
  margin-left: 17.5rem;
}

.post-article__item_img .post-article__img-wrap_mod-m {
  margin-left: 0;
}

.post-article__item_img .post-article__img-wrap_order {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.post-article__item_img .post-article__img-wrap_center + .post-article__cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-bottom: 1.25rem;
}

.post-article__item_img .post-article__img-wrap_order-reverse {
  max-width: 90%;
  margin-left: 0;
  margin-right: -14rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-reverse {
    max-width: 100%;
  }
}

.post-article__item_img .post-article__img-wrap_order-reverse + .post-article__cnt {
  margin-left: -40.75rem;
  margin-right: 3.8125rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-reverse + .post-article__cnt {
    margin-left: 5rem;
    margin-right: 3.75rem;
    margin-top: 2.5rem;
  }
}

.post-article__item_img .post-article__img-wrap_order-reverse-text {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  max-width: 67%;
  margin-left: 2rem;
  margin-right: -14rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-reverse-text {
    max-width: 100%;
  }
}

.post-article__item_img .post-article__img-wrap_order-reverse-text + .post-article__cnt {
  margin-left: -40.875rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-reverse-text + .post-article__cnt {
    margin-left: 5rem;
    margin-right: 3.75rem !important;
    margin-top: 2.5rem;
  }
}

.post-article__item_img .post-article__img-wrap_order-s {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  max-width: 59%;
  margin-left: -40.5rem;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-s {
    max-width: 100% !important;
  }
}

.post-article__item_img .post-article__img-wrap_order-s + .post-article__cnt {
  -webkit-transform: translateY(-1.875rem);
          transform: translateY(-1.875rem);
  margin-right: -23.875rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-s + .post-article__cnt {
    margin-left: 5rem;
    margin-right: 3.75rem;
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-s {
    max-width: 100%;
    margin-left: 0;
  }
}

.post-article__item_img .post-article__img-wrap_order-s-reverse {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  width: 70%;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-s-reverse {
    width: 100%;
  }
}

.post-article__item_img .post-article__img-wrap_order-s-reverse + .post-article__cnt {
  margin-left: -40.75rem;
  padding: 5.1875rem 5rem;
  padding-right: 7.0625rem;
  margin-right: 3.6875rem;
  background: rgba(99, 186, 235, 0.1);
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__img-wrap_order-s-reverse + .post-article__cnt {
    margin-left: 0;
    margin-right: 0;
    padding: 1.25rem 1.25rem;
  }
}

.post-article__item_img .post-article__cnt {
  margin-left: 6.25rem;
}

@media screen and (max-width: 768px) {
  .post-article__item_img .post-article__cnt {
    margin-left: 5rem !important;
    margin-right: 3.75rem !important;
    margin-top: 2.5rem !important;
  }
}

@media screen and (min-width: 769px) {
  .post-article__item_img .post-article__img-prod {
    width: 34rem;
    margin-top: 8rem;
  }
}

.post-article__item_img-margin {
  margin-top: 6.25rem;
}

.post-article__item:first-child .post-article__title {
  width: 110%;
  margin: 0 0 4.375rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 15rem;
  line-height: 12rem;
  font-weight: 700;
  letter-spacing: -0.75rem;
  color: #78b9e6;
}

@media screen and (max-width: 768px) {
  .post-article__item:first-child .post-article__title {
    position: absolute;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 4.875rem;
    line-height: 1;
    letter-spacing: 0;
    color: #37a5e4;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 12rem;
    width: 100%;
  }
}

.post-article__preview > .post-article__text {
  display: none;
}

.post-article__preview > .post-article__text:nth-child(1) {
  margin-top: 1.75rem;
  display: block;
}

.post-article__preview_active .post-article__text {
  display: block;
}

.post-article__preview_active .post-article__text.post-article__item_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .post-article__preview_active .post-article__text.post-article__item_img {
    display: block;
  }
}

.post-article__preview_active .post-article__more {
  display: none;
}

.post-article__more {
  display: block;
  width: 15rem;
  height: 4.375rem;
  line-height: 4.375rem;
  margin-top: 1.75rem;
  border: 0.125rem solid #37a5e4;
  border-radius: 0.625rem;
  text-transform: uppercase;
  text-align: center;
  color: #37a5e4 !important;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  letter-spacing: -0.6px;
}

.post-article__title {
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 5rem;
  line-height: 7.5rem;
  letter-spacing: -0.2rem;
  margin: 0;
  margin-bottom: -0.625rem;
}

@media screen and (max-width: 768px) {
  .post-article__title {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 3.5rem;
    line-height: 1;
    letter-spacing: 0;
    color: #136da3;
  }
}

.post-article__text, .post-article__list-item {
  line-height: 1.40;
  font-size: 2rem;
  color: #1e4067;
}

@media screen and (max-width: 768px) {
  .post-article__text, .post-article__list-item {
    font-size: 2rem;
    line-height: 1.4375;
  }
}

.post-article__text_mod {
  width: 52.875rem;
}

@media screen and (max-width: 768px) {
  .post-article__text_mod {
    width: 100%;
  }
}

.post-article__list {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.post-article__list .post-article__list-item:not(:last-child) {
  margin-bottom: 1.25rem;
}

.post-article__list_inner li {
  padding-left: 2.5rem;
}

.post-article__list_inner li:nth-child(1)::before {
  content: 'а)';
}

.post-article__list_inner li:nth-child(2)::before {
  content: 'б)';
}

.post-article__list_inner li:nth-child(3)::before {
  content: 'в)';
}

.post-article__list_inner li:nth-child(4)::before {
  content: 'г)';
}

.post-article__list_inner li:nth-child(5)::before {
  content: 'д)';
}

.post-article__list-item {
  position: relative;
  padding-left: 1.5625rem;
}

@media screen and (max-width: 768px) {
  .post-article__list-item {
    display: block;
  }
}

.post-article__list-item:before {
  position: absolute;
  left: 0;
  top: -0.3125rem;
  content: '\2022';
}

@media screen and (max-width: 768px) {
  .post-article__list-item:before {
    display: none;
  }
}

.post-article__img-wrap_visible {
  display: none;
}

@media screen and (max-width: 768px) {
  .post-article__img-wrap {
    margin: 0 -2.5rem;
  }
  .post-article__img-wrap_hidden {
    display: none;
  }
}

.post-article__img-wrap_mod {
  max-width: 78.75rem;
}

@media screen and (max-width: 768px) {
  .post-article__img-wrap_mod {
    max-width: none;
  }
}

.post-article__img-wrap_left-m {
  max-width: 37.5rem;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

@media screen and (max-width: 768px) {
  .post-article__img-wrap_left-m {
    max-width: 41rem;
    margin-bottom: 5rem;
  }
}

.post-article__img-wrap_left-m > .post-article__img {
  -webkit-transform: translateY(13px);
          transform: translateY(13px);
}

.post-article__img-wrap_left-m + .post-article__cnt {
  margin-left: 3.25rem;
}

@media screen and (max-width: 768px) {
  .post-article__img-wrap_left-m + .post-article__cnt {
    margin-left: 0;
  }
}

.post-article__img-wrap_left-m .post-article__img {
  width: 100%;
}

.post-article__img-wrap_mod-s {
  max-width: 50%;
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.post-article__img {
  display: block;
  width: 100%;
  height: 69.375rem;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 1rem;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.post-article__img_product {
  width: auto;
  height: auto;
  -o-object-fit: unset;
     object-fit: unset;
}

@media (max-aspect-ratio: 16 / 9) {
  .post-article__img {
    height: 50rem;
  }
  .post-article__img_product {
    width: auto;
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
    font-family: initial;
  }
}

@media screen and (max-width: 768px) {
  .post-article__img {
    border-radius: 0;
    height: 24.5rem;
  }
}

.post-article a {
  color: inherit;
}

.post-article a:hover, .post-article a:active {
  color: #63baeb;
}

.post-article a.article-post1__btn_mod {
  color: #37a5e4;
}

.post-article {
  counter-reset: count;
}

.post-article .count {
  position: relative;
}

.post-article .count::before {
  counter-increment: count;
  content: counter(count);
  position: absolute;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 15rem;
  font-weight: 700;
  color: #136da3;
  opacity: 0.2;
  left: -8.75rem;
  top: -5.9375rem;
}

@media screen and (max-width: 768px) {
  .post-article .count::before {
    display: none;
  }
}

.post-article__title + * {
  margin-top: 0;
}

* + .post-article__text, .post-article__list {
  margin-top: 1.75rem;
}

.post-article__list_mod {
  margin-bottom: 3.125rem;
  margin-top: 1.25rem;
  padding-left: 1.875rem;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod {
    padding-left: 0;
    margin-top: 2.875rem;
  }
}

.post-article__list_mod .post-article__list-item {
  line-height: 1.41;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod .post-article__list-item {
    line-height: 1.4375;
  }
}

.post-article__list_mod .post-article__list-item:not(:last-child) {
  margin-bottom: 1.0625rem;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod .post-article__list-item:not(:last-child) {
    margin-bottom: 0;
  }
}

.post-article__list_mod .post-article__list-item::before {
  display: block;
  font-size: 2.875rem;
  left: -0.3125rem;
  top: -0.9375rem;
}

.post-article__list_mod .post-article__list_inner {
  padding-left: 0.75rem;
  margin-top: 0.9375rem;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod .post-article__list_inner {
    padding-left: 0;
  }
}

.post-article__list_mod .post-article__list_inner .post-article__list-item::before {
  font-size: 1.9375rem;
  left: 0.0625rem;
  top: 0.1875rem;
}

.post-article__list_mod2 {
  list-style: none;
  padding-left: 1.875rem;
  margin: 0;
  counter-reset: item;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod2 {
    padding-left: 2.5rem;
    margin-left: -0.9375rem;
  }
}

.post-article__list_mod2 .post-article__list-item {
  font-size: 1.563rem;
  opacity: 0.6;
  color: #10406a;
  padding-left: 0;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod2 .post-article__list-item {
    font-size: 1.5rem;
    line-height: 1.24;
  }
}

.post-article__list_mod2 .post-article__list-item::before {
  content: counter(item) ". ";
  counter-increment: item;
  font-size: 1.563rem;
  left: -3rem;
  top: 0;
  width: 2.5rem;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod2 .post-article__list-item::before {
    display: block;
    font-size: 1.5rem;
    left: -2.8125rem;
    top: 0;
    width: 2.5rem;
  }
}

.post-article__list_mod2 .post-article__list-item:not(:last-child) {
  margin-bottom: 0.4375rem;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod2 .post-article__list-item:not(:last-child) {
    margin-bottom: -0.0625rem;
  }
}

.post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 3.4375rem;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 768px) {
  .post-article__list_mod2 .post-article__list-item:last-child {
    margin-top: 2.1875rem;
    margin-bottom: -0.1875rem;
  }
}

.post-article__list_mod2 .post-article__list-item:last-child::before {
  display: none;
}

.post-article__banner {
  display: block;
  margin: 2rem -2rem -.2rem;
  position: relative;
}

@media screen and (max-width: 768px) {
  .post-article__banner {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    margin-top: 4.2rem;
    margin-bottom: 4.9rem;
  }
}

.post-article__banner-title {
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0.3125rem;
  left: 7.7%;
  letter-spacing: 0.05rem;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .post-article__banner-title {
    display: none;
  }
}

.post-article__banner-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.00625rem;
  border: 0.125rem solid #ffffff;
  background-color: transparent;
  border-radius: 0.3125rem;
  padding: 1.3rem 2.4rem 1.1rem;
  margin-left: 3rem;
  margin-top: .4rem;
  outline: none;
}

.post-article__banner-btn:hover {
  color: #37a5e4;
  border-color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .post-article__banner-btn {
    display: none;
  }
}

.post-article__banner-img {
  width: 100%;
}

.post-article__banner-img_desktop {
  display: block;
}

@media screen and (max-width: 768px) {
  .post-article__banner-img_desktop {
    display: none;
  }
}

.post-article__banner-img_mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .post-article__banner-img_mobile {
    display: block;
  }
}

.post-article-banner {
  position: relative;
  padding: 2.1875rem 3.125rem;
  border-radius: 0.625rem;
  background: rgba(99, 186, 235, 0.1);
}

@media screen and (max-width: 768px) {
  .post-article-banner {
    margin: 2.5rem -2.5rem;
    padding: 3.125rem 2.5rem;
  }
}

.post-article-banner_mod {
  max-width: 59rem;
  margin-left: 15.625rem;
}

@media screen and (max-width: 768px) {
  .post-article-banner_mod {
    margin-left: -2.875rem;
    max-width: 48rem;
  }
}

.post-article-banner_mod-left {
  margin-left: -40.25rem;
}

@media screen and (max-width: 768px) {
  .post-article-banner_mod-left {
    margin-left: -2.875rem;
    max-width: 48rem;
  }
}

.post-article-banner__title {
  margin: 0;
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: -0.2rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 768px) {
  .post-article-banner__title {
    font-size: 3.5rem;
    letter-spacing: -0.0625rem;
    color: #136da3;
  }
}

.post-article-banner__text {
  line-height: 1.4375;
  font-size: 2rem;
  color: #1e4067;
}

@media screen and (max-width: 768px) {
  .post-article-banner__text {
    font-size: 2rem;
  }
}

.post-article-banner__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 80%;
}

@media screen and (max-width: 768px) {
  .post-article-banner__list {
    display: block;
    max-width: none;
  }
}

.post-article-banner__list-item {
  position: relative;
  font-family: inherit;
  margin-right: 2rem;
  font-size: 0.8rem;
}

@media screen and (max-width: 768px) {
  .post-article-banner__list-item {
    display: block;
    margin-right: 0;
  }
}

.post-article-banner__list-item:before {
  position: absolute;
  content: '';
  top: 50%;
  right: -1rem;
  width: 1px;
  height: 1.5rem;
  background: #023b66;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .post-article-banner__list-item:before {
    display: none;
  }
}

.post-article-banner__list-link {
  position: relative;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2rem;
  color: #023b66;
  line-height: 1.4375;
  font-weight: 400;
}

.post-article-banner__list-link:hover, .post-article-banner__list-link:active {
  color: #63baeb;
}

.post-article-banner__delim {
  position: absolute;
  width: 2rem;
  height: 20px;
}

.post-article-banner__delim:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 1px;
  height: 50%;
  background: #023b66;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.post-article-banner__title + * {
  margin-top: 3.125rem;
}

* + .post-article-banner__text, .post-article-banner__list {
  margin-top: 1.25rem;
}

@media screen and (min-width: 769px) {
  .post {
    padding-top: 1.75rem;
  }
}

.post__item {
  margin-bottom: 3.125rem;
  color: #10406a;
}

@media screen and (max-width: 768px) {
  .post__item img {
    max-width: 100%;
    height: auto;
  }
}

.post__title {
  margin: 0;
  line-height: 1.15;
  font-size: 2.5rem;
}

.post__text, .post__list-item {
  line-height: 1.4375;
  font-size: 2rem;
  letter-spacing: -0.04375rem;
}

@media screen and (max-width: 768px) {
  .post__text, .post__list-item {
    letter-spacing: 0;
  }
}

.post__text-link,
.post__text a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.post__list {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.post__list-item {
  position: relative;
  padding-left: 1.5625rem;
}

.post__list-item:before {
  position: absolute;
  left: 0;
  top: -0.3125rem;
  content: '\2022';
}

.post__img {
  display: block;
  margin: 2.5rem auto;
}

.post__text-link {
  display: inline;
  padding-bottom: 0;
  line-height: 16px;
  font-weight: 700;
  color: #10406a;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.post__text-link:hover {
  text-decoration: none;
  border-color: transparent;
}

.post__back {
  display: none;
}

@media screen and (max-width: 768px) {
  .post__back {
    display: block;
    margin: 4rem -2.5rem 0 -2.5rem;
    height: 6.875rem;
    line-height: 6.875rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 1.75rem;
    letter-spacing: 0.0625rem;
    color: #003a65;
    background-color: #e6f6ff;
  }
  .post__back_article {
    margin: 0;
    background-color: #fff;
  }
  .post__back .icon {
    position: relative;
    top: -0.1875rem;
    width: 2.25rem;
    height: 2.25rem;
    vertical-align: middle;
    fill: #003a65;
  }
}

.post__footer {
  text-align: center;
}

.post__footer span {
  display: block;
  text-align: left;
  color: #4a4a4a;
  font-size: 1.375rem;
  line-height: 1.5625;
  letter-spacing: -0.025rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
  padding-top: 1rem;
}

.post__link {
  display: inline-block;
  border-radius: 0.625rem;
  border: 1.5px solid #37a5e4;
  text-transform: uppercase;
  color: #37a5e4;
  font-size: 1.52rem;
  font-weight: 700;
  letter-spacing: 0.63px;
  padding: 1.3rem 2.6rem;
}

@media screen and (max-width: 768px) {
  .post__link {
    display: none;
  }
}

.instruction {
  padding: 19.375rem 12.5rem 4rem;
}

@media screen and (max-width: 768px) {
  .instruction {
    padding: 6.875rem 2.5rem 1.875rem;
  }
}

.instruction__title {
  margin: 0 0 3.125rem;
  padding-left: 41.25rem;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 5.625rem;
  line-height: 1.13333;
  font-weight: 700;
  letter-spacing: -0.1125rem;
  color: #63baeb;
}

@media screen and (max-width: 768px) {
  .instruction__title {
    margin-bottom: 5.625rem;
    padding-left: 0;
    font-size: 4.875rem;
    line-height: 1;
    letter-spacing: 0;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .instruction__title {
    padding-left: 44rem;
  }
}

.instruction__content {
  position: relative;
  width: 112.5rem;
  padding-left: 41.25rem;
}

@media screen and (max-width: 768px) {
  .instruction__content {
    padding-left: 0;
    width: auto;
  }
}

@media (min-aspect-ratio: 16 / 9) {
  .instruction__content {
    width: 129.5rem;
    padding-left: 44rem;
  }
}

.instruction__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  margin-top: 3rem;
  color: #023b66;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 30rem;
  height: 4.375rem;
  border: 0.25rem solid #37a5e4;
  border-radius: 0.625rem;
}

.instruction__btn:hover, .instruction__btn:active {
  color: #37a5e4;
}

.instruction__footnote {
  font-size: 1.5rem;
  line-height: 1.25;
  color: #5e7080;
  letter-spacing: -0.0625rem;
  margin-top: -2.5rem;
}

.instruction__article {
  margin: 3rem -12.5rem 0;
  padding-top: 6rem;
  text-align: center;
  background-color: #f6fcff;
}

@media screen and (max-width: 768px) {
  .instruction__article {
    padding-top: 0;
    padding-bottom: 3rem;
  }
}

.instruction__article .articleSection__title {
  font-size: 12.5rem;
  color: #5e7080;
}

.instruction__article .articleCard-view {
  margin-bottom: 6.5rem;
}

@media screen and (max-width: 768px) {
  .instruction__article .articleCard-view {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .instruction__article .articleCard-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.instruction__article .articleCard-view__row table.type-3 tr td:nth-child(even) > a {
  float: left;
}

.instruction .post__back {
  display: none;
}

@media screen and (min-width: 769px) {
  .instruction .post-nav {
    position: fixed;
    z-index: 1;
    left: 12.5rem;
    top: 19.3rem;
  }
}

.instructions {
  padding-left: 12.5rem;
  padding-right: 10.3125rem;
  padding-top: 7.375rem;
}

@media screen and (max-width: 768px) {
  .instructions {
    padding: 4.1875rem 3.1875rem 1.5625rem;
  }
}

.instructions_fixed {
  width: 100%;
  bottom: 0;
  /*position: fixed;
        width: 100%;
        bottom: 0;*/
}

.instructions_fixed-top {
  /*position: fixed;
        width: 100%;
        top: 0;
        bottom: auto;*/
  top: 0;
  bottom: auto;
}

.instructions__title {
  color: #3aa7e5;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 11.25rem;
  line-height: 0.66667;
  font-weight: 700;
  letter-spacing: -0.28125rem;
  margin-left: -0.1875rem;
}

@media screen and (max-width: 768px) {
  .instructions__title {
    font-size: 5.625rem;
    line-height: 1.23333;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 4.625rem;
    margin-left: 0;
  }
}

.instructions__groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.25rem;
}

@media screen and (max-width: 768px) {
  .instructions__groups {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.instructions__footer {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: -0.03rem;
  padding-left: 0.25rem;
}

@media screen and (max-width: 768px) {
  .instructions__footer {
    margin-top: -1rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .instructions__footer-divider {
    display: none;
  }
}

.instructions + .footer {
  z-index: auto;
}

.instructions + .footer .footer-nav_first {
  z-index: 99;
}

.instructions-blobs {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .instructions-blobs {
    display: none;
  }
}

.instructions-blobs__item {
  position: absolute;
}

.instructions-blobs__item_1 {
  top: 0;
  left: 38%;
  width: 43.0625rem;
}

.instructions-blobs__item_2 {
  top: 24.75rem;
  left: 4.1875rem;
  width: 6.625rem;
}

.instructions-blobs__item_3 {
  top: 15.0625rem;
  right: 0;
  width: 10.3125rem;
}

.instructions-blobs__item_4 {
  bottom: 8.1875rem;
  left: 60.5%;
  width: 14.75rem;
  z-index: 34;
}

.instructions-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-top: 4.5625rem;
}

@media screen and (max-width: 768px) {
  .instructions-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.instructions-group__bg {
  position: absolute;
}

@media screen and (max-width: 768px) {
  .instructions-group__bg {
    display: none;
  }
}

.instructions-group__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .instructions-group__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.instructions-group__age {
  position: absolute;
  top: 1.25rem;
  color: #d0ebfa;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 5.0625rem;
  font-weight: 700;
  line-height: 1.1563;
}

@media screen and (max-width: 768px) {
  .instructions-group__age {
    display: none;
  }
}

.instructions-group_1 {
  width: 40%;
  padding-left: 1.375rem;
  padding-right: 3.3125rem;
}

@media screen and (max-width: 768px) {
  .instructions-group_1 {
    width: 100%;
    padding: 0;
  }
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .instructions-group_1 {
    padding-right: 8.375rem;
  }
}

.instructions-group_1 .instructions-group__bg {
  width: 101.2%;
  top: 3.625rem;
  left: -1.75rem;
}

.instructions-group_1 .instructions-group__age {
  left: 0;
}

.instructions-group_2 {
  width: 60%;
  padding-left: 4.375rem;
  padding-right: 1.75rem;
}

@media screen and (max-width: 768px) {
  .instructions-group_2 {
    width: 100%;
    padding: 0;
    margin-top: 0.25rem;
  }
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .instructions-group_2 {
    padding-left: 8.375rem;
  }
}

.instructions-group_2 .instructions-group__bg {
  width: 89.35%;
  top: -12.3125rem;
  left: -2.5rem;
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .instructions-group_2 .instructions-group__bg {
    top: -18rem;
  }
}

.instructions-group_2 .instructions-group__age {
  left: -2.1875rem;
}

.instructions-product {
  position: relative;
  z-index: 10;
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .instructions-product {
    margin-bottom: 3.5rem;
  }
}

.instructions-product__age {
  display: none;
  position: absolute;
  left: 3.4375rem;
  top: 0.4375rem;
  color: #d0ebfa;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 5.0625rem;
  font-weight: 700;
  line-height: 1.14815;
}

@media screen and (max-width: 768px) {
  .instructions-product__age {
    display: block;
  }
}

.instructions-product__title {
  letter-spacing: -0.0375rem;
  color: #5e7080;
  font-family: "Fira Sans Condensed", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.33333;
  text-transform: uppercase;
  text-align: center;
  margin-top: 3.5625rem;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 768px) {
  .instructions-product__title {
    margin-top: 1.1875rem;
  }
}

.instructions-product__name {
  color: #3aa7e5;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.04938rem;
  text-transform: none;
  line-height: 1;
}

.instructions-product__btn {
  color: #36a5e4;
  font-size: 1.5625rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.0375rem;
  border-radius: 0.625rem;
  border: 0.125rem solid #36a5e4;
  padding: 2.0625rem 2.125rem;
}

.instructions-product__btn:hover {
  background-color: #36a5e4;
  border-color: #36a5e4;
  color: #fff;
}

.instructions-product__pic {
  position: relative;
}

.instructions-product__img {
  max-width: 100%;
}

.instructions-product__img_mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .instructions-product__img_mobile {
    display: inline-block;
  }
  .instructions-product__img_mobile + .instructions-product__img {
    display: none;
  }
}

.instructions-product_1 .instructions-product__img {
  width: 16rem;
}

.instructions-product_2 .instructions-product__pic {
  left: -0.9375rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_2 .instructions-product__pic {
    left: 0;
    top: 1.5625rem;
    margin-bottom: 1.375rem;
  }
}

.instructions-product_2 .instructions-product__img {
  width: 15.0625rem;
}

.instructions-product_3 {
  padding-right: 3.4375rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_3 {
    padding-right: 0;
    margin-bottom: 2.1875rem;
  }
}

.instructions-product_3 .instructions-product__pic {
  left: -0.75rem;
  top: 0.25rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_3 .instructions-product__pic {
    left: 0.3125rem;
    top: 1.3125rem;
    margin-bottom: 1.875rem;
  }
}

.instructions-product_3 .instructions-product__img {
  width: 16.125rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_3 .instructions-product__img {
    width: 14.125rem;
  }
}

.instructions-product_3 .instructions-product__title {
  padding-left: 0.625rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_3 .instructions-product__title {
    padding-left: 0.4375rem;
  }
}

@media screen and (max-width: 768px) {
  .instructions-product_4 {
    margin-bottom: 2.5rem;
  }
}

.instructions-product_4 .instructions-product__pic {
  left: -1.5625rem;
  top: 0.625rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_4 .instructions-product__pic {
    left: 0;
    top: 5.9375rem;
    margin-bottom: 5.4375rem;
  }
}

.instructions-product_4 .instructions-product__img {
  width: 26.5625rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_4 .instructions-product__img {
    max-width: 23.6875rem;
  }
}

.instructions-product_4 .instructions-product__title {
  padding-left: 0.625rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_4 .instructions-product__title {
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .instructions-product_5 {
    margin-bottom: 0;
  }
}

.instructions-product_5 .instructions-product__pic {
  left: 0.125rem;
  top: 2rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_5 .instructions-product__pic {
    left: 0;
    top: 5.625rem;
    margin-bottom: 7.125rem;
  }
}

.instructions-product_5 .instructions-product__img {
  width: 25.5625rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_5 .instructions-product__img {
    width: 23.8125rem;
  }
}

.instructions-product_5 .instructions-product__title {
  padding-left: 0.625rem;
}

@media screen and (max-width: 768px) {
  .instructions-product_5 .instructions-product__title {
    padding-left: 0;
  }
}

.page_instructions .footer__inner::before {
  position: absolute;
  bottom: 8.75rem;
  right: 50rem;
  width: 12.5rem;
  height: 10.5rem;
  background-image: url("../img/assets/instructions/b4.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

@media screen and (min-aspect-ratio: 16 / 9) and (min-width: 769px) {
  .page_instructions .footer__inner::before {
    bottom: 10rem;
  }
}

.ie .instructions-product__title {
  font-size: 1.65rem;
  padding: 0 18px;
}

@media screen and (max-width: 768px) {
  .ie .instructions-product__title {
    padding: 0;
  }
}

.article1__info {
  position: fixed;
  top: 125rem;
  left: 0;
  right: 0;
  width: 106.25rem;
  margin: auto;
  opacity: 0;
  -webkit-transition: top 1s, opacity 1s;
  transition: top 1s, opacity 1s;
}

@media screen and (max-width: 768px) {
  .article1__info {
    position: static;
    width: 100%;
    opacity: 1;
  }
}

.article1__title {
  width: 106.25rem;
  margin: auto;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 18.75rem;
  text-align: center;
  font-weight: 700;
  line-height: 0.9;
  color: #38a5e4;
}

@media screen and (max-width: 768px) {
  .article1__title {
    width: 100%;
    padding-top: 5.625rem;
    font-size: 5.625rem;
    line-height: 1.11111;
  }
}

.article1_is-fixed .article1__info {
  top: 37.5rem;
  opacity: 1;
}

.article1_is-hide .article1__info {
  top: -37.5rem;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .map1 {
    background: url("../img/assets/article/article-main-768.png") no-repeat #fff center center/contain;
  }
}

@media only screen and (min-width: 1200px) {
  .map1 {
    background: url("../img/assets/article/article-main-1600.png") no-repeat #fff center center/contain;
  }
}

@media only screen and (min-width: 1600px) {
  .map1 {
    background: url("../img/assets/article/article-main-full.png") no-repeat #fff center center/contain;
  }
}

.article2 {
  z-index: 10;
  height: auto;
}

.article2_is-open {
  height: auto;
}

.article2_is-open .article2__info {
  top: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.article2__info {
  position: relative;
}

.article2__info .atricle-allCards {
  position: relative;
  left: 50%;
  margin: 3.125rem 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  .article2__info .atricle-allCards {
    width: 30rem;
    height: 6rem;
    margin-top: 0;
    border-width: 0.125rem;
    font-weight: normal;
    letter-spacing: 0.0625rem;
    color: #37a5e4;
  }
}

@media screen and (max-width: 768px) {
  .article2 {
    z-index: 0;
  }
  .article2 .articleCard-view {
    display: block;
    margin-top: 3.125rem;
  }
}

body.scroll .article2__info {
  opacity: 0;
}

.articleCard-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 769px) {
  .articleCard-view_is-open .articleCard-view__row:nth-child(n+2) {
    visibility: visible;
    opacity: 1;
    height: auto;
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .articleCard-view_is-open .articleCard-view__row {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .articleCard-view_is-open .articleCard-mobile__row:nth-child(n+2) {
    visibility: visible;
    opacity: 1;
    height: auto;
    display: block;
  }
}

.articleCard-view__row {
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

@media screen and (max-width: 768px) {
  .articleCard-view__row {
    display: none;
  }
}

.articleCard-view__row > a {
  margin: 1.5625rem;
}

.articleCard-view__row_equality {
  margin-bottom: -6.25rem;
}

.articleCard-view__row_equality > .article-card:nth-child(1) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.articleCard-view__row_equality > .article-card[data-position='left'] {
  position: relative;
  top: -6.25rem;
}

.articleCard-view__row_no-position {
  -ms-grid-columns: (auto)[1];
      grid-template-columns: repeat(1, auto);
}

.articleCard-view__row_no-position > .article-card {
  justify-self: center !important;
}

.articleCard-view__row > .article-card:nth-child(odd) {
  justify-self: end;
  -ms-grid-row: span 1;
      grid-row: span 1;
}

.articleCard-view__row > .article-card:nth-child(odd)[data-position='right'] {
  justify-self: start;
}

.articleCard-view__row > .article-card:nth-child(even) {
  justify-self: start;
  -ms-grid-row: span 1;
      grid-row: span 1;
}

.articleCard-view__row > .article-card:nth-child(even)[data-position='left'] {
  justify-self: end;
}

.articleCard-view__row:nth-child(n+2) {
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: none;
}

@media screen and (max-width: 768px) {
  .articleCard-view__row .article-card {
    display: block !important;
    width: 30.3125rem !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.75rem;
    float: none !important;
    background: #fff;
  }
}

.articleCard-view__row table {
  width: 100%;
  border-color: transparent;
}

@media screen and (max-width: 768px) {
  .articleCard-view__row table {
    width: 30rem !important;
    margin: auto;
  }
}

.articleCard-view__row table.type-1 tr td {
  min-width: 30vw;
  max-width: 50vw;
  padding: 1.5625rem;
}

.articleCard-view__row table.type-1 tr td > a {
  float: right;
}

.articleCard-view__row table.type-1 tr td[rowspan="2"] > a {
  float: left;
}

.articleCard-view__row table.type-2 tr td {
  min-width: 30vw;
  max-width: 50vw;
  padding: 1.5625rem;
}

.articleCard-view__row table.type-2 tr td[rowspan="2"] > a {
  float: right;
}

.articleCard-view__row table.type-3 tr td {
  width: 50vw;
  vertical-align: bottom;
  padding: 1.5625rem;
}

.articleCard-view__row table.type-3 tr td:nth-child(odd) > a {
  float: right;
}

.articleCard-view__row table.type-3 tr:nth-child(n+2) td {
  vertical-align: top;
}

.articleCard-view__row table td {
  border-color: transparent;
}

@media screen and (max-width: 768px) {
  .articleCard-view__row table td {
    display: block;
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

.articleCard-view__row + .articleCard-view__row {
  margin-top: 3.125rem;
}

@media screen and (max-width: 768px) {
  .articleCard-view__row + .articleCard-view__row {
    margin-top: 0;
  }
}

.articleCard-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .articleCard-mobile {
    display: block;
  }
}

.articleCard-mobile__row {
  display: none;
}

.articleCard-mobile__row:first-child {
  display: block;
}

.articleCard-mobile .article-card {
  display: block !important;
  width: 30.3125rem !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.75rem;
  float: none !important;
  background: #fff;
}

.atricle-allCards {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #023b66;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  -ms-flex-wrap: 600;
      flex-wrap: 600;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 12.5rem;
  height: 4.375rem;
  border: 0.25rem solid #37a5e4;
  border-radius: 0.625rem;
}

.atricle-allCards:hover, .atricle-allCards:active {
  color: #37a5e4;
}

@media screen and (max-width: 768px) {
  html.safari .articleCard-view_is-open .articleCard-view__row table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html.safari .articleCard-view_is-open .articleCard-view__row table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
}

.articleType2 {
  position: relative;
  z-index: 11;
}

@media screen and (max-width: 768px) {
  .articleType2 .select2-search {
    display: none !important;
  }
}

.articleType2:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 31.25rem;
  content: '';
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .articleType2:before {
    display: none;
  }
}

.articleType2 .articleSection__title {
  font-size: 11.3125rem;
}

.articleType2 .panel {
  position: static;
  margin: 0 auto 10px;
  -webkit-transform: none;
  transform: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 100;
}

.articleType2 .panel_is-show {
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .articleType2 .panel {
    position: static;
    margin-bottom: 3.75rem;
    visibility: visible;
    opacity: 1;
    background: none;
  }
  .articleType2 .panel__size_two-third {
    display: none;
  }
}

.articleType2 .panel_is-show-always {
  visibility: visible;
  opacity: 1;
}

.articleType2 .atricle-allCards {
  position: relative;
  left: 50%;
  margin: 3.125rem 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 1s;
  transition: 1s;
}

@media screen and (max-width: 768px) {
  .articleType2 .atricle-allCards {
    width: 30rem;
    height: 6rem;
    margin-top: 0;
    border-width: 0.125rem;
    font-weight: normal;
    letter-spacing: 0.0625rem;
    color: #37a5e4;
  }
}

@media screen and (max-width: 768px) {
  .articleType2 .articleCard-view {
    display: block;
  }
}

body.scroll .articleType2 {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}

.articleSection__title {
  text-align: center;
  margin: 0 auto 6.25rem;
  color: #95d0f1;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 15.3125rem;
  font-weight: 700;
  line-height: 0.8;
}

.articleSection__title_alt {
  color: #5e7080;
}

@media screen and (max-width: 768px) {
  .articleSection__title {
    display: none;
  }
}

.articleSection__title-list {
  margin: 0;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 1;
  color: #38a5e4;
}

.articleSection + .articleSection {
  margin-top: 6.25rem;
}

@media screen and (max-width: 768px) {
  .articleSection + .articleSection {
    margin-top: 0;
  }
}

.article-choiceView__list-wrap {
  position: relative;
  width: 122.5rem;
  padding-left: 6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.article-choiceView.is-cardView .article-choiceView__list-wrap {
  display: none;
}

.article-choiceView.is-listView .article-choiceView__title {
  visibility: hidden;
  opacity: 0;
}

.article-choiceView.is-listView .article-choiceView__card-wrap {
  display: none;
}

.article-list {
  max-width: 45vw;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #023b66;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.article-list__title {
  font-size: 3.75rem;
}

.article-list__text {
  font-size: 1.5625rem;
}

.article-list a {
  color: inherit;
}

.article-list__item + .article-list__item {
  margin-top: 5rem;
}

* + .article-list {
  margin-top: 3.75rem;
}

.articles__list {
  margin-top: 100px;
}

.articles__list__info {
  top: 125rem;
  left: 0;
  right: 0;
  width: 106.25rem;
  margin: auto;
  -webkit-transition: top 1s, opacity 1s;
  transition: top 1s, opacity 1s;
}

@media screen and (max-width: 768px) {
  .articles__list__info {
    position: static;
    width: 100%;
    opacity: 1;
  }
}

.articles__list__title {
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-weight: 700;
  width: 106.25rem;
  margin: auto;
  font-size: 14.25rem;
  text-align: center;
  line-height: .9;
  color: #38a5e4;
}

@media screen and (max-width: 768px) {
  .articles__list__info {
    position: static;
    width: 100%;
    opacity: 1;
  }
  .articles__list__title {
    width: 100%;
    padding-top: 5.625rem;
    font-size: 5.625rem;
    line-height: 1.11111;
  }
}

.article-card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  justify-self: center;
  max-width: 45vw;
  width: auto;
  height: auto;
  border-radius: 10px;
  background-color: #63baeb;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.article-card__img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.article-card__description {
  position: absolute;
  background: rgba(2, 59, 102, 0.7);
  padding: 2.5rem 2.5rem 1.875rem;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .article-card__description {
    position: static;
    display: block;
    padding: 1.5625rem;
    background: #fff;
  }
}

.article-card__text {
  color: #ffffff;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.09375rem;
}

@media screen and (max-width: 768px) {
  .article-card__text {
    font-size: 2.625rem;
    letter-spacing: -0.0625rem;
    font-weight: 300;
    line-height: 1.19048;
    text-transform: uppercase;
    color: #5e7080;
  }
}

.article-card__time {
  position: absolute;
  top: 0.3125rem;
  left: auto;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: -0.03625rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .article-card__time {
    display: none;
  }
}

.article-card.custom-size .article-card__text {
  font-size: 2.625rem;
}

.article-card.custom-size .article-card__time {
  font-size: 1.05rem;
}

.article-card.custom-size .article-card__description {
  padding: 1.75rem 1.75rem 1.3125rem;
}

.article-post {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
  padding-top: 18.75rem;
}

@media screen and (max-width: 768px) {
  .article-post {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post__img-blob img {
  width: 55%;
}

.article-post__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post__img-blob, .article-post__img-blob-b {
    display: none;
  }
}

.article-post__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post__img-blob-m img {
    width: 100%;
  }
  .article-post__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post__content .post-article__title {
    width: 100% !important;
  }
}

.article-post .post-article__title {
  width: 130%;
}

.article-post sub,
.article-post sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post .trademark {
    left: -1.4%;
  }
}

.article-post .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post__btn:hover, .article-post__btn:active {
  color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .article-post {
    position: static;
  }
}

.article-post1 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post1 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post1__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post1__img-blob img {
  width: 55%;
}

.article-post1__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post1__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post1__img-blob, .article-post1__img-blob-b {
    display: none;
  }
}

.article-post1__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post1__img-blob-m img {
    width: 100%;
  }
  .article-post1__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post1__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post1__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post1__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post1__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post1__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post1__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post1__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post1__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post1__content .post-article__title {
    width: 100% !important;
  }
}

.article-post1 .post-article__title {
  width: 130%;
}

.article-post1 sub,
.article-post1 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post1 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post1 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post1 .trademark {
    left: -1.4%;
  }
}

.article-post1 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post1 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post1 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post1 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post1__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post1__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post1__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post1__btn:hover, .article-post1__btn:active {
  color: #37a5e4;
}

.article-post1 .visible,
.article-post1 .post-article__item_footnote-mob {
  display: none;
}

.article-post1 #benefitsWater {
  width: 100%;
}

.article-post1 .post-article__banner {
  margin-top: 12rem;
}

@media screen and (max-width: 768px) {
  .article-post1 .post-article__banner {
    margin-top: 4.375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post1 .post-article__item_footnote {
    margin-bottom: 0;
  }
  .article-post1 .post-article__item_img {
    margin-left: 0;
    margin-right: 0;
  }
  .article-post1 .post-article__item_footnote-mob,
  .article-post1 .visible {
    display: block;
  }
  .article-post1 .post-article__item_footnote-mob .post-article__text {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .article-post1 .post-article__item_footnote-mob .post-article__text:last-child {
    margin-bottom: 4rem;
  }
  .article-post1 .post-article__title#kinds + .post-article__text {
    display: none;
  }
  .article-post1 .post-nav {
    margin-top: 14%;
  }
  .article-post1 .post-article__cnt {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .article-post1 #benefitsWater {
    width: 112%;
  }
  .article-post1 #kinds {
    margin-bottom: -2.5rem;
  }
  .article-post1 #water {
    width: 80% !important;
  }
  .article-post1 #water .visible {
    left: 13.875rem !important;
    top: -1.3em;
  }
  .article-post1 #benefitsWater2 {
    margin-top: 3.75rem;
  }
  .article-post1__btn {
    margin-top: 3.75rem;
    margin-bottom: -2rem;
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
  }
  .article-post1__btn_mod {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-post1__btn_mod {
    margin-top: 6.125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post1 .trademark {
    top: -0.09em;
    left: -1.9% !important;
    margin-right: -7px;
    font-size: 110%;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .article-post1 .trademark {
    left: -1.4%;
  }
}

@media screen and (max-width: 768px) {
  .article-post1 .post-article__img-wrap_left-m {
    margin-bottom: 5rem;
  }
}

.article-post2 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post2 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post2__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post2__img-blob img {
  width: 55%;
}

.article-post2__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post2__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post2__img-blob, .article-post2__img-blob-b {
    display: none;
  }
}

.article-post2__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post2__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post2__img-blob-m img {
    width: 100%;
  }
  .article-post2__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post2__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post2__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post2__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post2__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post2__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post2__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post2__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post2__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post2__content .post-article__title {
    width: 100% !important;
  }
}

.article-post2 .post-article__title {
  width: 130%;
}

.article-post2 sub,
.article-post2 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post2 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post2 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post2 .trademark {
    left: -1.4%;
  }
}

.article-post2 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post2__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post2__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post2__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post2__btn:hover, .article-post2__btn:active {
  color: #37a5e4;
}

.article-post2 .post-article__item_img .post-article__img-wrap_order-s-reverse + .post-article__cnt {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 1.875rem 3.75rem 5rem;
  border-radius: 0.625rem;
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__item_img .post-article__img-wrap_order-s-reverse + .post-article__cnt {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 5rem;
    padding-left: 5rem;
    border-radius: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__item_img .post-article__img-wrap_order-s-reverse {
    widht: 100%;
  }
}

.article-post2 .post-article__title {
  width: 100%;
}

.article-post2 #adultsAndChildren {
  line-height: 15rem;
}

@media screen and (max-width: 768px) {
  .article-post2 #adultsAndChildren {
    margin-top: 2.5rem;
  }
}

.article-post2 #causes {
  width: 120%;
}

.article-post2 #benefitsWater {
  line-height: 15rem;
}

.article-post2 .post-article__img-wrap_order-reverse {
  max-width: 105%;
  margin-right: -12.5rem;
}

.article-post2 .post-article__item_order-s .post-article__title {
  margin-left: 15rem;
  margin-bottom: -1.875rem;
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__item_order-s .post-article__title {
    margin-left: 0;
  }
}

.article-post2 .post-article__img-wrap_order-s {
  max-width: 70%;
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__img-wrap_order-s {
    margin-bottom: 5rem;
  }
}

.article-post2 .post-article__img-wrap_order-s + .post-article__cnt {
  margin-right: 0;
  margin-left: 3.625rem;
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__img-wrap_order-s + .post-article__cnt {
    margin-bottom: -3.75rem;
  }
}

.article-post2 .post-article__img-wrap_order-s-reverse {
  margin-right: -1.875rem;
}

@media screen and (max-width: 768px) {
  .article-post2 .post-article__item_flex-reverse {
    margin-top: -2.5rem;
  }
  .article-post2 #kinds {
    margin-top: -3.75rem !important;
  }
  .article-post2 #treatment {
    width: 105%;
  }
  .article-post2 .post-nav {
    margin-top: 22%;
  }
}

.article-post3 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post3 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post3__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post3__img-blob img {
  width: 55%;
}

.article-post3__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post3__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post3__img-blob, .article-post3__img-blob-b {
    display: none;
  }
}

.article-post3__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post3__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post3__img-blob-m img {
    width: 100%;
  }
  .article-post3__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post3__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post3__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post3__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post3__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post3__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post3__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post3__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post3__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post3__content .post-article__title {
    width: 100% !important;
  }
}

.article-post3 .post-article__title {
  width: 130%;
}

.article-post3 sub,
.article-post3 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post3 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post3 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post3 .trademark {
    left: -1.4%;
  }
}

.article-post3 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post3__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post3__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post3__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post3__btn:hover, .article-post3__btn:active {
  color: #37a5e4;
}

.article-post3 .post-article__item_mod {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.article-post3 .post-article__item_hidden + .post-article__preview > .post-article__text:nth-child(1) {
  display: block;
}

.article-post3 .post-article__more {
  margin-bottom: 8rem;
}

.article-post3 .post-article__more_mod {
  position: relative;
  left: -40.75rem;
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
  margin-bottom: -2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article__more_mod {
    left: 0;
    margin-top: 0.3125rem;
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
    margin-bottom: 3.5rem;
  }
}

.article-post3 .post-article__img-wrap_order-reverse {
  max-width: 105%;
  margin-right: -21.25rem;
}

.article-post3 .post-article__img-wrap_order-reverse-text + .post-article__cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.article-post3 .post-article__text_mod {
  margin-top: 0;
}

.article-post3 .post-article__text, .article-post3 .post-article__list-item {
  line-height: 1.55;
}

.article-post3 .post-article-banner_mod.post-article-banner_mod-left {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article-banner_mod.post-article-banner_mod-left {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

.article-post3 .post-article__img-wrap_order-reverse-text {
  margin-right: -12rem;
}

.article-post3 .post-article__img-wrap_order-s {
  max-width: 71%;
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article__item_img-margin {
    margin-top: 0;
    margin-bottom: 0;
  }
  .article-post3 .post-article__img-wrap_order-s {
    margin-bottom: 5rem;
  }
  .article-post3 .post-article__img-wrap_mod {
    margin-top: 2.5rem;
  }
  .article-post3 #treatment {
    width: 105%;
  }
  .article-post3 #symptoms {
    margin-top: -2.5rem;
  }
  .article-post3 #causes,
  .article-post3 #UnderWhat {
    margin-top: -1.25rem;
  }
  .article-post3 .post-nav {
    margin-top: 5%;
  }
  .article-post3 .post-article__item_footnote:not(.post-article__item_footnote-mod) .post-article__text {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  .article-post3 .post-article__item_footnote:not(.post-article__item_footnote-mod) .post-article__text:last-child {
    margin-bottom: 4rem !important;
  }
  .article-post3 .article-post1__btn {
    -webkit-transform: translateY(-35%) !important;
            transform: translateY(-35%) !important;
  }
}

.article-post3 .post-article-banner_mod-left {
  margin-left: -40.75rem;
}

@media screen and (max-width: 768px) {
  .article-post3 .post-article-banner_mod-left {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.article-post3 .post-article__item_img .post-article__img-wrap_order-s + .post-article__cnt {
  margin-right: -16.875rem;
  margin-left: 5rem;
}

.article-post4 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post4 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post4__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post4__img-blob img {
  width: 55%;
}

.article-post4__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post4__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post4__img-blob, .article-post4__img-blob-b {
    display: none;
  }
}

.article-post4__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post4__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post4__img-blob-m img {
    width: 100%;
  }
  .article-post4__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post4__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post4__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post4__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post4__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post4__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post4__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post4__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post4__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post4__content .post-article__title {
    width: 100% !important;
  }
}

.article-post4 .post-article__title {
  width: 130%;
}

.article-post4 sub,
.article-post4 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post4 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post4 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post4 .trademark {
    left: -1.4%;
  }
}

.article-post4 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post4 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post4 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post4 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post4__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post4__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post4__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post4__btn:hover, .article-post4__btn:active {
  color: #37a5e4;
}

.article-post4 #symptom {
  padding-top: 10px;
  margin-bottom: -10px;
}

.article-post4 .post-article__text, .article-post4 .post-article__list-item {
  line-height: 1.55;
}

.article-post4 .post-article__img-wrap_mod.post-article__img-wrap_mod-s {
  margin-right: 0;
}

.article-post4 .post-article__img-wrap_mod.post-article__img-wrap_mod-s + .post-article__cnt {
  margin-left: 3.125rem;
}

.article-post4 .post-article-banner {
  margin-top: 3.125rem;
  margin-bottom: 3.75rem;
}

.article-post4 .post-article__item_img .post-article__img-wrap_mod-bm {
  max-width: 103%;
  margin-top: -1.5625rem;
  margin-bottom: -1.25rem;
}

@media screen and (max-width: 768px) {
  .article-post4 .post-article__item_img .post-article__img-wrap_mod-bm {
    max-width: 105%;
  }
}

@media screen and (max-width: 768px) {
  .article-post4 .post-article__item_flex-count span::before {
    content: " • ";
    margin-right: 0.9375rem;
  }
  .article-post4 .post-article__img-wrap_left-m {
    max-width: 46rem;
    margin-top: 2rem !important;
    margin-bottom: 5rem !important;
  }
  .article-post4 .post-nav {
    margin-top: 18%;
  }
}

.article-post5 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post5 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post5__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post5__img-blob img {
  width: 55%;
}

.article-post5__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post5__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post5__img-blob, .article-post5__img-blob-b {
    display: none;
  }
}

.article-post5__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post5__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post5__img-blob-m img {
    width: 100%;
  }
  .article-post5__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post5__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post5__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post5__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post5__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post5__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post5__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post5__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post5__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post5__content .post-article__title {
    width: 100% !important;
  }
}

.article-post5 .post-article__title {
  width: 130%;
}

.article-post5 sub,
.article-post5 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post5 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post5 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post5 .trademark {
    left: -1.4%;
  }
}

.article-post5 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post5 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post5 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post5 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post5__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post5__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post5__btn:hover, .article-post5__btn:active {
  color: #37a5e4;
}

.article-post5 .post-article__cnt {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.article-post5 .post-article__title {
  width: 100%;
}

.article-post5 .post-article__text, .article-post5 .post-article__list-item {
  line-height: 1.55;
}

.article-post5 .post-article__item:first-child .post-article__title {
  line-height: 15rem;
  margin-bottom: 6.25rem;
}

.article-post5 .post-article-banner {
  margin-top: 3.125rem;
  margin-bottom: 3.75rem;
}

.article-post5 .post-article__item_img .post-article__img-wrap_order-reverse-text {
  margin-right: 5.875rem;
}

.article-post5 .post-article-banner__text_mod {
  position: relative;
  padding: 2.1875rem 3.125rem;
  border-radius: 0.625rem;
  background: rgba(99, 186, 235, 0.1);
  color: #326d9f;
  width: 59rem;
  margin-top: 4rem;
  margin-bottom: 3rem;
  margin-left: -40.75rem;
}

@media screen and (max-width: 768px) {
  .article-post5 .post-article-banner__text_mod {
    margin: 2.5rem -2.5rem;
    padding: 3.125rem 2.5rem;
    margin-top: 2rem !important;
    margin-bottom: -1rem !important;
    max-width: 40rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post5 .post-article__img-wrap_mod-bm {
    max-width: 46rem;
  }
  .article-post5 .post-nav {
    margin-top: 31%;
  }
  .article-post5 #security {
    width: 105%;
  }
  .article-post5 #benefitsWater {
    margin-top: 2.5rem;
    padding: 0 6rem;
  }
}

.article-post6 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post6 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post6__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post6__img-blob img {
  width: 55%;
}

.article-post6__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post6__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post6__img-blob, .article-post6__img-blob-b {
    display: none;
  }
}

.article-post6__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post6__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post6__img-blob-m img {
    width: 100%;
  }
  .article-post6__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post6__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post6__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post6__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post6__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post6__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post6__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post6__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post6__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post6__content .post-article__title {
    width: 100% !important;
  }
}

.article-post6 .post-article__title {
  width: 130%;
}

.article-post6 sub,
.article-post6 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post6 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post6 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post6 .trademark {
    left: -1.4%;
  }
}

.article-post6 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post6__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post6__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post6__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post6__btn:hover, .article-post6__btn:active {
  color: #37a5e4;
}

.article-post6 .post-article__text span {
  padding-left: 2.5rem;
  display: inline-block;
}

.article-post6 .post-article__cnt,
.article-post6 .post-article__img-wrap_order-reverse-text {
  margin-right: -19rem;
  margin-top: 1.5rem;
}

.article-post6 .post-article__cnt .post-article__title,
.article-post6 .post-article__img-wrap_order-reverse-text .post-article__title {
  -webkit-transform: translateY(-2.5rem);
          transform: translateY(-2.5rem);
}

.article-post6 .post-article__img-wrap_order-reverse-text {
  margin-left: 65px;
  margin-right: -12rem;
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__img-wrap_order-reverse-text {
    max-width: 100%;
    margin-left: 0 !important;
  }
}

.article-post6 .post-article__title {
  width: 100%;
}

.article-post6 #nosekid {
  width: 80%;
  margin-top: -1.25rem;
}

.article-post6 .post-article__item_img.post-article__item_hidden {
  margin-bottom: -3.75rem;
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__item_img.post-article__item_hidden {
    margin-bottom: 1.25rem;
  }
}

.article-post6 .post-article__item_order-s .post-article__title {
  margin-bottom: -1.875rem;
}

.article-post6 .post-article__text, .article-post6 .post-article__list-item {
  line-height: 1.48;
}

.article-post6 .post-article__item:first-child .post-article__title {
  line-height: 15rem;
  margin-bottom: 3.75rem;
}

.article-post6 .post-article__cnt:last-child {
  margin-right: 0;
}

.article-post6 .article-post {
  padding-bottom: 0;
}

.article-post6 .post-article-banner {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.article-post6 #marimerA {
  width: 65%;
  margin-bottom: -5.75rem;
  margin-top: 5rem;
}

.article-post6 .post-article__img-wrap_left-m {
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
}

.article-post6 .post-article__img-wrap_marimer-r {
  max-width: 48%;
  margin-right: -7rem;
  margin-top: 10rem;
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__img-wrap_marimer-r {
    max-width: 140%;
  }
  .article-post6 .post-article__img-wrap_marimer-r .post-article__img {
    width: 32.25rem;
    margin-left: 2.5rem;
  }
}

.article-post6 .post-article__img-wrap_marimer-r + .post-article__cnt {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__img-wrap_marimer-r {
    max-width: 85% !important;
    margin-left: 3.75rem !important;
    margin-right: 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__img-wrap_marimer-d {
    width: 34rem;
  }
  .article-post6 .post-article__img-wrap_marimer-d .post-article__img {
    width: 34rem;
    margin-left: 5rem;
    margin-bottom: 7.5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6 .post-article__item_img .post-article__img-wrap {
    margin-left: 0;
  }
}

.article-post6 .post-article__item_footnote span {
  padding-left: 0;
}

.article-post6 .post-article__item_footnote .post-article__text:last-child {
  margin-bottom: 5rem;
}

.article-post6 .post-article__item_footnote-mod .post-article__text:last-child {
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .article-post6 .post-nav_fixed {
    margin-bottom: 4rem;
  }
  .article-post6 .post-article__img-wrap_mod-bm {
    max-width: 46rem;
  }
  .article-post6 .post-article-banner_mod-left {
    margin-top: 0;
    margin-bottom: 0;
  }
  .article-post6 .post-nav {
    margin-top: 19%;
  }
  .article-post6 #benefitsWater {
    padding: 0 4rem;
  }
  .article-post6 #nose {
    margin-top: 5rem;
    margin-bottom: -2.5rem;
  }
  .article-post6 #marimerA {
    margin-bottom: 5rem;
    margin-top: -1.25rem;
  }
}

.article-post7 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post7 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post7__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post7__img-blob img {
  width: 55%;
}

.article-post7__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post7__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post7__img-blob, .article-post7__img-blob-b {
    display: none;
  }
}

.article-post7__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post7__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post7__img-blob-m img {
    width: 100%;
  }
  .article-post7__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post7__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post7__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post7__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post7__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post7__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post7__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post7__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post7__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post7__content .post-article__title {
    width: 100% !important;
  }
}

.article-post7 .post-article__title {
  width: 130%;
}

.article-post7 sub,
.article-post7 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post7 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post7 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post7 .trademark {
    left: -1.4%;
  }
}

.article-post7 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post7__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post7__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post7__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post7__btn:hover, .article-post7__btn:active {
  color: #37a5e4;
}

.article-post7 .post-article__item-flex {
  margin-left: 0;
}

.article-post7 .post-article__item_order-s .post-article__title {
  margin-bottom: -2.5rem;
}

.article-post7 .post-article__text, .article-post7 .post-article__list-item {
  line-height: 1.48;
}

.article-post7 .post-article__title {
  line-height: 6.25rem;
}

.article-post7 .post-article__item:first-child .post-article__title {
  line-height: 15rem;
  margin-bottom: 3.75rem;
}

.article-post7 #kinds {
  margin-top: 3.75rem;
}

.article-post7 .post-article__img-wrap.post-article__img-wrap_mod {
  max-width: 77.75rem;
}

.article-post7 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt {
  margin-left: 3.75rem;
  margin-top: -1.875rem;
}

.article-post7 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt .post-article__title {
  line-height: 6.25rem;
  margin-bottom: 1.25rem;
}

.article-post7 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt .post-article__text {
  max-width: 52.5rem;
  margin-right: -19.375rem;
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt .post-article__text {
    margin-right: 0;
  }
}

.article-post7 .post-article__item_img {
  margin-bottom: 1.875rem;
}

.article-post7 .post-article__img-wrap.post-article__img-wrap_order-reverse-text {
  margin-right: -12rem;
  margin-top: 2.125rem;
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__img-wrap.post-article__img-wrap_order-reverse-text .post-article__img {
    display: none;
  }
}

.article-post7 #howToChoose {
  margin-bottom: 4.375rem;
}

.article-post7 .post-article__img-wrap.post-article__img-wrap_left-m {
  margin-top: 1.875rem;
  margin-left: -42.25rem;
  margin-right: 6rem;
  max-width: 41.5625rem;
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__img-wrap.post-article__img-wrap_left-m {
    margin-top: 9rem;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .article-post7 .post-article__img-wrap.post-article__img-wrap_left-m img {
    width: 67%;
  }
}

.article-post7 .post-article__title#children {
  marign-top: 10rem;
}

@media screen and (max-width: 768px) {
  .article-post7 .post-nav {
    margin-top: 16%;
  }
}

.article-post7 .post-article__item_img-margin {
  margin-top: 9.25rem;
}

@media screen and (max-width: 768px) {
  .article-post7 .post-article__img-wrap_mod-bm {
    max-width: 42rem;
    margin-left: 1.5rem !important;
    margin-bottom: -2.5rem;
  }
  .article-post7 .article-post1__btn {
    -webkit-transform: translateY(-35%) !important;
            transform: translateY(-35%) !important;
  }
  .article-post7 #howToChoose {
    margin-bottom: -0.625rem;
  }
  .article-post7 #benefitsWater {
    padding: 0 4rem;
  }
  .article-post7 .post-article__item_footnote .post-article__text:last-child {
    margin-bottom: 5rem;
  }
  .article-post7 .post-article__item_footnote-mod .post-article__text:last-child {
    margin-bottom: 0;
  }
}

.article-post8 {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8 {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post8__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post8__img-blob img {
  width: 55%;
}

.article-post8__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post8__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post8__img-blob, .article-post8__img-blob-b {
    display: none;
  }
}

.article-post8__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post8__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post8__img-blob-m img {
    width: 100%;
  }
  .article-post8__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post8__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post8__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post8__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post8__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post8__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post8__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post8__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post8__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post8__content .post-article__title {
    width: 100% !important;
  }
}

.article-post8 .post-article__title {
  width: 130%;
}

.article-post8 sub,
.article-post8 sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post8 sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post8 .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post8 .trademark {
    left: -1.4%;
  }
}

.article-post8 .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post8__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post8__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post8__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post8__btn:hover, .article-post8__btn:active {
  color: #37a5e4;
}

.article-post8 .post-article__img-wrap_mod + .post-article__cnt {
  margin-right: -14rem;
  margin-top: 1.875rem;
}

.article-post8 .post-article__title {
  line-height: 6.25rem;
}

.article-post8 .post-article__img-wrap_order-reverse-text {
  margin-right: -14rem;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__img-wrap_order-reverse-text {
    margin-right: 0;
  }
}

.article-post8 .post-article__item_img .post-article__img-wrap_mod-bm {
  width: 105%;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item_img .post-article__img-wrap_mod-bm {
    margin-left: 2.5rem !important;
  }
}

.article-post8 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt {
  margin-top: -1rem;
  margin-left: 3.75rem;
}

.article-post8 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt .post-article__title {
  margin-bottom: 2.8125rem;
}

.article-post8 .post-article__img-wrap.post-article__img-wrap_mod + .post-article__cnt .post-article__text {
  width: 100%;
}

.article-post8 .post-article__text, .article-post8 .post-article__list-item {
  line-height: 1.55;
}

.article-post8 .post-article__item:first-child .post-article__title {
  line-height: 15rem;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item:first-child .post-article__title {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item_flex .post-article__text .post-article__text_top {
    margin-top: 3.25rem;
    display: inline-block;
  }
  .article-post8 .post-article__item_flex .post-article__text span {
    margin-bottom: 0;
  }
}

.article-post8 .post-article__item:first-child .post-article__title {
  top: 1.2%;
}

.article-post8 .post-article__item_mod .post-article__title#symptoms1 {
  margin-top: 5.625rem;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item_mod .post-article__title#symptoms1 {
    margin-top: 3.75rem;
  }
}

.article-post8 .post-article__item_mod .post-article__title#symptoms1 + .post-article__text {
  width: 80%;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item_mod .post-article__title#symptoms1 + .post-article__text {
    width: 100%;
  }
}

.article-post8 #babies {
  margin-top: 0;
}

.article-post8 #babies + .post-article__text {
  line-height: 2.875rem;
}

@media screen and (max-width: 768px) {
  .article-post8 #babies + .post-article__text span {
    display: inline-block;
  }
}

.article-post8 .post-article__img-wrap_order-reverse-text {
  margin-top: 3.75rem;
  margin-right: -12rem;
}

.article-post8 .post-article__img-wrap_order-reverse-text + .post-article__cnt {
  margin-right: 3.75rem;
}

.article-post8 #complications {
  margin-bottom: 3.75rem;
}

.article-post8 #prevention {
  margin-top: 6.25rem;
  margin-bottom: 1.875rem;
}

@media screen and (max-width: 768px) {
  .article-post8 #prevention {
    margin-top: -3.125rem;
  }
}

.article-post8 #symptoms {
  margin-bottom: 2.3125rem;
}

@media screen and (max-width: 768px) {
  .article-post8 .post-article__item_img .post-article__img-wrap_order-reverse-text + .post-article__cnt {
    margin-left: 5rem;
  }
  .article-post8 .article-post1__btn {
    -webkit-transform: translateY(-35%) !important;
            transform: translateY(-35%) !important;
  }
  .article-post8 .post-article__item_footnote .post-article__text:last-child {
    margin-bottom: 5rem;
  }
  .article-post8 .post-article__item_footnote-mod .post-article__text:last-child {
    margin-bottom: 0;
  }
}

.article-post8 .post-article__item_footnote:not(.post-article__item_footnote-mod) .post-article__text:last-child {
  margin-bottom: 4.0625rem;
}

.article-post-all {
  position: relative;
  background: #f6fcff;
  padding: 62.5rem 6.25rem 6.25rem;
}

@media screen and (max-width: 768px) {
  .article-post-all {
    padding: 3.75rem 3.75rem 2.5rem;
    background: #e6f6ff;
  }
  .article-post-all .articleCard-view__row .article-card {
    width: 100% !important;
    margin-bottom: 1.5625rem;
  }
  .article-post-all .articleCard-view__row .article-card__img {
    display: none;
  }
  .article-post-all .articleCard-view__row .article-card__text {
    color: #10406a;
  }
  .article-post-all .articleCard-view__row table {
    width: 100% !important;
  }
}

.article-post-all__title {
  position: relative;
  width: auto;
  white-space: nowrap;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #5e7080;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.38px;
}

@media screen and (max-width: 768px) {
  .article-post-all__title {
    position: static;
    margin-bottom: 2.5rem;
    font-size: 4.875rem;
    letter-spacing: 0;
    color: #37a5e4;
    -webkit-transform: none;
            transform: none;
  }
}

.article-post-all__link {
  color: #1e4067;
  text-decoration: underline;
}

.article-post-all__link:hover, .article-post-all__link:active {
  color: #37a5e4;
}

.article-post-all__btn-m .trademark {
  left: 0 !important;
  margin-right: 0 !important;
}

.article-post-all__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #023b66;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 12.5rem;
  height: 4.375rem;
  border: 0.25rem solid #37a5e4;
  border-radius: 0.625rem;
}

@media screen and (max-width: 768px) {
  .article-post-all__btn {
    display: none;
  }
}

.article-post-all__btn-m {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  color: #1e4067;
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
  padding: 0 5px;
  height: 3rem;
  border-radius: 0.3125rem;
  border: 0.125rem solid #163b63;
  opacity: 0.8;
  text-transform: none;
}

.article-post-all__btn:hover, .article-post-all__btn:active {
  color: #37a5e4;
}

* + .article-post-all__btn {
  margin: 5rem auto 0 !important;
}

.article-post-all .atricle-allCards {
  position: relative;
  margin-top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .article-post-all .atricle-allCards {
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}

.article-post-all .articleCard-view {
  position: absolute;
  top: 12.5rem;
  left: 50%;
  -webkit-transform: scale(0.5) translate(-100%);
          transform: scale(0.5) translate(-100%);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

@media screen and (max-width: 768px) {
  .article-post-all .articleCard-view {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}

.article-post-all__img-marimer-mob {
  display: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post-all__img-marimer-mob {
    display: block;
  }
}

.article-post-all__img-marimer-mob img {
  width: 100%;
  padding-bottom: 3.125rem;
}

.article-post-all .article-post1__btn_mod2 {
  margin-top: 5rem;
  margin-bottom: -1rem;
  width: 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post-all .article-post1__btn_mod2 {
    margin-top: 1.4375rem;
    margin-bottom: -4rem;
    width: 24rem;
  }
}

.article-post-all {
  padding: 3.125rem 6.25rem 6.25rem;
}

.article-post-all .articleCard-view {
  margin-top: 3.75rem;
  top: 0rem;
  position: relative;
  left: 0%;
  -webkit-transform: scale(1) translate(0);
          transform: scale(1) translate(0);
}

.article-post-all .articleCard-view__row + .articleCard-view__row {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .article-post-all_mod {
    padding-top: 5.5rem;
  }
  .article-post-all_mod .article-post-all__title {
    font-size: 11.78rem;
  }
  .article-post-all_mod .articleCard-view {
    margin-top: 5.5rem;
    padding-bottom: .7rem;
  }
  .article-post-all_mod .articleCard-view__row table.type-3 tr td {
    vertical-align: top;
    padding: .9rem 2rem;
  }
  .article-post-all_mod .article-card.custom-size .article-card__text {
    font-size: 3.5rem;
  }
  .article-post-all_mod .article-card.custom-size .article-card__description {
    padding-top: 2.2rem;
    padding-bottom: 2.8rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post-all_mod {
    padding-top: 3.4375rem;
  }
  .article-post-all_mod .article-post-all__title {
    margin-bottom: 5rem;
    width: calc(100% + 3.75rem);
    margin-left: -1.875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post-all_instr .article-post1__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 12.5rem);
    margin-left: -6.25rem;
    margin-top: 2rem;
    margin-bottom: -7rem;
    border: none;
    background: white;
    border-radius: 0;
    font-weight: 700;
    height: 7.75rem;
    font-size: 1.875rem;
  }
}

html.ie .article-post-all {
  overflow-x: hidden;
}

.article-post__content_mod {
  padding-left: 29.0625rem;
  padding-right: 9.8rem;
}

.article-post__content_mod .post-article__item sup {
  left: 0 !important;
  margin-right: 0;
}

.article-post__content_mod .post-article__item_read-btn .article-post1__btn_mod {
  position: relative;
  left: .5rem;
  letter-spacing: .1rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_read-btn .article-post1__btn_mod {
    left: 0;
  }
}

.article-post__content_mod .no-wrap {
  white-space: nowrap;
  display: inline-block;
}

.article-post__content_mod .desktop-hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .desktop-hidden {
    display: block;
  }
}

.article-post__content_mod .desktop-bold {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .desktop-bold {
    font-weight: normal;
  }
}

@media screen and (max-width: 768px) {
  .article-post__content_mod {
    padding-left: 0;
    padding-right: 0;
  }
  .article-post__content_mod .mobile-hidden {
    display: none;
  }
  .article-post__content_mod .mobile-bold {
    font-weight: 700;
  }
}

@media screen and (min-width: 641px) {
  .article-post__content_mod .post-article__img:not(.post-article__img_mob) {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .article-post__content_mod .post-article__img-wrap_mod-bm2 {
    width: 100%;
  }
  .article-post__content_mod .post-nav {
    position: fixed;
    left: 12.5rem;
    top: 19.3rem;
  }
  .article-post__content_mod .article-post-all__btn-m {
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0.125rem solid #10406a;
    border-radius: 0;
    color: #10406a;
    opacity: 1;
    display: inline-block;
    height: auto;
    line-height: .9;
    padding-left: 0;
    padding-right: 0;
  }
  .article-post__content_mod .article-post-all__btn-m:hover {
    border-color: #63baeb;
  }
}

.article-post__content_mod .post-article__item:first-child .post-article__title {
  width: 100%;
  line-height: .83;
  margin-bottom: 5.3rem;
  letter-spacing: 0.14375rem !important;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item:first-child .post-article__title {
    letter-spacing: normal !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article {
    margin-top: 3.9375rem;
  }
}

.article-post__content_mod .post-article__title {
  width: 100%;
  line-height: .991;
  letter-spacing: 0.075rem !important;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__title {
    letter-spacing: -0.1rem !important;
  }
}

.article-post__content_mod .post-article__item:not(.post-article__item_footnote) .post-article__text, .article-post__content_mod .post-article__item:not(.post-article__item_footnote) .post-article__list-item {
  font-size: 2.08344rem;
  letter-spacing: -0.05625rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item:not(.post-article__item_footnote) .post-article__text, .article-post__content_mod .post-article__item:not(.post-article__item_footnote) .post-article__list-item {
    font-size: 2rem;
  }
}

.article-post__content_mod * + .post-article__text {
  margin-top: 3rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod * + .post-article__text {
    margin-top: 1.75rem;
  }
}

.article-post__content_mod .post-article__item_img {
  margin-top: 2.625rem;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_img {
    margin-top: 3.75rem;
  }
}

.article-post__content_mod .post-article__item_img-mod {
  margin-top: 4.1875rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_img-mod {
    margin-top: -1.875rem;
  }
}

.article-post__content_mod .post-article__title + .post-article__list.post-article__list_mod {
  margin-top: 2.3125rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_footnote {
    margin-top: -1.375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-nav {
    margin: 0.1875rem -1.25rem 3.4375rem;
    width: calc(100% + 2.5rem);
    padding: 2.5rem 1.5625rem 1.5625rem !important;
  }
  .article-post__content_mod .post-nav .post-nav__item {
    margin-bottom: 2.1875rem;
  }
}

.article-post__content_mod .post-article__box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__box-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.article-post__content_mod .post-article__item_box {
  padding-top: 2rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box {
    padding-top: 1.25rem;
    margin-bottom: -0.625rem;
  }
}

.article-post__content_mod .post-article__item_box .post-article__title {
  margin-top: 1.3rem;
  margin-bottom: 2.5rem;
  padding-left: 37rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__title {
    padding-left: 0;
    margin-bottom: 3.5625rem;
    margin-top: 0;
  }
}

.article-post__content_mod .post-article__item_box .post-article__img-wrap {
  padding-top: .6rem;
  width: 34.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__img-wrap {
    padding-top: 0;
    width: 95%;
    margin: 0;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__img {
    display: none;
  }
}

.article-post__content_mod .post-article__item_box .post-article__img_mob {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__img_mob {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__content-wrap {
    padding-top: 0.4375rem;
  }
}

.article-post__content_mod .post-article__item_box .post-article__list_mod {
  margin-top: 3.1rem;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__list_mod {
    margin-top: 2.8125rem;
    margin-bottom: 2.8125rem;
  }
}

.article-post__content_mod .post-article__item_box .post-article__list-item {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__text {
    margin-top: 2.8125rem;
  }
}

.article-post__content_mod .post-article__item_footnote {
  width: 100% !important;
}

@media screen and (max-width: 768px) {
  .article-post__content_mod .post-article__item_box .post-article__title {
    letter-spacing: -0.025rem !important;
  }
}

.article-post1-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post1-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post1-single-column__img-blob img {
  width: 55%;
}

.article-post1-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post1-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column__img-blob, .article-post1-single-column__img-blob-b {
    display: none;
  }
}

.article-post1-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post1-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post1-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post1-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post1-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post1-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post1-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post1-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post1-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post1-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post1-single-column .post-article__title {
  width: 130%;
}

.article-post1-single-column sub,
.article-post1-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post1-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post1-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .trademark {
    left: -1.4%;
  }
}

.article-post1-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post1-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post1-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post1-single-column__btn:hover, .article-post1-single-column__btn:active {
  color: #37a5e4;
}

.article-post1-single-column .article-post {
  padding-top: 10.67rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .article-post {
    padding-top: 11rem;
  }
}

.article-post1-single-column .post-article__title {
  width: 100%;
  margin-bottom: 5.3rem;
}

.article-post1-single-column .post-article__item_img-i1 {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post1-single-column .post-article__item_img-i1m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i1m {
    display: block;
    margin: 2.8125rem 0 -0.625rem;
  }
}

.article-post1-single-column .post-article__item_img-i2 {
  margin-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post1-single-column .post-article__item_img-i2m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i2m {
    display: block;
    margin: -0.625rem 0 -3.6875rem;
  }
}

.article-post1-single-column .post-article__item_img-i3 {
  margin-top: 3.125rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i3 {
    display: none;
  }
}

.article-post1-single-column .post-article__item_img-i3m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i3m {
    display: block;
    margin: -0.9375rem 0 -2.0625rem;
  }
}

.article-post1-single-column .post-article__item_img-i4 {
  margin-top: 4.0625rem;
  margin-bottom: 2.1875rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i4 {
    display: none;
  }
}

.article-post1-single-column .post-article__item_img-i4m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i4m {
    display: block;
    margin: -1.875rem 0 -3.5625rem;
  }
}

.article-post1-single-column .post-article__item_img-i5 {
  margin-top: 4.375rem;
  margin-bottom: 4.1875rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i5 {
    display: none;
  }
}

.article-post1-single-column .post-article__item_img-i5m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_img-i5m {
    display: block;
    margin: 2.6875rem 0 -1.9375rem;
  }
}

.article-post1-single-column .post-article__item_text-t1 {
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_text-t1 {
    margin-bottom: 2.875rem;
  }
}

.article-post1-single-column .post-article__item_text-t2 {
  margin-top: 2.1875rem;
}

.article-post1-single-column .post-article__item_text-t3 {
  margin-bottom: 1.1rem;
}

.article-post1-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: 3.3rem;
  margin-top: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_text-t3 .post-article__title {
    margin-top: -3.125rem;
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_text-t3 {
    margin-bottom: 3.75rem;
  }
  .article-post1-single-column .post-article__item_text-t3 .post-article__text {
    margin-top: 1.3125rem;
    margin-bottom: -1.0625rem;
  }
  .article-post1-single-column .post-article__item_text-t3 + .post-article__item {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_text-t4 {
    margin-bottom: -0.3125rem;
  }
}

.article-post1-single-column .post-article__item_banner-b1 {
  margin-top: 2.8125rem;
  margin-left: -2.1875rem;
  margin-bottom: 2.1875rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_banner-b1 {
    margin-top: -1.25rem;
    margin-bottom: -1.0625rem;
  }
}

.article-post1-single-column .post-article__item_banner-b1 .post-article-banner {
  padding: 2.8125rem 2.5rem 3.75rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_banner-b1 .post-article-banner {
    padding: 0.8125rem 4.6875rem 1.25rem;
  }
}

.article-post1-single-column .post-article__item_banner-b2 {
  margin-top: 11.875rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_banner-b2 {
    margin-top: 4.25rem;
  }
}

.article-post1-single-column .post-article__item_footnote {
  margin-top: 3.75rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item_footnote {
    margin-top: -1.25rem;
  }
}

.article-post1-single-column .post-article__item_footnote .post-article__text:last-child {
  margin-bottom: 3.125rem;
}

.article-post1-single-column .post-article__item_footnote span {
  line-height: 1.1;
  font-size: 1.563rem;
  margin-bottom: 0.9375rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__item:first-child .post-article__title {
    text-align: left;
    padding: 0 2.0625rem;
    margin-top: -0.3125rem;
  }
}

.article-post1-single-column #water {
  margin-bottom: 2.9rem;
  margin-top: 5.3rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column #water {
    margin-top: -1.1875rem;
    margin-bottom: 3.0625rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post1-single-column .post-article__img {
    border-radius: 0;
    width: 100%;
  }
  .article-post1-single-column .post-article__img-wrap {
    margin: 0 -2.5rem !important;
  }
}

.article-post1-single-column #benefitsWater2 {
  margin-top: 6.5rem;
  margin-bottom: 3.6rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column #benefitsWater2 {
    margin-bottom: 2.0625rem;
    margin-top: 3.875rem;
  }
}

.article-post1-single-column #children {
  margin-bottom: 3.6rem;
  margin-top: 3.6rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column #children {
    margin-bottom: -0.25rem;
  }
}

.article-post1-single-column #adult {
  margin-bottom: 2.6rem;
  margin-top: 4.1rem;
}

@media screen and (max-width: 768px) {
  .article-post1-single-column #adult {
    margin-bottom: -1.0625rem;
    margin-top: 2.5rem;
  }
}

.article-post2-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post2-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post2-single-column__img-blob img {
  width: 55%;
}

.article-post2-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post2-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column__img-blob, .article-post2-single-column__img-blob-b {
    display: none;
  }
}

.article-post2-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post2-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post2-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post2-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post2-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post2-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post2-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post2-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post2-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post2-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post2-single-column .post-article__title {
  width: 130%;
}

.article-post2-single-column sub,
.article-post2-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post2-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post2-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .trademark {
    left: -1.4%;
  }
}

.article-post2-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post2-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post2-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post2-single-column__btn:hover, .article-post2-single-column__btn:active {
  color: #37a5e4;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column {
    padding-top: 11.5625rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-nav {
    margin-bottom: 0;
  }
}

.article-post2-single-column .article-post {
  padding-top: 9.9rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .article-post {
    padding-top: 11.125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article {
    margin-top: 0;
  }
}

.article-post2-single-column .post-article__title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__title {
    letter-spacing: normal !important;
  }
}

.article-post2-single-column .post-article__item:first-child .post-article__title {
  line-height: .94;
  margin-bottom: 4.6rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item:first-child .post-article__title {
    top: 13.875rem;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post2-single-column .post-article__item_text-t1 {
  padding-top: 0.5rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t1 {
    padding-top: 0;
    padding-bottom: 0.3125rem;
  }
}

.article-post2-single-column .post-article__item_text-t1 .post-article__title {
  margin-bottom: -.1rem;
  margin-top: 1.7rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t1 .post-article__title {
    margin-bottom: -0.25rem;
  }
}

.article-post2-single-column .post-article__item_text-t2 {
  padding-top: 0.4375rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t2 {
    margin-top: 3.1875rem;
  }
}

.article-post2-single-column .post-article__item_text-t2 .post-article__title {
  margin-bottom: -.2rem;
  margin-top: 1.7rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t2 .post-article__title {
    margin-bottom: 2.125rem;
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t2 + .post-article__item_list-end {
    padding-left: 0;
    margin-top: -0.3125rem;
    margin-bottom: 3.3125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t3 {
    margin-bottom: -0.3125rem;
  }
}

.article-post2-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 3.2rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t3 .post-article__title {
    margin-bottom: 2.8125rem;
  }
}

.article-post2-single-column .post-article__item_text-t4 .post-article__title {
  margin-bottom: -.1rem;
  margin-top: 3.8rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t4 .post-article__title {
    margin-bottom: -0.3125rem;
    margin-top: 2.625rem;
    letter-spacing: -0.1rem !important;
  }
}

.article-post2-single-column .post-article__item_text-t5 {
  padding-top: .8rem;
}

.article-post2-single-column .post-article__item_text-t5 .post-article__title {
  margin-bottom: 3.1rem;
  margin-top: 1.4rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t5 .post-article__title {
    margin-bottom: 2.125rem;
    line-height: 1.2 !important;
    margin-top: -0.125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t5 {
    padding-top: 0;
    margin-bottom: -0.25rem;
  }
  .article-post2-single-column .post-article__item_text-t5 .post-article__text:nth-child(3) {
    margin-top: 2.8125rem;
    margin-bottom: 2.9375rem;
  }
}

.article-post2-single-column .post-article__item_text-t6 {
  padding-top: 1.8rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t6 {
    padding-top: 0.375rem;
  }
  .article-post2-single-column .post-article__item_text-t6 .post-article__text:nth-child(2) {
    margin-top: 2.875rem;
  }
}

.article-post2-single-column .post-article__item_text-t7 {
  padding-top: .2rem;
  padding-bottom: 1.1rem;
}

.article-post2-single-column .post-article__item_text-t7 .post-article__title {
  margin-top: 1.5rem;
  margin-bottom: 3.7rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t7 .post-article__title {
    margin-bottom: -0.1875rem;
    line-height: 1.2 !important;
    margin-top: -0.625rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t7 {
    padding-top: 0;
    margin-top: -0.375rem;
    padding-bottom: 0;
  }
  .article-post2-single-column .post-article__item_text-t7 .post-article__text + .post-article__text {
    margin-top: 2.875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t8 {
    margin-top: -0.1875rem;
    margin-bottom: -0.1875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t9 {
    margin-top: -0.375rem;
    margin-bottom: -0.1875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_text-t10 {
    margin-top: -0.25rem;
  }
}

.article-post2-single-column .post-article__item_img-i1 {
  margin-top: 2rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post2-single-column .post-article__item_img-i1m {
  display: none;
  margin: 2.625rem 0 2.75rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i1m {
    display: block;
  }
}

.article-post2-single-column .post-article__item_img-i2 {
  margin-top: 2.3rem;
  margin-bottom: 1.9rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post2-single-column .post-article__item_img-i2m {
  display: none;
  margin: -0.375rem 0 3.0625rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i2m {
    display: block;
  }
}

.article-post2-single-column .post-article__item_img-i3 {
  margin-bottom: 2.3rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i3 {
    display: none;
  }
}

.article-post2-single-column .post-article__item_img-i3m {
  display: none;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i3m {
    display: block;
  }
}

.article-post2-single-column .post-article__item_img-i4 {
  margin-top: -1.2rem;
  margin-bottom: 5.3rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i4 {
    display: none;
  }
}

.article-post2-single-column .post-article__item_img-i4m {
  display: none;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_img-i4m {
    display: block;
    margin: 3.75rem 0 -1.375rem;
  }
  .article-post2-single-column .post-article__item_img-i4m + .post-article__item .post-article__text:nth-child(2) {
    margin-top: 2.875rem;
  }
}

.article-post2-single-column .post-article__item_banner-b1 {
  margin-top: -1.2rem;
  margin-left: -2.1875rem;
  margin-bottom: 5rem;
  margin-right: -1.5rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_banner-b1 {
    margin-top: 3.5625rem;
  }
}

.article-post2-single-column .post-article__item_banner-b1 .post-article-banner {
  padding: 2rem 2.5rem 2rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_banner-b1 .post-article-banner {
    padding-left: 4.5rem;
    padding-top: 2.1875rem;
    margin-bottom: 0;
    padding-bottom: 3.375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_banner-b1 .post-article-banner__title {
    margin-bottom: -0.75rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_banner-b2 {
    margin-bottom: 5.1875rem;
  }
}

.article-post2-single-column .article-post1__btn_mod {
  margin-top: 1.3rem;
}

.article-post2-single-column .post-article__item_footnote {
  margin-top: 3rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_footnote {
    margin-top: -0.25rem;
  }
}

.article-post2-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 1.5rem;
  margin-bottom: 5.5rem;
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
    margin-bottom: 0.125rem;
    margin-top: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post2-single-column .post-article__item_mobile-mod-1 .post-article__text strong {
    letter-spacing: -0.0875rem;
  }
}

.article-post3-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post3-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post3-single-column__img-blob img {
  width: 55%;
}

.article-post3-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post3-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column__img-blob, .article-post3-single-column__img-blob-b {
    display: none;
  }
}

.article-post3-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post3-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post3-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post3-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post3-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post3-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post3-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post3-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post3-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post3-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post3-single-column .post-article__title {
  width: 130%;
}

.article-post3-single-column sub,
.article-post3-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post3-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post3-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .trademark {
    left: -1.4%;
  }
}

.article-post3-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post3-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post3-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post3-single-column__btn:hover, .article-post3-single-column__btn:active {
  color: #37a5e4;
}

.article-post3-single-column .article-post {
  padding-top: 6.2rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .article-post {
    padding-top: 8.75rem;
  }
}

.article-post3-single-column .post-article__title {
  width: 100%;
}

.article-post3-single-column .post-article {
  margin-top: 4.0625rem;
}

.article-post3-single-column .post-article__item:first-child .post-article__title {
  max-width: 70rem;
  margin-bottom: 6.9rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item:first-child .post-article__title {
    top: 9.5rem;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post3-single-column .post-article__item_text-t1 {
  margin-top: -.7rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t1 {
    margin-top: -0.25rem;
  }
}

.article-post3-single-column .post-article__item_text-t1 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t1 .post-article__title {
    margin-top: 2.75rem;
    margin-bottom: -0.4375rem;
    letter-spacing: normal !important;
  }
}

.article-post3-single-column .post-article__item_text-t2 {
  margin-top: -.7rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t2 {
    margin-bottom: -0.1875rem;
  }
  .article-post3-single-column .post-article__item_text-t2 + .post-article__item {
    margin-bottom: 2.6875rem;
  }
}

.article-post3-single-column .post-article__item_text-t2 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 2.7rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t2 .post-article__title {
    letter-spacing: normal !important;
    margin-bottom: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t3 {
    margin-top: -0.625rem;
  }
}

.article-post3-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 2.7rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t3 .post-article__title {
    margin-bottom: 2.375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t4 {
    margin-top: -0.5rem;
  }
  .article-post3-single-column .post-article__item_text-t4 .post-article__text:nth-child(3) {
    margin-top: 2.9375rem;
    margin-bottom: 2.9375rem;
  }
  .article-post3-single-column .post-article__item_text-t4 .post-article__text:nth-child(5) {
    margin-top: 0;
    margin-bottom: 2.9375rem;
  }
  .article-post3-single-column .post-article__item_text-t4 .post-article__text:nth-child(7) {
    margin-top: 0;
    margin-bottom: 2.9375rem;
  }
}

.article-post3-single-column .post-article__item_text-t4 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 2.3rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_text-t4 .post-article__title {
    margin-bottom: -0.5rem;
    margin-top: 2.75rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post3-single-column .post-article__item_img-i1m {
  display: none;
  margin: 2.6875rem 0 3.4375rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img-i1m {
    display: block;
  }
  .article-post3-single-column .post-article__item_img-i1m + .post-article__item .post-article__text:nth-child(2) {
    margin-top: 2.8125rem;
  }
}

.article-post3-single-column .post-article__item_img-i2 {
  margin-top: 3.7rem;
  margin-bottom: 3.7rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post3-single-column .post-article__item_img-i2m {
  display: none;
  margin: -1.125rem 0 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img-i2m {
    display: block;
  }
  .article-post3-single-column .post-article__item_img-i2m + .post-article__item .post-article__text:nth-child(3) {
    margin-top: 2.9375rem;
    margin-bottom: -2.9375rem;
  }
}

.article-post3-single-column .post-article__item_img-i3 {
  margin-top: 3.7rem;
  margin-bottom: 3.5rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img-i3 {
    display: none;
  }
}

.article-post3-single-column .post-article__item_img-i3m {
  display: none;
  margin: -1.5625rem 0 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_img-i3m {
    display: block;
  }
  .article-post3-single-column .post-article__item_img-i3m + .post-article__item .post-article__text:nth-child(2n) {
    margin-top: 3rem;
  }
}

.article-post3-single-column .post-article__item_banner-b1 {
  margin-top: 2.5rem;
  margin-left: -2rem;
  margin-right: 2rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_banner-b1 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2.9375rem;
  }
  .article-post3-single-column .post-article__item_banner-b1 .post-article-banner {
    padding-top: 1.4375rem;
  }
  .article-post3-single-column .post-article__item_banner-b1 .post-article-banner .post-article-banner__title {
    margin-bottom: -0.75rem;
  }
}

.article-post3-single-column .post-article__item_banner-b2 {
  margin-top: 3.7rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_banner-b2 {
    margin-top: -1.875rem;
    margin-bottom: -2.5rem;
  }
}

.article-post3-single-column .post-article__item_footnote {
  margin-top: 4.6rem;
  margin-bottom: 7.6rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_footnote {
    margin-top: -2.3125rem;
    margin-bottom: 0;
  }
}

.article-post3-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 1.8rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
    margin-top: 1.375rem;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post3-single-column #adenoids {
    margin-top: 2.75rem;
    margin-bottom: 2.5625rem;
    letter-spacing: normal !important;
  }
}

.article-post3-single-column #UnderWhat {
  margin-top: 2.2rem;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post3-single-column #UnderWhat {
    margin-top: 2.875rem;
    margin-bottom: 3rem;
    letter-spacing: normal !important;
  }
}

.article-post4-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post4-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post4-single-column__img-blob img {
  width: 55%;
}

.article-post4-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post4-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column__img-blob, .article-post4-single-column__img-blob-b {
    display: none;
  }
}

.article-post4-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post4-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post4-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post4-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post4-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post4-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post4-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post4-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post4-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post4-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post4-single-column .post-article__title {
  width: 130%;
}

.article-post4-single-column sub,
.article-post4-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post4-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post4-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .trademark {
    left: -1.4%;
  }
}

.article-post4-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post4-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post4-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post4-single-column__btn:hover, .article-post4-single-column__btn:active {
  color: #37a5e4;
}

.article-post4-single-column .article-post {
  padding-top: 6.2rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .article-post {
    padding-top: 12rem;
  }
}

.article-post4-single-column .post-article__title {
  width: 100%;
}

.article-post4-single-column .post-article {
  margin-top: 4.0625rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article {
    margin-top: 3.4375rem;
  }
}

.article-post4-single-column .post-article__item:first-child .post-article__title {
  margin-bottom: 6.8rem;
  letter-spacing: 0.15625rem !important;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item:first-child .post-article__title {
    letter-spacing: normal !important;
    top: 11.6875rem;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post4-single-column .post-article__item_img-i1 {
  margin-top: 3.2rem;
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post4-single-column .post-article__item_img-i1m {
  display: none;
  margin: 0 0 2.9375rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img-i1m {
    display: block;
  }
}

.article-post4-single-column .post-article__item_img-i2 {
  margin-bottom: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post4-single-column .post-article__item_img-i2m {
  display: none;
  margin: 2.4375rem 0 -0.25rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img-i2m {
    display: block;
  }
  .article-post4-single-column .post-article__item_img-i2m + .post-article__item .post-article__text:nth-child(2) {
    margin-top: 2.875rem;
    margin-bottom: 2.875rem;
  }
  .article-post4-single-column .post-article__item_img-i2m + .post-article__item .post-article__text:nth-child(4) {
    margin-top: 2.875rem;
  }
}

.article-post4-single-column .post-article__item_img-i3 {
  margin-top: 5.8rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img-i3 {
    display: none;
  }
}

.article-post4-single-column .post-article__item_img-i3m {
  display: none;
  margin: -1.3125rem 0;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_img-i3m {
    display: block;
  }
}

.article-post4-single-column .post-article__item_text-t1 {
  margin-top: 1.6rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t1 {
    margin-top: -0.6875rem;
    margin-bottom: 0;
  }
}

.article-post4-single-column .post-article__item_text-t2 {
  margin-top: 2rem;
  margin-bottom: 2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t2 {
    margin-top: -0.625rem;
    margin-bottom: -0.5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t2m {
    margin-bottom: 0;
  }
  .article-post4-single-column .post-article__item_text-t2m + .post-article__item_text-t2m {
    margin-top: 0;
  }
}

.article-post4-single-column .post-article__item_text-t3 {
  margin-top: 3rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t3 {
    margin-top: -0.5rem;
  }
  .article-post4-single-column .post-article__item_text-t3 .post-article__text:nth-child(3) {
    margin-top: 2.9375rem;
  }
}

.article-post4-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 4.2rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t3 .post-article__title {
    margin-bottom: -0.25rem;
    margin-top: 2.6875rem;
    letter-spacing: normal !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t3m {
    margin-bottom: 0;
  }
  .article-post4-single-column .post-article__item_text-t3m .post-article__text:nth-child(2) {
    margin-top: 2.875rem;
  }
  .article-post4-single-column .post-article__item_text-t3m .post-article__text:nth-child(3) {
    margin-top: 2.875rem;
  }
  .article-post4-single-column .post-article__item_text-t3m .post-article__text:nth-child(4) {
    margin-top: 0;
  }
  .article-post4-single-column .post-article__item_text-t3m .post-article__text:nth-child(5) {
    margin-top: 0;
  }
  .article-post4-single-column .post-article__item_text-t3m .post-article__text:nth-child(6) {
    margin-top: 0;
  }
  .article-post4-single-column .post-article__item_text-t3m .post-article__text:nth-child(7) {
    margin-top: 2.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t3m2 {
    margin-top: 0;
  }
  .article-post4-single-column .post-article__item_text-t3m2 .post-article__list_mod {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t3m3 .post-article__text:nth-child(2) {
    margin-top: 2.8125rem;
  }
  .article-post4-single-column .post-article__item_text-t3m3 .post-article__text:nth-child(3) {
    margin-top: 2.8125rem;
  }
  .article-post4-single-column .post-article__item_text-t3m3 .post-article__text:nth-child(4) {
    margin-top: 2.8125rem;
  }
}

.article-post4-single-column .post-article__item_text-t4 {
  margin-top: 3.2rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t4 {
    margin-top: -0.375rem;
  }
}

.article-post4-single-column .post-article__item_text-t4 .post-article__title {
  margin-bottom: 3.1rem;
  margin-top: 4.3rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t4 .post-article__title {
    margin-bottom: 0;
  }
}

.article-post4-single-column .post-article__item_text-t5 {
  padding-left: 8.7rem;
  padding-top: 1.4rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t5 {
    padding-left: 1.625rem;
    padding-top: 0.3125rem;
  }
}

.article-post4-single-column .post-article__item_text-t5 .post-article__text {
  margin-bottom: 5.6rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t5 .post-article__text {
    position: relative;
    margin-bottom: 2.8125rem;
  }
  .article-post4-single-column .post-article__item_text-t5 .post-article__text .count {
    margin-left: 0.625rem;
  }
  .article-post4-single-column .post-article__item_text-t5 .post-article__text::before {
    position: absolute;
    content: '\2022';
    display: block;
    font-size: 2.875rem;
    left: -1.875rem;
    top: -0.6875rem;
  }
}

.article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(4) {
  margin-top: -2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(4) {
    margin-left: -1.625rem;
    margin-top: 2.8125rem;
  }
  .article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(4) strong {
    font-weight: normal;
  }
  .article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(4)::before {
    display: none;
  }
}

.article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(5) {
  margin-top: -2.7rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(5) {
    margin-left: -1.625rem;
    margin-top: 0;
  }
  .article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(5) strong {
    font-weight: normal;
  }
  .article-post4-single-column .post-article__item_text-t5 .post-article__text:nth-child(5)::before {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t6 .post-article__text:nth-child(3) {
    margin-top: 2.8125rem;
  }
  .article-post4-single-column .post-article__item_text-t6 .post-article__text:nth-child(4) {
    margin-top: 0rem;
  }
  .article-post4-single-column .post-article__item_text-t6 .post-article__text:nth-child(5) {
    margin-top: 2.875rem;
  }
  .article-post4-single-column .post-article__item_text-t6 .post-article__text:nth-child(6) {
    margin-top: 2.875rem;
  }
  .article-post4-single-column .post-article__item_text-t6 .post-article__text:nth-child(7) {
    margin-top: 0;
  }
}

.article-post4-single-column .post-article__item_text-t6 .post-article__title {
  margin-top: 5.4rem;
  margin-bottom: -.6rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t6 .post-article__title {
    margin-top: 3.8125rem;
    margin-bottom: -0.125rem;
    letter-spacing: normal !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_text-t7 {
    margin-bottom: 2.125rem;
  }
  .article-post4-single-column .post-article__item_text-t7 .post-article__text:nth-child(2) {
    margin-top: 2.8125rem;
  }
}

.article-post4-single-column .post-article__item_banner-b1 {
  margin-top: 2.5rem;
  margin-left: -2rem;
  margin-right: -.5rem;
  margin-bottom: 3.3rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_banner-b1 {
    margin-left: 0;
    margin-right: 0;
    margin-top: -1rem;
    margin-bottom: -1.25rem;
  }
}

.article-post4-single-column .post-article__item_banner-b1 .post-article-banner {
  padding-left: 2rem;
  padding-top: 1.7rem;
  padding-bottom: 3.3rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_banner-b1 .post-article-banner {
    padding-top: 2.0625rem;
    padding-left: 2.4375rem;
    padding-bottom: 3.125rem;
  }
}

.article-post4-single-column .post-article__item_banner-b2 {
  margin-top: 3.2rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_banner-b2 {
    margin-top: -0.4375rem;
    margin-bottom: -0.9375rem;
  }
}

.article-post4-single-column .post-article__item_footnote {
  margin-top: 4.9rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_footnote {
    margin-top: -1.25rem;
  }
}

.article-post4-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 2.5rem;
  margin-bottom: 5.6rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
    margin-top: 1.0625rem;
    margin-bottom: -0.5625rem;
  }
}

.article-post4-single-column #symptoms {
  margin-top: 2.3rem;
  margin-bottom: 2.3rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column #symptoms {
    margin-top: 3.0625rem;
    margin-bottom: 2.75rem;
    letter-spacing: normal !important;
  }
}

.article-post4-single-column #symptom {
  margin-top: 3.3rem;
  margin-bottom: 2.9rem;
}

@media screen and (max-width: 768px) {
  .article-post4-single-column #symptom {
    margin-top: 2.75rem;
    margin-bottom: 2.8125rem;
    letter-spacing: normal !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post4-single-column #complications {
    margin-top: 2.6875rem;
    margin-bottom: 2.0625rem;
    letter-spacing: normal !important;
  }
}

.article-post5-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post5-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post5-single-column__img-blob img {
  width: 55%;
}

.article-post5-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post5-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column__img-blob, .article-post5-single-column__img-blob-b {
    display: none;
  }
}

.article-post5-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post5-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post5-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post5-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post5-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post5-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post5-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post5-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post5-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post5-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post5-single-column .post-article__title {
  width: 130%;
}

.article-post5-single-column sub,
.article-post5-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post5-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post5-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .trademark {
    left: -1.4%;
  }
}

.article-post5-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post5-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post5-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post5-single-column__btn:hover, .article-post5-single-column__btn:active {
  color: #37a5e4;
}

.article-post5-single-column .article-post {
  padding-top: 6.2rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .article-post {
    padding-top: 12.125rem;
  }
}

.article-post5-single-column .post-article__title {
  width: 100%;
}

.article-post5-single-column .post-article {
  margin-top: 3.8rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article {
    margin-top: 4.625rem;
  }
}

.article-post5-single-column .post-article__item:first-child .post-article__title {
  margin-bottom: 5.9rem;
  line-height: .93;
  letter-spacing: 2.5px !important;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item:first-child .post-article__title {
    top: 11.625rem;
    letter-spacing: normal !important;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post5-single-column .post-article__item_img-i1 {
  margin-top: 6.3rem;
  margin-bottom: .8rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post5-single-column .post-article__item_img-i1m {
  display: none;
  margin: -0.3125rem 0 0;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_img-i1m {
    display: block;
  }
}

.article-post5-single-column .post-article__item_img-i2 {
  margin-top: 3.6rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post5-single-column .post-article__item_img-i2m {
  display: none;
  margin: 3.625rem 0 2.875rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_img-i2m {
    display: block;
  }
  .article-post5-single-column .post-article__item_img-i2m + .post-article__item .post-article__text:nth-child(2) {
    margin-top: 2.875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t1 {
    margin-bottom: 0;
  }
}

.article-post5-single-column .post-article__item_text-t1 .post-article__title {
  margin-bottom: -.9;
  margin-top: 2.1rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t1 .post-article__title {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    font-size: 4.1875rem;
    line-height: 1.2 !important;
    letter-spacing: -.15rem !important;
  }
}

.article-post5-single-column .post-article__item_text-t1 .post-article__text:nth-child(3) {
  padding-left: 8.5rem;
  margin-top: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t1 .post-article__text:nth-child(3) {
    padding-left: 0;
    margin-top: 2.875rem;
  }
}

.article-post5-single-column .post-article__item_text-t1 .post-article__list_mod {
  padding-left: 10rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t1 .post-article__list_mod {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.article-post5-single-column .post-article__item_text-t1 .post-article__list-item {
  padding-left: 2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t1 .post-article__list-item {
    padding-left: 1.5rem;
  }
}

.article-post5-single-column .post-article__item_text-t2 {
  padding-left: 8.5rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t2 {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.article-post5-single-column .post-article__item_text-t2 .post-article__text:nth-child(2) {
  margin-top: 2.1rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t2 .post-article__text:nth-child(2) {
    margin-top: 2.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t3 {
    margin-top: 0;
  }
}

.article-post5-single-column .post-article__item_text-t3 .post-article__list_mod {
  padding-left: 10rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t3 .post-article__list_mod {
    padding-left: 0;
    margin-top: 0;
  }
}

.article-post5-single-column .post-article__item_text-t3 .post-article__list-item {
  padding-left: 2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t3 .post-article__list-item {
    padding-left: 1.5rem;
  }
}

.article-post5-single-column .post-article__item_text-t4 {
  padding-left: 8.5rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t4 {
    padding-left: 0;
    margin-top: 1.875rem;
  }
}

.article-post5-single-column .post-article__item_text-t4 .post-article__text:nth-child(2) {
  margin-top: 3.6rem;
  margin-bottom: -.6rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t4 .post-article__text:nth-child(2) {
    margin-top: 2.9375rem;
    margin-bottom: 2.875rem;
  }
}

.article-post5-single-column .post-article__item_text-t5 {
  margin-top: 3.6rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t5 {
    margin-top: 0;
  }
}

.article-post5-single-column .post-article__item_text-t5 strong {
  margin-bottom: -1.9rem;
  display: block;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t5 strong {
    margin-bottom: -2.8125rem;
  }
}

.article-post5-single-column .post-article__item_text-t6 {
  margin-top: -.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t6 {
    margin-top: 3.875rem;
  }
  .article-post5-single-column .post-article__item_text-t6 .post-article__text:nth-child(3) {
    margin-top: 2.9375rem;
  }
}

.article-post5-single-column .post-article__item_text-t6 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t6 .post-article__title {
    margin-bottom: 2.375rem;
    margin-top: 4.1875rem;
    letter-spacing: normal !important;
  }
}

.article-post5-single-column .post-article__item_text-t7 {
  margin-top: -.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t7 {
    margin-top: -0.5625rem;
  }
}

.article-post5-single-column .post-article__item_text-t7 .post-article__title {
  margin-bottom: 3rem;
  margin-top: 2.7rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t7 .post-article__title {
    margin-bottom: 2.0625rem;
    margin-top: -0.875rem;
    line-height: 1.2 !important;
    letter-spacing: normal !important;
  }
}

.article-post5-single-column .post-article__item_text-t7 .post-article__list_mod {
  margin-bottom: 0;
}

.article-post5-single-column .post-article__item_text-t8 {
  margin-top: -.7rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t8 {
    margin-top: -0.9375rem;
  }
}

.article-post5-single-column .post-article__item_text-t8 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t8 .post-article__title {
    margin-bottom: 2.5rem;
    margin-top: 2.8125rem;
    letter-spacing: normal !important;
  }
}

.article-post5-single-column .post-article__item_text-t8 .post-article__list_mod {
  margin-top: 3rem;
}

.article-post5-single-column .post-article__item_text-t8 .post-article__list-item {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_text-t9 {
    margin-top: -0.3125rem;
  }
}

.article-post5-single-column .post-article__item_banner-b1 {
  margin-top: -1rem;
  margin-left: -2rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_banner-b1 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.article-post5-single-column .post-article__item_banner-b1 .post-article-banner {
  padding-top: 1.8rem;
  padding-left: 2.7rem;
  padding-bottom: 3.2rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_banner-b1 .post-article-banner {
    padding-top: 2.1875rem;
    padding-bottom: 4.25rem;
    margin-bottom: 0;
  }
  .article-post5-single-column .post-article__item_banner-b1 .post-article-banner .post-article-banner__text {
    margin-top: 0.625rem;
  }
  .article-post5-single-column .post-article__item_banner-b1 .post-article-banner .post-article-banner__title {
    letter-spacing: -0.09375rem;
  }
}

.article-post5-single-column .post-article__item_banner-b2 {
  margin-top: 2.2rem;
  margin-left: -2.3rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_banner-b2 {
    margin-left: 0;
  }
}

.article-post5-single-column .post-article__item_banner-b2 .post-article-banner {
  padding-top: 3.7rem;
  padding-bottom: 3.8rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_banner-b2 .post-article-banner {
    padding-top: 2.875rem;
    padding-bottom: 3rem;
  }
}

.article-post5-single-column .post-article__item_banner-b3 {
  margin-top: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_banner-b3 {
    margin-top: -2.375rem;
    margin-bottom: -3rem;
  }
}

.article-post5-single-column .post-article__item_footnote {
  padding-top: .3rem;
  padding-bottom: .5rem;
}

.article-post5-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
    margin-top: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post5-single-column .post-nav {
    margin-bottom: -0.3125rem;
  }
}

.article-post6-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post6-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post6-single-column__img-blob img {
  width: 55%;
}

.article-post6-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post6-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column__img-blob, .article-post6-single-column__img-blob-b {
    display: none;
  }
}

.article-post6-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post6-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post6-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post6-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post6-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post6-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post6-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post6-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post6-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post6-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post6-single-column .post-article__title {
  width: 130%;
}

.article-post6-single-column sub,
.article-post6-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post6-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post6-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .trademark {
    left: -1.4%;
  }
}

.article-post6-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post6-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post6-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post6-single-column__btn:hover, .article-post6-single-column__btn:active {
  color: #37a5e4;
}

.article-post6-single-column .article-post {
  padding-top: 6rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .article-post {
    padding-top: 12.75rem;
  }
}

.article-post6-single-column .post-article__title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__title {
    letter-spacing: normal !important;
  }
}

.article-post6-single-column .post-article {
  margin-top: 3.9rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article {
    margin-top: 4.125rem;
  }
}

.article-post6-single-column .post-article__item:first-child .post-article__title {
  margin-bottom: 3.9rem;
  line-height: .94 !important;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item:first-child .post-article__title {
    top: 11.6875rem;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post6-single-column .post-article__item_img-i1 {
  margin-top: -.3rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post6-single-column .post-article__item_img-i1m {
  display: none;
  margin: 3.25rem 0 4.6875rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img-i1m {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post6-single-column .post-article__item_img-i2m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img-i2m {
    display: block;
  }
}

.article-post6-single-column .post-article__item_img-i3 {
  margin-top: 2rem;
  margin-bottom: 1.4rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img-i3 {
    display: none;
  }
}

.article-post6-single-column .post-article__item_img-i3m {
  display: none;
  margin: 5.75rem 0px 3.0625rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_img-i3m {
    display: block;
  }
}

.article-post6-single-column .post-article__item_text-t1 {
  margin-top: -1.6rem;
}

.article-post6-single-column .post-article__item_text-t1 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 4.3rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t1 .post-article__title {
    margin-bottom: 2.4375rem;
    margin-top: 4.875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t1 .post-article__text:nth-child(3) {
    margin-top: 2.9375rem;
  }
  .article-post6-single-column .post-article__item_text-t1 .post-article__text:nth-child(4) {
    margin-top: 2.9375rem;
  }
  .article-post6-single-column .post-article__item_text-t1 .post-article__text:nth-child(7) {
    margin-top: 2.9375rem;
  }
  .article-post6-single-column .post-article__item_text-t1 .post-article__text:nth-child(11) {
    margin-top: 2.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t1m {
    margin-bottom: 0;
  }
  .article-post6-single-column .post-article__item_text-t1m .post-article__list_mod {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t1m2 {
    margin-bottom: 4.625rem;
  }
  .article-post6-single-column .post-article__item_text-t1m2 .post-article__text:nth-child(2) {
    margin-top: 0;
  }
}

.article-post6-single-column .post-article__item_text-t2 {
  margin-top: -1.9rem;
}

.article-post6-single-column .post-article__item_text-t2 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 4.3rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t2 .post-article__title {
    margin-bottom: 2.0625rem;
    margin-top: 4.875rem;
  }
}

.article-post6-single-column .post-article__item_text-t2 .post-article__text:nth-child(3) {
  margin-top: 3rem;
}

.article-post6-single-column .post-article__item_text-t2 > .post-article__list_mod {
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t2 > .post-article__list_mod {
    margin-bottom: 2.875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t2 .post-article__list_inner {
    margin-top: 0;
    margin-bottom: 0;
  }
  .article-post6-single-column .post-article__item_text-t2 .post-article__list_inner .post-article__list-item {
    padding-left: 1.875rem;
  }
}

.article-post6-single-column .post-article__item_text-t3 {
  margin-top: -.2rem;
}

.article-post6-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 2.3rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t3 .post-article__title {
    margin-bottom: 0;
    margin-top: 3.25rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t3 .post-article__text {
    margin-top: 2.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t3m {
    margin-top: 0;
  }
  .article-post6-single-column .post-article__item_text-t3m .post-article__text {
    margin-top: 2.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t4 {
    margin-top: 4.1875rem;
  }
  .article-post6-single-column .post-article__item_text-t4 .post-article__text {
    margin-top: 2.9375rem;
  }
}

.article-post6-single-column .post-article__item_text-t4 .post-article__title {
  margin-bottom: -.4rem;
  margin-top: 2.9rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t4 .post-article__title {
    margin-bottom: 4.3125rem;
    margin-top: 4.5rem;
    letter-spacing: -1.5px !important;
  }
}

.article-post6-single-column .post-article__item_text-t5 {
  margin-top: 0;
  margin-bottom: 5.9rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t5 {
    margin-top: 3.625rem;
    margin-bottom: 2.8125rem;
  }
  .article-post6-single-column .post-article__item_text-t5 .post-article__text {
    margin-top: 2.9375rem;
  }
  .article-post6-single-column .post-article__item_text-t5 .post-article__text:nth-child(4) {
    margin-top: 0;
  }
}

.article-post6-single-column .post-article__item_text-t5 .post-article__title {
  margin-bottom: 0px;
  margin-top: 2.7rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_text-t5 .post-article__title {
    margin-bottom: 3.8125rem;
    margin-top: 3.875rem;
  }
}

.article-post6-single-column .post-article__item_banner-b1 {
  margin-top: -1.6rem;
  margin-left: -2.3rem;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_banner-b1 {
    margin-top: 2.8125rem;
    margin-left: 0;
  }
  .article-post6-single-column .post-article__item_banner-b1 .post-article-banner__title {
    line-height: .91;
    margin-top: 0.875rem;
    margin-bottom: 2.5625rem;
  }
}

.article-post6-single-column .post-article__item_banner-b1 .post-article-banner {
  padding-left: 3.3rem;
  padding-bottom: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_banner-b1 .post-article-banner {
    padding-left: 2.3125rem;
    padding-top: 2.3125rem;
    padding-bottom: 3rem;
  }
}

.article-post6-single-column .post-article__item_banner-b2 {
  margin-top: 3.2rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_banner-b2 {
    margin-top: 4.375rem;
    margin-bottom: -1.375rem;
  }
}

.article-post6-single-column .post-article__item_footnote {
  margin-top: 5.1rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_footnote {
    margin-top: 2.625rem;
  }
}

.article-post6-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 1.8rem;
  margin-bottom: 4.8rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
    margin-top: 2.1875rem;
    margin-bottom: 0.3125rem;
  }
}

.article-post6-single-column .post-article__item_box2 .post-article__content-wrap {
  padding-top: 1.1rem;
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_box2 .post-article__img-wrap {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .article-post6-single-column .post-article__item_box2 .post-article__title {
    margin-bottom: 4.6875rem;
  }
}

.article-post7-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post7-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post7-single-column__img-blob img {
  width: 55%;
}

.article-post7-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post7-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column__img-blob, .article-post7-single-column__img-blob-b {
    display: none;
  }
}

.article-post7-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post7-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post7-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post7-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post7-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post7-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post7-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post7-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post7-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post7-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post7-single-column .post-article__title {
  width: 130%;
}

.article-post7-single-column sub,
.article-post7-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post7-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post7-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .trademark {
    left: -1.4%;
  }
}

.article-post7-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post7-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post7-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post7-single-column__btn:hover, .article-post7-single-column__btn:active {
  color: #37a5e4;
}

.article-post7-single-column .article-post {
  padding-top: 6rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .article-post {
    padding-top: 11.6875rem;
  }
}

.article-post7-single-column .post-article__title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__title {
    letter-spacing: normal !important;
  }
}

.article-post7-single-column .post-article {
  margin-top: 4rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article {
    margin-top: -1.375rem;
  }
}

.article-post7-single-column .post-article__item:first-child .post-article__title {
  margin-bottom: 4.1rem;
  letter-spacing: .25rem !important;
  line-height: .94 !important;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item:first-child .post-article__title {
    top: 11.6875rem;
    letter-spacing: normal !important;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post7-single-column .post-article__item_text-t1 {
  margin-top: -.5rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t1 {
    margin-top: -0.9375rem;
  }
}

.article-post7-single-column .post-article__item_text-t1 .post-article__title {
  margin-bottom: -.3rem;
  margin-top: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t1 .post-article__title {
    margin-bottom: -1.375rem;
    margin-top: 3.125rem;
  }
}

.article-post7-single-column .post-article__item_text-t2 {
  margin-top: -.5rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t2 {
    margin-top: 2.5rem;
  }
}

.article-post7-single-column .post-article__item_text-t2 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t2 .post-article__title {
    margin-bottom: 3.625rem;
    margin-top: 2.625rem;
  }
}

.article-post7-single-column .post-article__item_img-i1 {
  margin-bottom: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post7-single-column .post-article__item_img-i1m {
  display: none;
  margin: -1.3125rem 0 -1.125rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_img-i1m {
    display: block;
  }
}

.article-post7-single-column .post-article__item_img-i2 {
  margin-top: 5.2rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post7-single-column .post-article__item_img-i2m {
  display: none;
  margin: -0.3125rem 0 4.125rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_img-i2m {
    display: block;
  }
}

.article-post7-single-column .post-article__item_text-t3 {
  margin-top: -.5rem;
}

.article-post7-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: -.6rem;
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t3 .post-article__title {
    margin-bottom: -0.6875rem;
    margin-top: 4.375rem;
  }
}

.article-post7-single-column .post-article__item_text-t4 {
  margin-top: -1.2rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t4 {
    margin-top: 2.875rem;
  }
}

.article-post7-single-column .post-article__item_text-t4 .post-article__title {
  margin-bottom: -.3rem;
  margin-top: 4.6rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t4 .post-article__title {
    margin-bottom: 2.875rem;
    margin-top: 3.125rem;
  }
}

.article-post7-single-column .post-article__item_text-t5 {
  margin-top: -2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t5 {
    margin-top: 0.75rem;
  }
}

.article-post7-single-column .post-article__item_text-t5 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 2.5rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_text-t5 .post-article__title {
    margin-bottom: 2.75rem;
    margin-top: 0.8125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_box {
    padding-top: 2rem;
  }
}

.article-post7-single-column .post-article__item_box .post-article__img-wrap {
  width: 29.7rem;
  margin-right: 2.9rem;
  padding-top: 0;
  margin-top: -.2rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_box .post-article__img-wrap {
    margin-right: 0;
    padding-left: 5.9375rem;
    margin-left: -1.875rem;
    width: 100%;
    margin-bottom: 1.625rem;
  }
}

.article-post7-single-column .post-article__item_box .post-article__img {
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
}

.article-post7-single-column .post-article__item_box .post-article__title {
  padding-left: 32.6rem;
  line-height: 1.2;
  margin-top: .9rem;
  margin-bottom: 2.1rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_box .post-article__title {
    padding-left: 0;
    margin-bottom: 8.3125rem;
    margin-top: 0.25rem;
  }
}

.article-post7-single-column .post-article__item_box .post-article__list_mod {
  margin-top: 1.2rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_box .post-article__list_mod {
    margin-top: 2.6875rem;
  }
}

.article-post7-single-column .post-article__item_box .post-article__list-item {
  margin-bottom: 1.1rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_box .post-article__list-item {
    margin-bottom: 2.875rem;
  }
}

.article-post7-single-column .post-article__item_banner-b1 {
  margin-top: 2.4rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_banner-b1 {
    margin-top: -1.9375rem;
    margin-bottom: -1rem;
  }
}

.article-post7-single-column .post-article__item_footnote {
  margin-top: 3.9rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_footnote {
    margin-top: 0;
  }
}

.article-post7-single-column .post-article__item_footnote .post-article__list-item:last-child {
  margin-top: 2.1rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__item_footnote .post-article__list-item:last-child {
    margin-top: 3.25rem;
    margin-bottom: -0.25rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post7-single-column .post-article__text {
    margin-top: 2.8125rem;
  }
}

.article-post8-single-column {
  position: relative;
  padding: 9.375rem 12.5rem 0 12.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.article-post8-single-column__img-blob {
  position: absolute;
  top: 23.3%;
  left: 15%;
  z-index: 9999;
}

.article-post8-single-column__img-blob img {
  width: 55%;
}

.article-post8-single-column__img-blob-b {
  position: absolute;
  top: 3.3%;
  right: 0;
  width: 34%;
  z-index: 9999;
}

.article-post8-single-column__img-blob-b img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column__img-blob, .article-post8-single-column__img-blob-b {
    display: none;
  }
}

.article-post8-single-column__img-blob-m {
  display: none;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column__img-blob-m {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 9999;
    width: 154%;
    left: -2%;
    top: 0.1%;
  }
  .article-post8-single-column__img-blob-m img {
    width: 100%;
  }
  .article-post8-single-column__img-blob-m_sc {
    width: 100%;
    left: 0;
    top: 1.5rem;
  }
}

.article-post8-single-column__article-post__img-blob-m {
  width: 154%;
  left: -2%;
  top: 0.1%;
}

.article-post8-single-column__content {
  position: relative;
  padding-left: 28.125rem;
  padding-right: 9.625rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column__content {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}

.article-post8-single-column__content .post-nav {
  left: -12.5rem;
  padding: 3.625rem 3.125rem;
  padding-bottom: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 2.125rem;
}

.article-post8-single-column__content .post-nav_fixed {
  left: 12.5rem;
}

.article-post8-single-column__content .post-nav_bottom {
  top: auto;
  left: -12.5rem;
}

.article-post8-single-column__content .post-nav__item {
  margin-bottom: 2.3rem;
}

.article-post8-single-column__content .post-article__title {
  letter-spacing: 0 !important;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column__content .post-article__title {
    width: 100% !important;
  }
}

.article-post8-single-column .post-article__title {
  width: 130%;
}

.article-post8-single-column sub,
.article-post8-single-column sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.article-post8-single-column sup {
  top: -0.6em;
  left: -4px !important;
  margin-right: -4px;
}

.article-post8-single-column .trademark {
  top: -0.09em;
  left: -0.7%;
  margin-right: -5px;
  font-size: 110%;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .trademark {
    left: -1.4%;
  }
}

.article-post8-single-column .post-article__title sup {
  left: -1%;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img {
    margin-right: -4rem;
    margin-left: -5rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item:first-child .post-article__title {
    line-height: 4.375rem !important;
  }
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__title {
    line-height: 3.25rem !important;
    width: 100% !important;
  }
}

.article-post8-single-column__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #57a4df;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
  font-size: 1.5625rem;
  text-transform: uppercase;
  letter-spacing: -0.6px;
  width: 20rem;
  height: 4.1875rem;
  border: 0.1875rem solid #57a4df;
  border-radius: 0.3125rem;
  margin: 0 auto;
  margin-bottom: 2.6875rem;
  -webkit-transform: translateY(-35%);
          transform: translateY(-35%);
}

.article-post8-single-column__btn_mod {
  -webkit-transform: none;
          transform: none;
  color: #023b66;
  margin-top: 2.5rem;
  width: 22rem;
  height: 4.4rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column__btn_mod {
    margin-bottom: 0;
    width: 24rem;
    height: 5rem;
    font-size: 1.875rem;
  }
}

.article-post8-single-column__btn:hover, .article-post8-single-column__btn:active {
  color: #37a5e4;
}

.article-post8-single-column .article-post {
  padding-top: 5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .article-post {
    padding-top: 17.625rem;
  }
}

.article-post8-single-column .post-article__title {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__title {
    letter-spacing: normal !important;
  }
}

.article-post8-single-column .post-article {
  margin-top: 5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article {
    margin-top: 3.4375rem;
  }
}

.article-post8-single-column .post-article__item:first-child .post-article__title {
  margin-bottom: 5rem;
  line-height: .936 !important;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item:first-child .post-article__title {
    top: 13.875rem;
    text-align: left;
    padding: 0 2.0625rem;
  }
}

.article-post8-single-column .post-article__item_img-i1 {
  margin-top: 1.3rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img-i1 {
    display: none;
  }
}

.article-post8-single-column .post-article__item_img-i1m {
  display: none;
  margin: 2.875rem 0 5.9375rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img-i1m {
    display: block;
  }
}

.article-post8-single-column .post-article__item_img-i2 {
  margin-top: -.7rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img-i2 {
    display: none;
  }
}

.article-post8-single-column .post-article__item_img-i2m {
  display: none;
  margin: 3.4375rem 0 4.875rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img-i2m {
    display: block;
  }
}

.article-post8-single-column .post-article__item_img-i3 {
  margin-top: 5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img-i3 {
    display: none;
  }
}

.article-post8-single-column .post-article__item_img-i3m {
  display: none;
  margin: -0.4375rem 0 5.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_img-i3m {
    display: block;
  }
}

.article-post8-single-column .post-article__item_text-t1 {
  margin-top: -1.6rem;
}

.article-post8-single-column .post-article__item_text-t1 .post-article__title {
  margin-top: 4.6rem;
  margin-bottom: 3.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t1 .post-article__title {
    margin-bottom: -0.4375rem;
    margin-top: 6.1875rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t1 .post-article__text:nth-child(5) {
    margin-top: 0;
  }
}

.article-post8-single-column .post-article__item_text-t2 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 2.6rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t2 .post-article__title {
    margin-bottom: -0.0625rem;
    margin-top: 5.0625rem;
  }
}

.article-post8-single-column .post-article__item_text-t3 {
  margin-top: -1.6rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t3 {
    margin-top: -0.8125rem;
  }
  .article-post8-single-column .post-article__item_text-t3 .post-article__list-item {
    margin-bottom: 2.875rem;
  }
}

.article-post8-single-column .post-article__item_text-t3 .post-article__title {
  margin-bottom: -.7rem;
  margin-top: 4.3rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t3 .post-article__title {
    margin-bottom: 3.0625rem;
    margin-top: 3.375rem;
  }
}

.article-post8-single-column .post-article__text_mod3 {
  margin-top: 1.2rem;
  margin-bottom: 1.1rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__text_mod3 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.article-post8-single-column .post-article__text_mod4 {
  margin-bottom: 1.1rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__text_mod4 {
    margin-bottom: 0;
  }
}

.article-post8-single-column .post-article__item_text-t4 {
  margin-top: -1.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t4 {
    margin-top: -0.9375rem;
  }
}

.article-post8-single-column .post-article__item_text-t4 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 4.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t4 .post-article__title {
    margin-bottom: -0.125rem;
    margin-top: 3.375rem;
  }
}

.article-post8-single-column .post-article__item_text-t5 {
  margin-top: -2.9rem;
}

.article-post8-single-column .post-article__item_text-t5 .post-article__title {
  margin-bottom: -1.2rem;
  margin-top: 4.3rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t5 .post-article__title {
    margin-bottom: -1.8125rem;
    margin-top: 5.75rem;
  }
}

.article-post8-single-column .post-article__item_text-t6 {
  margin-top: -1.2rem;
}

.article-post8-single-column .post-article__item_text-t6 .post-article__title {
  margin-bottom: -.8rem;
  margin-top: 4.3rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_text-t6 .post-article__title {
    margin-bottom: -0.625rem;
    margin-top: 3.3125rem;
  }
}

.article-post8-single-column .post-article__item_banner-b1 {
  margin-top: 4rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_banner-b1 {
    margin-top: -1.3125rem;
    margin-bottom: -1.5rem;
  }
}

.article-post8-single-column .post-article__item_footnote {
  margin-top: 4.9rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_footnote {
    margin-top: -1.5rem;
  }
}

.article-post8-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
  margin-top: 2.1rem;
  margin-bottom: 6.5rem;
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__item_footnote .post-article__list_mod2 .post-article__list-item:last-child {
    margin-top: 2.3125rem;
    margin-bottom: -1.125rem;
  }
}

@media screen and (max-width: 768px) {
  .article-post8-single-column .post-article__text {
    margin-top: 2.9375rem;
  }
}

.map {
  position: relative;
}

.map1 {
  z-index: 12;
  -webkit-transition: 0.3s, top 1s;
  transition: 0.3s, top 1s;
}

@media screen and (max-width: 768px) {
  .map1 {
    background: none;
    z-index: 0;
  }
}

.map1__info {
  position: fixed;
  top: 125rem;
  left: 0;
  right: 0;
  width: 106.25rem;
  margin: auto;
  opacity: 0;
  -webkit-transition: top 1s, opacity 1s;
  transition: top 1s, opacity 1s;
}

@media screen and (max-width: 768px) {
  .map1__info {
    position: static;
    width: 100%;
    opacity: 1;
  }
}

.map1__title {
  width: 106.25rem;
  margin: auto;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 18.75rem;
  text-align: center;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0.3125rem;
  color: #38a5e4;
}

@media screen and (max-width: 768px) {
  .map1__title {
    margin-top: 0;
    padding-top: 5.625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    width: 100%;
    font-size: 5.625rem;
    line-height: 1.11111;
    letter-spacing: 0;
  }
}

.map1_is-fixed .map1__info {
  top: 37.5rem;
  opacity: 1;
}

.map1_is-hide .map1__info {
  top: -37.5rem;
  opacity: 0;
}

.map2 {
  visibility: hidden;
  opacity: 0;
  height: calc(100vh + 50vh);
  background: transparent;
}

.map2_is-show {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}

.map2_is-show .ydataMaps {
  display: block;
}

@media screen and (max-width: 768px) {
  .map2 {
    position: static;
    width: 100%;
    height: auto;
    visibility: visible;
    opacity: 1;
  }
}

.map2__fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}

@media screen and (max-width: 768px) {
  .map2__fixed {
    position: relative;
    z-index: 13;
    min-height: 0;
  }
}

.map2__fixed .panel {
  position: fixed;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media screen and (max-width: 768px) {
  .map2__fixed .panel {
    position: static;
    opacity: 1;
  }
}

.map2__fixed_drug {
  z-index: 13;
}

@media screen and (max-width: 768px) {
  .map2__fixed_drug {
    z-index: auto;
  }
}

.map2__fixed_drug .panel {
  opacity: 1;
}

.map2__fixed_drug:before {
  bottom: 100%;
  opacity: 0;
}

.map2_mapView .ydataLists {
  display: none;
}

.map2_listView .ydataMaps,
.map2_listView .ydataMaps-balloon {
  display: none;
}

.map2 .panel {
  top: 18rem;
}

@media screen and (max-width: 768px) {
  .map2 .panel {
    margin-top: 6.25rem;
    margin-bottom: 2.8125rem;
  }
  .map2 .panel #selectMap__2 + .select2 {
    display: none;
  }
  .map2 .panel .panel__size_third {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.ydataMaps {
  width: 100%;
  height: calc(100vh - 13.125rem);
  background: #e6f6ff url(../img/assets/ydataMaps/spinner.gif) no-repeat center;
}

@media screen and (max-width: 768px) {
  .ydataMaps {
    height: 23.4375rem;
  }
}

.ydataMaps-balloon {
  display: none;
  background-color: #fff;
  padding: 1.875rem 3.75rem;
}

.ydataMaps-balloon:empty {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .ydataMaps-balloon {
    display: block;
  }
}

.ydataMaps-balloon__item:not(:first-child) {
  margin-top: 1.25rem;
}

.ydataMaps-balloon .ymaps-balloon__header {
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #37a5e4;
}

.ydataMaps-balloon .ymaps-geoPoint__address {
  margin-top: 0.4375rem;
  font-size: 2rem;
  line-height: 1.3125;
  color: #5e7080;
}

.ydataMaps-balloon .ymaps-geoPoint__phone {
  margin-top: 0.625rem;
  font-size: 2rem;
  font-weight: 700;
  color: #5e7080;
}

@media screen and (max-width: 768px) {
  .ymaps-2-1-56-balloon {
    display: none;
  }
}

.ymaps-2-1-56-balloon__content {
  padding: 25px 5px 30px 20px !important;
}

.ymaps-2-1-56-b-cluster-tabs__section {
  width: 30% !important;
}

.ymaps-balloon__header {
  color: #37a5e4;
  font-size: 130%;
  font-weight: 700;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
}

.ymaps-geoPoint__address {
  margin-top: 10px;
  color: #5e7080;
  font-size: 100%;
  font-weight: 400;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
}

.ymaps-geoPoint__phone {
  margin-top: 20px;
  color: #5e7080;
  font-size: 95%;
  font-weight: 600;
  font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
}

html.ie .ydataMaps .ymaps-2-1-65-image {
  width: 48px;
  height: 48px;
  background-size: cover;
}

.ydataLists {
  position: relative;
  background: #fff;
  width: 100%;
  padding-top: 20rem;
  padding-left: 11.25rem;
  padding-right: 11.25rem;
  height: calc(100vh - 13.125rem);
}

@media screen and (max-width: 768px) {
  .ydataLists {
    height: auto;
    padding: 0;
  }
}

.ydataLists__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 100%;
  padding-bottom: 6.25rem;
  overflow-y: auto;
}

@media screen and (max-width: 768px) {
  .ydataLists__container {
    display: block;
    width: 32.8125rem;
    margin: auto;
  }
}

.ydataLists__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 28.125rem;
  margin-right: 9.375rem;
  margin-bottom: 5.625rem;
}

.ydataLists__item:nth-of-type(4n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .ydataLists__item {
    display: block;
    max-width: 100%;
    margin-bottom: 1.875rem;
  }
}

.ydataLists__title {
  color: #37a5e4;
  font-family: "Fira Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
}

.ydataLists__street {
  color: #5e7080;
  font-family: inherit;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.25rem;
  font-style: normal;
}

.ydataLists__tel {
  color: #5e7080;
  font-family: inherit;
  font-size: 1.4375rem;
  font-weight: 600;
  line-height: 2.375rem;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  .ydataLists__tel {
    display: block;
    margin-top: 0.625rem;
    font-size: 2rem;
  }
}

.ydataLists__title + * {
  margin-top: 1.25rem;
}

.select2-container *:focus {
  outline: none;
}

.select2-container .select2-selection--single {
  height: 5.45625rem;
  border-radius: 0;
}

.select2-container--default .select2-selection--single {
  border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 1.875rem;
  padding-right: 3.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 5.45625rem;
  font-size: 2.125rem;
  font-weight: 600;
  font-family: inherit;
}

.select2-results__option {
  font-size: 2.125rem;
}

.select2-search--dropdown {
  border-radius: 0;
}

.select2-search--dropdown .select2-search__field {
  font-size: 1.875rem;
  line-height: 1.2;
}

.select2-dropdown {
  border-radius: 4px;
}

@media (min-width: 769px) {
  .select2-dropdown {
    border: none;
  }
}

.select2-results__option {
  padding-left: 1.875rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(100% - 0px);
  top: 0;
  right: 0;
  width: 5rem;
}

.customSelectType__1 + .select2-container--default .select2-selection--single[aria-expanded='true'] .select2-selection__arrow b,
.customSelectType__2 + .select2-container--default .select2-selection--single[aria-expanded='true'] .select2-selection__arrow b {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-180deg);
          transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}

.customSelectType__1 + .select2-container--default .select2-selection--single .select2-selection__arrow b,
.customSelectType__2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  width: 1.25rem;
  height: 0.6875rem;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.customSelectType__1 +
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5e7080;
}

.customSelectType__1 +
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: url("../img/assets/select/select-triger__1.svg") no-repeat center center/contain;
}

.customSelectType__2 +
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.customSelectType__2 +
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background: url("../img/assets/select/select-triger__2.svg") no-repeat center center/contain;
}

.customSelectType__1 +
.select2-container--default .select2-selection--single {
  background: #ffffff;
}

.customSelectType__2 +
.select2-container--default .select2-selection--single {
  background: #37a5e4;
}

.radioPanel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}

.radioPanel div:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.radioPanel__input {
  display: none;
}

.radioPanel__input:checked + label {
  color: #7b8b99;
  background: #A80A0A;
}

.radioPanel__input:checked + label .icon_map-marker, .radioPanel__input:checked + label .icon_menu-list {
  fill: #7b8b99;
}

.radioPanel__input:checked + label .icon_cards, .radioPanel__input:checked + label .icon_menu-list-article {
  fill: #ffffff;
}

.radioPanel__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.125rem;
  line-height: 1;
  font-family: inherit;
  font-weight: 600;
  color: #fff;
  height: 5.45625rem;
  width: 50%;
  background: #7b8b99;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

@media screen and (max-width: 768px) {
  .radioPanel__label {
    width: 6.25rem;
    height: 6.25rem;
    margin-left: 1.25rem;
    border-radius: 0.625rem;
    font-size: 0;
    background: none;
    border: 0.125rem solid #7b8b99;
  }
  .radioPanel__label svg {
    width: 2.625rem !important;
    height: 2.625rem !important;
    fill: #7b8b99 !important;
  }
}

.radioPanel__labelSpan {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0.875rem;
}

@media screen and (max-width: 768px) {
  .radioPanel__labelSpan {
    display: none;
  }
}

.radioPanel_map .radioPanel__input:checked + label {
  color: #7b8b99;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .radioPanel_map .radioPanel__input:checked + label {
    border-color: #37a5e4;
    background: none;
  }
  .radioPanel_map .radioPanel__input:checked + label svg {
    fill: #37a5e4 !important;
  }
}

.radioPanel_article .radioPanel__input:checked + label {
  color: #fff;
  background: #37a5e4;
}

.icon.icon_map-marker, .icon_menu-list, .icon_menu-list-article, .icon_cards {
  height: 100%;
  fill: #ffffff;
}

.icon.icon_map-marker {
  width: 2.0625rem;
}

.icon.icon_menu-list, .icon.icon_menu-list-article {
  width: 1.6875rem;
}

.icon.icon_cards {
  width: 2.3125rem;
}

.panel {
  position: absolute;
  top: 24rem;
  left: 50%;
  padding: 0 2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 110.25rem;
  height: 10.6875rem;
  border-radius: 0.625rem;
  background-color: #e9ecf0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .panel {
    position: static;
    display: block;
    width: 30.3125rem;
    height: auto;
    margin-top: 28.125rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: none;
            transform: none;
    padding: 0;
    background: none;
  }
}

.panel__size {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .panel__size {
    display: block;
  }
  .panel__size select {
    width: 100%;
  }
  .panel__size .select2-selection--single {
    background: none !important;
    border: 0.125rem solid #37a5e4;
    height: 6.25rem;
    border-radius: 0.625rem;
  }
  .panel__size .select2-selection__rendered {
    padding-left: 1.25rem !important;
    text-transform: uppercase;
    font-size: 1.75rem !important;
    line-height: 6.25rem !important;
    font-weight: normal !important;
    color: #37a5e4 !important;
  }
  .panel__size .select2-selection__arrow {
    right: -0.4375rem !important;
  }
  .panel__size .select2-selection__arrow b {
    width: 1.5625rem !important;
    height: 0.9375rem !important;
    background-image: url(../img/assets/select/select-triger__3.svg) !important;
  }
}

.panel__size:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.125rem;
  background: #37a5e4;
  z-index: 3;
}

.panel__size_third {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 768px) {
  .panel__size_third {
    display: block;
  }
}

.panel__size_two-third {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.panel__input {
  display: none;
}

@media screen and (max-width: 768px) {
  .panel__input {
    display: block;
    margin: 1.25rem 0;
    width: 100%;
    height: 6.25rem;
    padding: 0 1.25rem;
    border: 0.125rem solid #37a5e4;
    border-radius: 0.625rem;
    text-transform: uppercase;
    font-size: 1.75rem;
    color: #5e7080;
    background: none;
  }
}

.panel__btn {
  display: none;
}

@media screen and (max-width: 768px) {
  .panel__btn {
    display: block;
    width: 15.9375rem;
    height: 6.25rem;
    border: none;
    border-radius: 0.625rem;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: bold;
    color: #fff;
    background: #3aa6e4;
  }
}

.panel .select2-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.footer {
  position: relative;
  padding: 3.125rem 12.5rem 0.625rem;
  background: #fff;
  z-index: 15;
}

@media screen and (max-width: 768px) {
  .footer {
    padding: 1.5625rem 3.75rem;
    background-color: #ecf9ff;
  }
  .footer_hide {
    display: none;
  }
}

.footer__inner {
  position: relative;
}

.footer__logo {
  width: 12.5rem;
}

@media screen and (max-width: 768px) {
  .footer__logo {
    margin-left: -0.625rem;
  }
}

.footer__logo img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .footer__copy {
    margin-top: 5rem;
  }
}

.footer__copy-text {
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .footer__copy-text {
    font-size: 1.75rem;
    line-height: 1.21429;
    color: #4a4a4a;
  }
}

@media screen and (max-width: 479px) {
  .footer__copy-text {
    font-size: 1rem;
  }
}

.footer__copy-text_upper {
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .footer__copy-text_upper {
    margin-bottom: 0.625rem;
    font-size: 2rem;
  }
}

@media screen and (max-width: 479px) {
  .footer__copy-text_upper {
    font-size: 1.25rem;
  }
}

.footer__text {
  position: absolute;
  top: 6.25rem;
  right: 0;
  text-align: right;
  line-height: 1.3913;
  font-size: 1.4375rem;
}

@media screen and (max-width: 768px) {
  .footer__text {
    position: static;
    margin-top: 1.25rem;
    text-align: left;
    font-size: 1.75rem;
    line-height: 1.21429;
    color: #4a4a4a;
  }
  .footer__text br {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .footer__text {
    font-size: 1rem;
  }
}

.footer__warning {
  display: block;
  margin-top: 3.125rem;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .footer__warning {
    display: none;
  }
}

.footer__warning_mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .footer__warning_mobile {
    display: block;
    width: 30rem;
    margin: 2.5rem auto 3.75rem;
  }
}

.footer__text-container {
  margin: 1.25rem;
  padding: 15rem 12.5rem 0;
  color: #326d9f;
}

.footer__main-text {
  line-height: 1.4;
  font-size: 2rem;
  color: #1e4067;
  margin-bottom: 1em;
}

.footer__text-container a.article-post-all__btn-m {
  border: 0;
  color: #1e4067;
  opacity: 1;
  text-decoration: underline;
  padding: 0;
}

.footer__main-text + .footer__light-text-container {
  margin-top: 4em;
}

.footer__light-text-container {
  margin-bottom: 4em;
}

.footer__light-text {
  opacity: .6;
  color: #1e4067;
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 1rem;
}

.footer__logo {
  width: 12.5rem;
}

.footer__logo img {
  width: 100%;
}

.footer__copy-text {
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .footer__text-container {
    padding: 6.875rem 1.25rem 1.875rem;
  }
}

.footer-nav_first {
  position: absolute;
  top: 1.25rem;
  right: 0;
}

@media screen and (max-width: 768px) {
  .footer-nav_first {
    position: static;
    margin-top: 2.1875rem;
  }
}

.footer-nav_first .footer-nav__item {
  margin-left: 2.5rem;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .footer-nav_first .footer-nav__item {
    margin-left: 0;
  }
}

.footer-nav_first .footer-nav__link {
  color: #023b66;
}

.footer-nav_second {
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}

.footer-nav_second .footer-nav__item {
  margin-right: 0.625rem;
  font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
  .footer-nav_second .footer-nav__item {
    margin-right: 0;
  }
}

.footer-nav_second .footer-nav__item:not(:last-child):after {
  margin-left: 0.3125rem;
  content: '|';
}

@media screen and (max-width: 768px) {
  .footer-nav_second .footer-nav__item:not(:last-child):after {
    display: none;
  }
}

.footer-nav_second .footer-nav__link {
  color: #4a4a4a;
}

@media screen and (max-width: 768px) {
  .footer-nav_second .footer-nav__link {
    color: #5e7080;
  }
}

.footer-nav__list {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  list-style-position: outside;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  font-size: 0;
}

.footer-nav__item {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .footer-nav__item {
    display: block;
    margin-top: 1.5rem;
  }
}

.footer-nav__link {
  text-transform: uppercase;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .footer-nav__link {
    text-transform: none;
    font-size: 32px;
    letter-spacing: 0;
  }
}

@media (max-width: 631px) {
  .footer-nav__link {
    font-size: 26px;
  }
}

@media (max-width: 574px) {
  .footer-nav__link {
    font-size: 24px;
  }
}

@media (max-width: 532px) {
  .footer-nav__link {
    font-size: 22px;
  }
}

@media (max-width: 488px) {
  .footer-nav__link {
    font-size: 20px;
  }
}

@media (max-width: 446px) {
  .footer-nav__link {
    font-size: 18px;
  }
}

@media (max-width: 404px) {
  .footer-nav__link {
    font-size: 16px;
  }
}

@media (max-width: 360px) {
  .footer-nav__link {
    font-size: 14px;
  }
}

/*Секция IDEA*/
.page-inner {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  min-height: 100vh;
}

.nav__link_sel {
  position: relative;
  top: -.1875rem;
  padding: 0 2.1875rem;
  height: 5.625rem;
  border: .25rem solid #37a5e4;
  border-radius: .625rem;
  line-height: 5.625rem;
  color: #37a5e4;
}

.small-resolution, .big-resolution {
  display: none;
}

.dots__item, .dots__sub-item {
  cursor: unset;
}

.intro3__footnote {
  margin-top: 1.8rem;
}

.dots {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5rem;
  z-index: 120;
}

.slideDownPls {
  cursor: pointer;
  position: absolute;
  left: 50vw;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 40px;
  width: 125px;
  background: url(../img/assets/intro/arrow-down-bg.png) no-repeat center center/auto 100%;
  z-index: 1211111;
}

.bottle__spray canvas {
  left: unset;
}

.arrow {
  height: 25px;
  width: 25px;
  position: absolute;
  /*top: 57%;*/
  bottom: 0;
  left: 40%;
  -webkit-transform: translateY(-49%);
          transform: translateY(-49%);
  background: url(../img/assets/intro/arrow-down-white.png) no-repeat center center/100% auto;
  -webkit-animation: animArrow 1s linear infinite;
          animation: animArrow 1s linear infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

@-webkit-keyframes animArrow {
  0% {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
  }
}

@keyframes animArrow {
  0% {
    -webkit-transform: translateY(-15%);
            transform: translateY(-15%);
  }
  100% {
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
  }
}

@media (max-width: 768px) {
  .page-inner {
    -webkit-transform: unset;
            transform: unset;
  }
  .footer__text-container {
    padding: 11rem 4.5rem 0;
  }
  .article-post-all__btn-m {
    margin-bottom: .5rem;
  }
}

/*--------- Другие значения ------- */
.intro3__info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.intro3__info_visible .intro3__footer {
  opacity: 1;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.intro4__info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: top 0.5s, opacity 0.5s;
  transition: top 0.5s, opacity 0.5s;
}

.intro4__item.visible .intro4__sub-title, .intro4__item.visible .intro4__text {
  top: 0;
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

/* Additional style files. */