@charset "UTF-8";
/* Settings
------------------------------------------------- */
/*

@media screen and (max-width: $br-600) {

}

*/
@-webkit-keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes opacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes transition-up-hide {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); } }

@keyframes transition-up-hide {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); } }

@-webkit-keyframes transition-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes transition-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes transition-down {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes transition-down {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes transition-down-hide {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); } }

@keyframes transition-down-hide {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0); } }

/* Mixins
------------------------------------------------- */
/*  
    v.1.01
    
    - Font weight - conditional

    v.1.0

    Quick font
    Example usage:
    1. @include font(16px, 24px, -0.2px, bold);
    2. @include font(14px, 16px);

    What it does?
    - Transforms line-height & letter-spacing to 'em' (response to font-size)
    - Makes font setting quicker / shorter
*/
/* 
Mixin to add font-face

$name - Name of the font, "Libre Baskerville"

$path - Path to the font, "libre-baskerville/LibreBaskerville-Regular" (don't include extention)
Accepts woff2 & woff extentions. So you should have two files with the above name with woff2 & woff extentions.

$weight (optional) - weight of added font (default 400)

$style (optional) - style of added font (default normal)

Example: @include font-face("Libre Baskerville", "libre-baskerville/LibreBaskerville-Italic", 400, italic);
*/
/*
Example:

$map: (
    $br-1024: 17px,
    $br-320: 16px
);

@include fluid('font-size', $map);
*/
.opacity {
  opacity: 0; }
  .opacity.is-inview,
  .is-inview .opacity {
    -webkit-animation: opacity .7s linear forwards;
            animation: opacity .7s linear forwards; }

.transition-up {
  opacity: 0; }
  .transition-up.is-inview,
  .is-inview .transition-up {
    -webkit-animation: transition-up 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
            animation: transition-up 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards; }

.delay-1 {
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important; }

.delay-2 {
  -webkit-animation-delay: 0.08s !important;
          animation-delay: 0.08s !important; }

.delay-3 {
  -webkit-animation-delay: 0.16s !important;
          animation-delay: 0.16s !important; }

.delay-4 {
  -webkit-animation-delay: 0.24s !important;
          animation-delay: 0.24s !important; }

.delay-5 {
  -webkit-animation-delay: 0.32s !important;
          animation-delay: 0.32s !important; }

.delay-6 {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important; }

.delay-7 {
  -webkit-animation-delay: 0.48s !important;
          animation-delay: 0.48s !important; }

.delay-8 {
  -webkit-animation-delay: 0.56s !important;
          animation-delay: 0.56s !important; }

.delay-9 {
  -webkit-animation-delay: 0.64s !important;
          animation-delay: 0.64s !important; }

.delay-10 {
  -webkit-animation-delay: 0.72s !important;
          animation-delay: 0.72s !important; }

.delay-11 {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important; }

.delay-12 {
  -webkit-animation-delay: 0.88s !important;
          animation-delay: 0.88s !important; }

.delay-13 {
  -webkit-animation-delay: 0.96s !important;
          animation-delay: 0.96s !important; }

.delay-14 {
  -webkit-animation-delay: 1.04s !important;
          animation-delay: 1.04s !important; }

.delay-15 {
  -webkit-animation-delay: 1.12s !important;
          animation-delay: 1.12s !important; }

.delay-16 {
  -webkit-animation-delay: 1.2s !important;
          animation-delay: 1.2s !important; }

.delay-17 {
  -webkit-animation-delay: 1.28s !important;
          animation-delay: 1.28s !important; }

.delay-18 {
  -webkit-animation-delay: 1.36s !important;
          animation-delay: 1.36s !important; }

.delay-19 {
  -webkit-animation-delay: 1.44s !important;
          animation-delay: 1.44s !important; }

.delay-20 {
  -webkit-animation-delay: 1.52s !important;
          animation-delay: 1.52s !important; }

.delay-21 {
  -webkit-animation-delay: 1.6s !important;
          animation-delay: 1.6s !important; }

.delay-22 {
  -webkit-animation-delay: 1.68s !important;
          animation-delay: 1.68s !important; }

.delay-23 {
  -webkit-animation-delay: 1.76s !important;
          animation-delay: 1.76s !important; }

.delay-24 {
  -webkit-animation-delay: 1.84s !important;
          animation-delay: 1.84s !important; }

.delay-25 {
  -webkit-animation-delay: 1.92s !important;
          animation-delay: 1.92s !important; }

.delay-26 {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important; }

.delay-27 {
  -webkit-animation-delay: 2.08s !important;
          animation-delay: 2.08s !important; }

.delay-28 {
  -webkit-animation-delay: 2.16s !important;
          animation-delay: 2.16s !important; }

.delay-29 {
  -webkit-animation-delay: 2.24s !important;
          animation-delay: 2.24s !important; }

.delay-30 {
  -webkit-animation-delay: 2.32s !important;
          animation-delay: 2.32s !important; }

.delay-31 {
  -webkit-animation-delay: 2.4s !important;
          animation-delay: 2.4s !important; }

.delay-32 {
  -webkit-animation-delay: 2.48s !important;
          animation-delay: 2.48s !important; }

.delay-33 {
  -webkit-animation-delay: 2.56s !important;
          animation-delay: 2.56s !important; }

.delay-34 {
  -webkit-animation-delay: 2.64s !important;
          animation-delay: 2.64s !important; }

.delay-35 {
  -webkit-animation-delay: 2.72s !important;
          animation-delay: 2.72s !important; }

.delay-36 {
  -webkit-animation-delay: 2.8s !important;
          animation-delay: 2.8s !important; }

.delay-37 {
  -webkit-animation-delay: 2.88s !important;
          animation-delay: 2.88s !important; }

.delay-38 {
  -webkit-animation-delay: 2.96s !important;
          animation-delay: 2.96s !important; }

.delay-39 {
  -webkit-animation-delay: 3.04s !important;
          animation-delay: 3.04s !important; }

.delay-40 {
  -webkit-animation-delay: 3.12s !important;
          animation-delay: 3.12s !important; }

.delay-41 {
  -webkit-animation-delay: 3.2s !important;
          animation-delay: 3.2s !important; }

.delay-42 {
  -webkit-animation-delay: 3.28s !important;
          animation-delay: 3.28s !important; }

.delay-43 {
  -webkit-animation-delay: 3.36s !important;
          animation-delay: 3.36s !important; }

.delay-44 {
  -webkit-animation-delay: 3.44s !important;
          animation-delay: 3.44s !important; }

.delay-45 {
  -webkit-animation-delay: 3.52s !important;
          animation-delay: 3.52s !important; }

.delay-46 {
  -webkit-animation-delay: 3.6s !important;
          animation-delay: 3.6s !important; }

.delay-47 {
  -webkit-animation-delay: 3.68s !important;
          animation-delay: 3.68s !important; }

.delay-48 {
  -webkit-animation-delay: 3.76s !important;
          animation-delay: 3.76s !important; }

.delay-49 {
  -webkit-animation-delay: 3.84s !important;
          animation-delay: 3.84s !important; }

.delay-50 {
  -webkit-animation-delay: 3.92s !important;
          animation-delay: 3.92s !important; }

.transition-down {
  opacity: 0; }
  .transition-down.is-inview,
  .is-inview .transition-down {
    -webkit-animation: transition-down 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
            animation: transition-down 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards; }

.link {
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease; }
  .link:hover {
    color: #777777; }

.link-blue {
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease; }
  .link-blue:hover {
    color: #231fab; }

.link-opacity {
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .link-opacity:hover {
    opacity: .7; }

/* Core
------------------------------------------------- */
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

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

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

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

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

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

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none; }

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

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

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

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

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor; }

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

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse; }

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

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

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

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation; }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default; }

@font-face {
  font-family: "USans";
  font-style: normal;
  font-weight: 400;
  src: url("../assets/fonts/Untitled Sans Regular.woff2") format("woff2"), url("../assets/fonts/Untitled Sans Regular.woff") format("woff"); }

@font-face {
  font-family: "USans";
  font-style: italic;
  font-weight: 400;
  src: url("../assets/fonts/Untitled Sans Regular Italic.woff2") format("woff2"), url("../assets/fonts/Untitled Sans Regular Italic.woff") format("woff"); }

@font-face {
  font-family: "USans";
  font-style: normal;
  font-weight: 600;
  src: url("../assets/fonts/Untitled Sans Medium.woff2") format("woff2"), url("../assets/fonts/Untitled Sans Medium.woff") format("woff"); }

/* Elements
------------------------------------------------- */
.text-13 {
  font-size: 13px;
  line-height: 1.30769;
  letter-spacing: -0.01em;
  font-size: 11px; }
  @media (min-width: 480px) {
    .text-13 {
      font-size: calc(0.18382vw + 10.11765px); } }
  @media (min-width: 1024px) {
    .text-13 {
      font-size: calc(0.17361vw + 10.22222px); } }
  @media (min-width: 1600px) {
    .text-13 {
      font-size: 13px; } }

.text-15 {
  font-size: 15px;
  line-height: 1.46667;
  letter-spacing: 0em;
  font-size: 13px; }
  @media (min-width: 480px) {
    .text-15 {
      font-size: calc(0.18382vw + 12.11765px); } }
  @media (min-width: 1024px) {
    .text-15 {
      font-size: calc(0.17361vw + 12.22222px); } }
  @media (min-width: 1600px) {
    .text-15 {
      font-size: 15px; } }

.text-17, .footer li a {
  font-size: 17px;
  line-height: 1.76471;
  letter-spacing: -0.02em;
  font-size: 14px; }
  @media (min-width: 320px) {
    .text-17, .footer li a {
      font-size: calc(0.625vw + 12px); } }
  @media (min-width: 480px) {
    .text-17, .footer li a {
      font-size: calc(0.18382vw + 14.11765px); } }
  @media (min-width: 1024px) {
    .text-17, .footer li a {
      font-size: calc(0.17361vw + 14.22222px); } }
  @media (min-width: 1600px) {
    .text-17, .footer li a {
      font-size: 17px; } }

.text-18 {
  font-size: 18px;
  line-height: 1.55556;
  letter-spacing: -0.01em;
  font-size: 14px; }
  @media (min-width: 320px) {
    .text-18 {
      font-size: calc(0.28409vw + 13.09091px); } }
  @media (min-width: 1024px) {
    .text-18 {
      font-size: calc(0.34722vw + 12.44444px); } }
  @media (min-width: 1600px) {
    .text-18 {
      font-size: 18px; } }

.text-19, .header__link a, .header li a {
  font-size: 19px;
  line-height: 1.31579;
  letter-spacing: -0.01em;
  font-size: 15px; }
  @media (min-width: 320px) {
    .text-19, .header__link a, .header li a {
      font-size: calc(0.28409vw + 14.09091px); } }
  @media (min-width: 1024px) {
    .text-19, .header__link a, .header li a {
      font-size: calc(0.34722vw + 13.44444px); } }
  @media (min-width: 1600px) {
    .text-19, .header__link a, .header li a {
      font-size: 19px; } }

.alt-blocks__text li {
  font-size: 19px;
  line-height: 1.31579;
  letter-spacing: -0.01em;
  font-size: 15px; }
  @media (min-width: 320px) {
    .alt-blocks__text li {
      font-size: calc(0.28409vw + 14.09091px); } }
  @media (min-width: 1024px) {
    .alt-blocks__text li {
      font-size: calc(0.34722vw + 13.44444px); } }
  @media (min-width: 1600px) {
    .alt-blocks__text li {
      font-size: 19px; } }

.text-21 {
  font-size: 21px;
  line-height: 1.42857;
  letter-spacing: -0.01em;
  font-size: 16px; }
  @media (min-width: 320px) {
    .text-21 {
      font-size: calc(0.42614vw + 14.63636px); } }
  @media (min-width: 1024px) {
    .text-21 {
      font-size: calc(0.34722vw + 15.44444px); } }
  @media (min-width: 1600px) {
    .text-21 {
      font-size: 21px; } }

.text-24 {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  font-size: 17px; }
  @media (min-width: 320px) {
    .text-24 {
      font-size: calc(0.28409vw + 16.09091px); } }
  @media (min-width: 1024px) {
    .text-24 {
      font-size: calc(0.52083vw + 13.66667px); } }
  @media (min-width: 1600px) {
    .text-24 {
      font-size: 22px; } }

.text-25 {
  font-size: 25px;
  line-height: 1.44;
  letter-spacing: -0.01em;
  font-size: 19px; }
  @media (min-width: 320px) {
    .text-25 {
      font-size: calc(0.56818vw + 17.18182px); } }
  @media (min-width: 1024px) {
    .text-25 {
      font-size: calc(0.34722vw + 19.44444px); } }
  @media (min-width: 1600px) {
    .text-25 {
      font-size: 25px; } }

.text-34 {
  font-size: 34px;
  line-height: 1.35294;
  letter-spacing: -0.025em;
  font-size: 23px; }
  @media (min-width: 320px) {
    .text-34 {
      font-size: calc(0.71023vw + 20.72727px); } }
  @media (min-width: 1024px) {
    .text-34 {
      font-size: calc(1.04167vw + 17.33333px); } }
  @media (min-width: 1600px) {
    .text-34 {
      font-size: 34px; } }

.text-40 {
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-size: 26px; }
  @media (min-width: 320px) {
    .text-40 {
      font-size: calc(0.85227vw + 23.27273px); } }
  @media (min-width: 1024px) {
    .text-40 {
      font-size: calc(1.38889vw + 17.77778px); } }
  @media (min-width: 1600px) {
    .text-40 {
      font-size: 40px; } }

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

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0em;
  font-family: "USans", serif;
  color: #202020;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 13px; }
  @media (min-width: 320px) {
    body {
      font-size: calc(0.625vw + 11px); } }
  @media (min-width: 480px) {
    body {
      font-size: calc(0.18382vw + 13.11765px); } }
  @media (min-width: 1024px) {
    body {
      font-size: calc(0.17361vw + 13.22222px); } }
  @media (min-width: 1600px) {
    body {
      font-size: 16px; } }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h5, .menu li a, .h6, .h4 {
  margin: 0;
  display: block;
  color: inherit; }
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h5:last-child, .menu li a:last-child, .h6:last-child, .h4:last-child {
    margin-bottom: 0; }
  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h5 + p, .menu li a + p, .h6 + p, .h4 + p {
    margin-top: 13.8px; }
    @media (min-width: 600px) {
      h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h5 + p, .menu li a + p, .h6 + p, .h4 + p {
        margin-top: calc(1.62736vw + 4.03585px); } }
    @media (min-width: 1024px) {
      h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h5 + p, .menu li a + p, .h6 + p, .h4 + p {
        margin-top: calc(0.55288vw + 15.03846px); } }
    @media (min-width: 1440px) {
      h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h5 + p, .menu li a + p, .h6 + p, .h4 + p {
        margin-top: 23px; } }
  p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + .h1, p + .h2, p + .h3, p + .h5, .menu li p + a, p + .h6, p + .h4 {
    margin-top: 42px; }
    @media (min-width: 600px) {
      p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + .h1, p + .h2, p + .h3, p + .h5, .menu li p + a, p + .h6, p + .h4 {
        margin-top: calc(4.95283vw + 12.28302px); } }
    @media (min-width: 1024px) {
      p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + .h1, p + .h2, p + .h3, p + .h5, .menu li p + a, p + .h6, p + .h4 {
        margin-top: calc(1.68269vw + 45.76923px); } }
    @media (min-width: 1440px) {
      p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + .h1, p + .h2, p + .h3, p + .h5, .menu li p + a, p + .h6, p + .h4 {
        margin-top: 70px; } }
  ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + .h1, ul + .h2, ul + .h3, ul + .h5, .menu li ul + a, ul + .h6, ul + .h4 {
    margin-top: 42px; }
    @media (min-width: 600px) {
      ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + .h1, ul + .h2, ul + .h3, ul + .h5, .menu li ul + a, ul + .h6, ul + .h4 {
        margin-top: calc(4.95283vw + 12.28302px); } }
    @media (min-width: 1024px) {
      ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + .h1, ul + .h2, ul + .h3, ul + .h5, .menu li ul + a, ul + .h6, ul + .h4 {
        margin-top: calc(1.68269vw + 45.76923px); } }
    @media (min-width: 1440px) {
      ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ul + .h1, ul + .h2, ul + .h3, ul + .h5, .menu li ul + a, ul + .h6, ul + .h4 {
        margin-top: 70px; } }

h1, .h1 {
  font-size: 63px;
  font-weight: 400;
  line-height: 1.26984;
  letter-spacing: -0.035em;
  font-size: 34px; }
  @media (min-width: 320px) {
    h1, .h1 {
      font-size: calc(5vw + 18px); } }
  @media (min-width: 480px) {
    h1, .h1 {
      font-size: calc(2.20588vw + 31.41176px); } }
  @media (min-width: 1024px) {
    h1, .h1 {
      font-size: calc(1.5625vw + 38px); } }
  @media (min-width: 1600px) {
    h1, .h1 {
      font-size: 63px; } }
  h1 a, .h1 a {
    text-decoration: underline;
    font-weight: 600; }

h2, .h2 {
  font-size: 50px;
  line-height: 1.36;
  letter-spacing: 0em;
  font-size: 40px; }
  @media (min-width: 1024px) {
    h2, .h2 {
      font-size: calc(1.73611vw + 22.22222px); } }
  @media (min-width: 1600px) {
    h2, .h2 {
      font-size: 50px; } }

h3, .h3 {
  font-size: 45px;
  font-weight: 400;
  line-height: 1.33333;
  letter-spacing: -0.035em;
  font-size: 26px; }
  @media (min-width: 320px) {
    h3, .h3 {
      font-size: calc(1.27841vw + 21.90909px); } }
  @media (min-width: 1024px) {
    h3, .h3 {
      font-size: calc(1.73611vw + 17.22222px); } }
  @media (min-width: 1600px) {
    h3, .h3 {
      font-size: 45px; } }
  h3.alt-40, .h3.alt-40 {
    letter-spacing: -0.01em;
    line-height: 1.25;
    font-size: 24px; }
    @media (min-width: 320px) {
      h3.alt-40, .h3.alt-40 {
        font-size: calc(0.85227vw + 21.27273px); } }
    @media (min-width: 1024px) {
      h3.alt-40, .h3.alt-40 {
        font-size: calc(1.73611vw + 12.22222px); } }
    @media (min-width: 1600px) {
      h3.alt-40, .h3.alt-40 {
        font-size: 40px; } }

h4, .h4 {
  font-size: 30px;
  line-height: 1.16667;
  letter-spacing: 0em;
  font-size: 20px; }
  @media (min-width: 320px) {
    h4, .h4 {
      font-size: calc(0.71023vw + 17.72727px); } }
  @media (min-width: 1024px) {
    h4, .h4 {
      font-size: calc(0.86806vw + 16.11111px); } }
  @media (min-width: 1600px) {
    h4, .h4 {
      font-size: 30px; } }

h5, .h5, .menu li a {
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: 0em;
  font-size: 17px; }
  @media (min-width: 320px) {
    h5, .h5, .menu li a {
      font-size: calc(0.71023vw + 14.72727px); } }
  @media (min-width: 1024px) {
    h5, .h5, .menu li a {
      font-size: calc(0.52083vw + 16.66667px); } }
  @media (min-width: 1600px) {
    h5, .h5, .menu li a {
      font-size: 25px; } }

h6, .h6 {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.19048;
  letter-spacing: -0.035em;
  font-size: 16px; }
  @media (min-width: 480px) {
    h6, .h6 {
      font-size: calc(0.55147vw + 13.35294px); } }
  @media (min-width: 1024px) {
    h6, .h6 {
      font-size: calc(0.34722vw + 15.44444px); } }
  @media (min-width: 1600px) {
    h6, .h6 {
      font-size: 21px; } }

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: none;
  background-color: transparent;
  width: 100%; }
  input::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  input:invalid {
    -webkit-box-shadow: none;
            box-shadow: none; }

.p, p {
  margin: 0 0 1.5em; }
  .p:last-child, p:last-child {
    margin-bottom: 0; }
  .p a, p a {
    text-decoration: underline; }

picture {
  display: block; }

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-indent: 0px;
  outline: 0;
  border-radius: 0; }

svg:not(:root) {
  overflow: visible; }

textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: none;
  background-color: transparent; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
  ul li, ol li {
    -webkit-column-break-inside: avoid;
            break-inside: avoid; }

.cms-content ul, .alt-blocks ul {
  margin: 2em 0; }
  .cms-content ul:last-child, .alt-blocks ul:last-child {
    margin-bottom: 0; }
  .cms-content ul:first-child, .alt-blocks ul:first-child {
    margin-top: 0; }
  .cms-content ul li, .alt-blocks ul li {
    position: relative;
    margin: 0 0 .8em;
    padding-left: 30px;
    position: relative; }
    @media screen and (max-width: 600px) {
      .cms-content ul li, .alt-blocks ul li {
        padding-left: 20px; } }
    .cms-content ul li:last-child, .alt-blocks ul li:last-child {
      margin-bottom: 0; }
    .cms-content ul li:before, .alt-blocks ul li:before {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      background-color: #231fab;
      position: absolute;
      top: .5em;
      left: 0; }
      @media screen and (max-width: 600px) {
        .cms-content ul li:before, .alt-blocks ul li:before {
          width: 6px;
          height: 6px; } }

.alt-blocks ul li:before {
  background-color: #FFF; }

ol {
  counter-reset: item; }

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  width: 100%;
  height: auto;
  display: block; }
  .cms-content img {
    margin-top: 36px;
    margin-bottom: 36px; }
    @media (min-width: 600px) {
      .cms-content img {
        margin-top: calc(4.24528vw + 10.5283px); } }
    @media (min-width: 1024px) {
      .cms-content img {
        margin-top: calc(1.44231vw + 39.23077px); } }
    @media (min-width: 1440px) {
      .cms-content img {
        margin-top: 60px; } }
    @media (min-width: 600px) {
      .cms-content img {
        margin-bottom: calc(4.24528vw + 10.5283px); } }
    @media (min-width: 1024px) {
      .cms-content img {
        margin-bottom: calc(1.44231vw + 39.23077px); } }
    @media (min-width: 1440px) {
      .cms-content img {
        margin-bottom: 60px; } }
    .cms-content img:last-child {
      margin-bottom: 0; }

strong, .strong {
  font-weight: 600; }

button {
  border: 0;
  outline: 0;
  background-color: #000;
  padding: 21px 62px;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.55556;
  letter-spacing: -0.01em;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease; }
  @media (min-width: 320px) {
    button {
      font-size: calc(0.28409vw + 13.09091px); } }
  @media (min-width: 1024px) {
    button {
      font-size: calc(0.34722vw + 12.44444px); } }
  @media (min-width: 1600px) {
    button {
      font-size: 18px; } }
  button:hover {
    background-color: #231fab; }

hr {
  height: 1px;
  border: none;
  color: #000;
  background-color: #dadada;
  margin: 4em 0;
  margin-top: 48px;
  margin-bottom: 48px; }
  @media (min-width: 600px) {
    hr {
      margin-top: calc(5.66038vw + 14.03774px); } }
  @media (min-width: 1024px) {
    hr {
      margin-top: calc(1.92308vw + 52.30769px); } }
  @media (min-width: 1440px) {
    hr {
      margin-top: 80px; } }
  @media (min-width: 600px) {
    hr {
      margin-bottom: calc(5.66038vw + 14.03774px); } }
  @media (min-width: 1024px) {
    hr {
      margin-bottom: calc(1.92308vw + 52.30769px); } }
  @media (min-width: 1440px) {
    hr {
      margin-bottom: 80px; } }

/*  Components
------------------------------------------------- */
.header {
  position: relative;
  z-index: 200;
  height: 130px; }
  @media (min-width: 320px) {
    .header {
      height: calc(4vw + 117.2px); } }
  @media (min-width: 820px) {
    .header {
      height: calc(49.01961vw - 251.96078px); } }
  @media (min-width: 1024px) {
    .header {
      height: calc(8.68056vw + 161.11111px); } }
  @media (min-width: 1600px) {
    .header {
      height: 300px; } }
  .header--white {
    color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 183px; }
    @media (min-width: 600px) {
      .header__logo {
        width: calc(18.39623vw + 72.62264px); } }
    @media (min-width: 1024px) {
      .header__logo {
        width: 261px; } }
  .header__nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .header__links, .header ul {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .header__links:after, .header ul:after {
      position: absolute;
      top: 0;
      right: 0;
      width: 1px;
      height: 100%;
      background-color: #d9d9d9; }
    .header--white .header__links:after, .header--white .header ul:after {
      background-color: #FFF; }
    @media screen and (max-width: 1024px) {
      .header__links, .header ul {
        display: none; } }
  .header__link, .header li {
    display: block;
    position: relative;
    margin-right: 30px;
    text-decoration: none;
    padding: 6px 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    overflow: hidden; }
    @media (min-width: 1024px) {
      .header__link, .header li {
        margin-right: calc(3.47222vw - 5.55556px); } }
    @media (min-width: 1600px) {
      .header__link, .header li {
        margin-right: 50px; } }
    .header__link:last-child, .header li:last-child {
      margin-right: 0; }
    .header__link:hover:after, .header li:hover:after {
      left: 0;
      width: 100%; }
    .header__link:after, .header li:after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 0px;
      height: 1px;
      background-color: #202020;
      -webkit-transition: width 220ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -o-transition: width 220ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: width 220ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .header__link.is-selected:after, .header__link.current-menu-item:after, .header li.is-selected:after, .header li.current-menu-item:after {
      width: 100%; }
    .header--white .header__link:after, .header--white .header li:after {
      background-color: #FFF; }
  .header.header--white li:after {
    background-color: white; }
  .header__ldn {
    display: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 20px;
    margin-left: 30px;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease; }
    @media (min-width: 1024px) {
      .header__ldn {
        margin-left: calc(3.47222vw - 5.55556px); } }
    @media (min-width: 1600px) {
      .header__ldn {
        margin-left: 50px; } }
    .header__ldn:hover svg path {
      fill: #231fab; }
      .header--white .header__ldn:hover svg path {
        fill: #FFF;
        opacity: 0.8; }
    @media screen and (max-width: 1024px) {
      .header__ldn {
        display: none; } }
  .header__burger {
    display: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (min-width: 600px) {
      .header__burger {
        width: calc(2.35849vw + 15.84906px); } }
    @media (min-width: 1024px) {
      .header__burger {
        width: 40px; } }
    @media (min-width: 600px) {
      .header__burger {
        height: calc(2.35849vw + 15.84906px); } }
    @media (min-width: 1024px) {
      .header__burger {
        height: 40px; } }
    .header__burger span {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 100%;
      height: 2px;
      background-color: #231fab;
      margin: 4px 0; }
      .header--white .header__burger span {
        background-color: #FFF; }
    @media screen and (max-width: 1024px) {
      .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }

.sides {
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 360px) {
    .sides {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media (min-width: 1600px) {
    .sides {
      padding-left: 60px; } }
  @media (min-width: 360px) {
    .sides {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media (min-width: 1600px) {
    .sides {
      padding-right: 60px; } }

.wrap-1920 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px; }
  @media (min-width: 360px) {
    .wrap-1920 {
      max-width: calc(103.22581vw + 268.3871px); } }
  @media (min-width: 1600px) {
    .wrap-1920 {
      max-width: 1920px; } }

.wrap-1680 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 560px; }
  @media (min-width: 360px) {
    .wrap-1680 {
      max-width: calc(90.32258vw + 234.83871px); } }
  @media (min-width: 1600px) {
    .wrap-1680 {
      max-width: 1680px; } }

.wrap-1470 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 480px; }
  @media (min-width: 360px) {
    .wrap-1470 {
      max-width: calc(77.41935vw + 201.29032px); } }
  @media (min-width: 1600px) {
    .wrap-1470 {
      max-width: 1440px; } }

.wrap-1400 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 460px; }
  @media (min-width: 360px) {
    .wrap-1400 {
      max-width: calc(74.19355vw + 192.90323px); } }
  @media (min-width: 1600px) {
    .wrap-1400 {
      max-width: 1380px; } }

.wrap-1260 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 420px; }
  @media (min-width: 360px) {
    .wrap-1260 {
      max-width: calc(67.74194vw + 176.12903px); } }
  @media (min-width: 1600px) {
    .wrap-1260 {
      max-width: 1260px; } }

.wrap-1020 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 340px; }
  @media (min-width: 360px) {
    .wrap-1020 {
      max-width: calc(54.83871vw + 142.58065px); } }
  @media (min-width: 1600px) {
    .wrap-1020 {
      max-width: 1020px; } }

.wrap-840 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 280px; }
  @media (min-width: 360px) {
    .wrap-840 {
      max-width: calc(45.16129vw + 117.41935px); } }
  @media (min-width: 1600px) {
    .wrap-840 {
      max-width: 840px; } }

.home-masthead {
  position: relative;
  margin-bottom: 84px;
  margin-top: 60px; }
  @media (min-width: 600px) {
    .home-masthead {
      margin-bottom: calc(9.90566vw + 24.56604px); } }
  @media (min-width: 1024px) {
    .home-masthead {
      margin-bottom: calc(3.36538vw + 91.53846px); } }
  @media (min-width: 1440px) {
    .home-masthead {
      margin-bottom: 140px; } }
  @media (min-width: 480px) {
    .home-masthead {
      margin-top: calc(5.51471vw + 33.52941px); } }
  @media (min-width: 1024px) {
    .home-masthead {
      margin-top: calc(1.73611vw + 72.22222px); } }
  @media (min-width: 1600px) {
    .home-masthead {
      margin-top: 100px; } }
  .home-masthead__h {
    max-width: 925px; }
    .home-masthead__h a {
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; }
      .home-masthead__h a:hover {
        color: #231fab; }

.home-banner {
  position: relative;
  overflow: hidden; }
  .home-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    background-position: center;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    @media screen and (max-width: 820px) {
      .home-banner__bg {
        top: 0;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        position: relative;
        height: 60vw; } }
    @media screen and (max-width: 600px) {
      .home-banner__bg {
        height: 83vw; } }
  .home-banner__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 49vw; }
    @media screen and (max-width: 820px) {
      .home-banner__wrap {
        height: auto; } }
  .home-banner__h {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    max-width: 820px;
    color: #FFF;
    margin-bottom: 55px;
    margin-top: 55px; }
    @media (min-width: 480px) {
      .home-banner__h {
        margin-bottom: calc(2.75735vw + 41.76471px); } }
    @media (min-width: 1024px) {
      .home-banner__h {
        margin-bottom: calc(21.63462vw - 151.53846px); } }
    @media (min-width: 1440px) {
      .home-banner__h {
        margin-bottom: 160px; } }
    @media (min-width: 480px) {
      .home-banner__h {
        margin-top: calc(2.75735vw + 41.76471px); } }
    @media (min-width: 1024px) {
      .home-banner__h {
        margin-top: calc(21.63462vw - 151.53846px); } }
    @media (min-width: 1440px) {
      .home-banner__h {
        margin-top: 160px; } }
    @media screen and (max-width: 820px) {
      .home-banner__h {
        margin-bottom: 0; } }
  @media screen and (max-width: 820px) {
    .home-banner__content {
      background-color: #231fab; } }

.home-logos {
  position: relative;
  background-color: #231fab;
  width: 100%;
  overflow: hidden; }
  .home-logos__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 50px;
    padding-bottom: 50px; }
    @media (min-width: 320px) {
      .home-logos__list {
        padding-top: calc(-1.42045vw + 54.54545px); } }
    @media (min-width: 1024px) {
      .home-logos__list {
        padding-top: calc(1.73611vw + 22.22222px); } }
    @media (min-width: 1600px) {
      .home-logos__list {
        padding-top: 50px; } }
    @media (min-width: 320px) {
      .home-logos__list {
        padding-bottom: calc(-1.42045vw + 54.54545px); } }
    @media (min-width: 1024px) {
      .home-logos__list {
        padding-bottom: calc(1.73611vw + 22.22222px); } }
    @media (min-width: 1600px) {
      .home-logos__list {
        padding-bottom: 50px; } }
    @media screen and (max-width: 768px) {
      .home-logos__list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .home-logos__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 13%;
    height: 68px;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: 0; }
    @media (min-width: 320px) {
      .home-logos__item {
        height: calc(1.70455vw + 62.54545px); } }
    @media (min-width: 1024px) {
      .home-logos__item {
        height: calc(3.47222vw + 44.44444px); } }
    @media (min-width: 1600px) {
      .home-logos__item {
        height: 100px; } }
    .home-logos__item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .home-logos__item {
        width: 26%;
        margin-top: 15px; }
        .home-logos__item:nth-child(1), .home-logos__item:nth-child(2), .home-logos__item:nth-child(3) {
          margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .home-logos__item {
        width: 40%;
        margin-top: 15px; }
        .home-logos__item:nth-child(1), .home-logos__item:nth-child(2) {
          margin-top: 0; } }
  .home-logos__logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    opacity: 0;
    -webkit-animation: transition-up-hide 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
            animation: transition-up-hide 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
    .home-logos__logo img {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      max-width: 140px; }
    .home-logos__logo.is-visible {
      opacity: 1;
      -webkit-animation: transition-down 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards;
              animation: transition-down 1.3s cubic-bezier(0.23, 1, 0.32, 1) forwards; }

.home-about {
  position: relative;
  margin-top: 96px;
  margin-bottom: 96px; }
  @media (min-width: 600px) {
    .home-about {
      margin-top: calc(11.32075vw + 28.07547px); } }
  @media (min-width: 1024px) {
    .home-about {
      margin-top: calc(3.84615vw + 104.61538px); } }
  @media (min-width: 1440px) {
    .home-about {
      margin-top: 160px; } }
  @media (min-width: 600px) {
    .home-about {
      margin-bottom: calc(11.32075vw + 28.07547px); } }
  @media (min-width: 1024px) {
    .home-about {
      margin-bottom: calc(3.84615vw + 104.61538px); } }
  @media (min-width: 1440px) {
    .home-about {
      margin-bottom: 160px; } }
  @media screen and (max-width: 768px) {
    .home-about {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .home-about {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .home-about {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .home-about {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .home-about {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .home-about {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .home-about {
      margin-bottom: 100px; } }
  .home-about__wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 680px) {
      .home-about__wrap {
        display: block; } }
  .home-about__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 237px;
    margin-right: 70px;
    margin-left: 20px;
    display: block; }
    @media (min-width: 360px) {
      .home-about__image {
        margin-right: calc(11.29032vw + 29.35484px); } }
    @media (min-width: 1600px) {
      .home-about__image {
        margin-right: 210px; } }
    @media (min-width: 360px) {
      .home-about__image {
        margin-left: calc(3.22581vw + 8.3871px); } }
    @media (min-width: 1600px) {
      .home-about__image {
        margin-left: 60px; } }
    @media screen and (max-width: 1024px) {
      .home-about__image {
        margin-right: 50px; } }
  @media screen and (max-width: 1024px) and (min-width: 360px) {
    .home-about__image {
      margin-right: calc(8.06452vw + 20.96774px); } }
  @media screen and (max-width: 1024px) and (min-width: 1600px) {
    .home-about__image {
      margin-right: 150px; } }
    @media screen and (max-width: 768px) {
      .home-about__image {
        margin-right: 30px; } }
  @media screen and (max-width: 768px) and (min-width: 360px) {
    .home-about__image {
      margin-right: calc(4.83871vw + 12.58065px); } }
  @media screen and (max-width: 768px) and (min-width: 1600px) {
    .home-about__image {
      margin-right: 90px; } }
    @media screen and (max-width: 680px) {
      .home-about__image {
        width: 100%;
        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-right: 0;
        margin-bottom: 36px; } }
  @media screen and (max-width: 680px) and (min-width: 600px) {
    .home-about__image {
      margin-bottom: calc(4.24528vw + 10.5283px); } }
  @media screen and (max-width: 680px) and (min-width: 1024px) {
    .home-about__image {
      margin-bottom: calc(1.44231vw + 39.23077px); } }
  @media screen and (max-width: 680px) and (min-width: 1440px) {
    .home-about__image {
      margin-bottom: 60px; } }
    @media screen and (max-width: 680px) {
        .home-about__image img {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 auto;
                  flex: 0 1 auto;
          width: 35%;
          margin-right: 10%; } }
    @media screen and (max-width: 480px) {
      .home-about__image img {
        width: 40%; } }
  .home-about__image-sub {
    margin-top: 18px; }
    @media (min-width: 600px) {
      .home-about__image-sub {
        margin-top: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .home-about__image-sub {
        margin-top: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .home-about__image-sub {
        margin-top: 30px; } }
    .home-about__image-sub strong {
      text-transform: uppercase; }
    @media screen and (max-width: 680px) {
      .home-about__image-sub {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto;
        width: 35%; } }
    @media screen and (max-width: 480px) {
      .home-about__image-sub {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 40%; } }
  .home-about__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 30px; }
    @media (min-width: 360px) {
      .home-about__content {
        margin-right: calc(4.83871vw + 12.58065px); } }
    @media (min-width: 1600px) {
      .home-about__content {
        margin-right: 90px; } }
    @media screen and (max-width: 820px) {
      .home-about__content {
        margin-right: 0; } }
  .home-about__sub {
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .home-about__sub {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .home-about__sub {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .home-about__sub {
        margin-bottom: 40px; } }
  .home-about__h {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .home-about__h {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .home-about__h {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .home-about__h {
        margin-bottom: 30px; } }

.featured-products {
  position: relative;
  padding-top: 72px;
  padding-bottom: 90px;
  background-color: #f3f3f0;
  overflow: hidden; }
  @media (min-width: 600px) {
    .featured-products {
      padding-top: calc(8.49057vw + 21.0566px); } }
  @media (min-width: 1024px) {
    .featured-products {
      padding-top: calc(2.88462vw + 78.46154px); } }
  @media (min-width: 1440px) {
    .featured-products {
      padding-top: 120px; } }
  @media (min-width: 600px) {
    .featured-products {
      padding-bottom: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .featured-products {
      padding-bottom: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .featured-products {
      padding-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .featured-products {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .featured-products {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .featured-products {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .featured-products {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .featured-products {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .featured-products {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .featured-products {
      padding-bottom: 100px; } }
  .featured-products__head {
    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;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 18px; }
    @media (min-width: 360px) {
      .featured-products__head {
        padding-left: calc(1.6129vw + 4.19355px); } }
    @media (min-width: 1600px) {
      .featured-products__head {
        padding-left: 30px; } }
    @media (min-width: 360px) {
      .featured-products__head {
        padding-right: calc(1.6129vw + 4.19355px); } }
    @media (min-width: 1600px) {
      .featured-products__head {
        padding-right: 30px; } }
    @media (min-width: 600px) {
      .featured-products__head {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .featured-products__head {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .featured-products__head {
        margin-bottom: 30px; } }
  .featured-products__h {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 30px; }
  .featured-products__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: block;
    text-decoration: underline; }
  .featured-products__frame {
    margin-right: -25px; }
  .featured-products__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .featured-products__item {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding-right: 25px;
    outline: 0; }
    @media screen and (max-width: 1024px) {
      .featured-products__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 28%;
        min-width: 240px; } }

.product {
  padding: 30px;
  display: block;
  position: relative;
  background-color: #FFF;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .product * {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .product--link:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
  .product__sub {
    height: 5em;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .product--link .product__sub {
      text-decoration: underline; }
    .product__sub strong {
      text-transform: uppercase; }
    .product--external .product__sub {
      position: relative;
      padding-right: 24px; }
      .product--external .product__sub:after {
        content: '';
        display: inline-block;
        background-image: url(../assets/images/icons/external-link.svg);
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        width: 20px;
        height: 12px;
        margin-right: -24px;
        -webkit-transform: translate3d(0, 0px, 0);
                transform: translate3d(0, 0px, 0); }
  .product__image {
    position: relative;
    margin: auto;
    margin-bottom: 24px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media (min-width: 600px) {
      .product__image {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .product__image {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .product__image {
        margin-bottom: 40px; } }
    .product__image:after {
      content: '';
      padding-bottom: 100%;
      display: block; }
    .product__image picture {
      position: absolute;
      top: 0;
      left: 10%;
      width: 80%;
      height: 100%;
      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; }
    .product__image img {
      display: block;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: auto;
      width: auto;
      height: auto;
      max-height: 90%;
      max-width: 100%; }
  .product__category {
    font-weight: 400;
    opacity: 0.5;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    padding: 0 30px; }

.areas {
  position: relative;
  background-color: #000;
  color: #FFF;
  overflow: hidden; }
  .areas__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    @media screen and (max-width: 1023px) {
      .areas__list {
        display: block; } }
  .areas__item {
    outline: 0;
    width: 31%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
    .areas__item:last-child {
      border-right: 0; }
    @media screen and (max-width: 1023px) {
      .areas__item {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        .areas__item:last-child {
          border-bottom: 0; } }

.area {
  padding-top: 90px;
  padding-bottom: 102px;
  position: relative;
  height: 100%;
  padding-right: 17%;
  padding-left: 20%; }
  @media (min-width: 600px) {
    .area {
      padding-top: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .area {
      padding-top: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .area {
      padding-top: 150px; } }
  @media (min-width: 600px) {
    .area {
      padding-bottom: calc(12.0283vw + 29.83019px); } }
  @media (min-width: 1024px) {
    .area {
      padding-bottom: calc(4.08654vw + 111.15385px); } }
  @media (min-width: 1440px) {
    .area {
      padding-bottom: 170px; } }
  @media screen and (max-width: 1280px) {
    .area {
      padding-right: 12%;
      padding-left: 13%; } }
  @media screen and (max-width: 1023px) {
    .area {
      padding-top: 72px;
      padding-bottom: 84px; } }
  @media screen and (max-width: 1023px) and (min-width: 600px) {
    .area {
      padding-top: calc(8.49057vw + 21.0566px); } }
  @media screen and (max-width: 1023px) and (min-width: 1024px) {
    .area {
      padding-top: calc(2.88462vw + 78.46154px); } }
  @media screen and (max-width: 1023px) and (min-width: 1440px) {
    .area {
      padding-top: 120px; } }
  @media screen and (max-width: 1023px) and (min-width: 600px) {
    .area {
      padding-bottom: calc(9.90566vw + 24.56604px); } }
  @media screen and (max-width: 1023px) and (min-width: 1024px) {
    .area {
      padding-bottom: calc(3.36538vw + 91.53846px); } }
  @media screen and (max-width: 1023px) and (min-width: 1440px) {
    .area {
      padding-bottom: 140px; } }
  @media screen and (max-width: 600px) {
    .area {
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 48px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .area {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .area {
      padding-right: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .area {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .area {
      padding-left: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .area {
      padding-top: calc(5.66038vw + 14.03774px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .area {
      padding-top: calc(1.92308vw + 52.30769px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .area {
      padding-top: 80px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .area {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .area {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .area {
      padding-bottom: 100px; } }
  .area__sub {
    margin-bottom: 24px;
    display: none; }
    @media (min-width: 600px) {
      .area__sub {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .area__sub {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .area__sub {
        margin-bottom: 40px; } }
  .area__h {
    display: block;
    margin-bottom: 30px;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    text-decoration: underline; }
    @media (min-width: 600px) {
      .area__h {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .area__h {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .area__h {
        margin-bottom: 50px; } }
    .area__h:hover {
      opacity: .7; }
  .area__text {
    display: block;
    margin-bottom: 18px;
    max-width: 500px; }
    @media (min-width: 600px) {
      .area__text {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .area__text {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .area__text {
        margin-bottom: 30px; } }
    @media screen and (max-width: 600px) {
      .area__text {
        max-width: 75vw; } }
  .area__category div {
    display: inline-block; }
  .area__category a {
    text-decoration: underline;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    .area__category a:hover {
      opacity: .7; }
  .area__button {
    display: block;
    position: absolute;
    right: 9%;
    bottom: 24px;
    background-image: url(../assets/images/icons/icon-circle-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    @media (min-width: 600px) {
      .area__button {
        bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .area__button {
        bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .area__button {
        bottom: 40px; } }
    .area__button:hover {
      opacity: .7; }
    @media screen and (max-width: 600px) {
      .area__button {
        width: 40px;
        bottom: 60px;
        right: 20px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .area__button {
      bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .area__button {
      bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .area__button {
      bottom: 100px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .area__button {
      right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .area__button {
      right: 60px; } }
    .area__button:after {
      content: '';
      display: block;
      padding-bottom: 100%; }
    .area__button--external {
      -webkit-transform: rotateZ(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotateZ(-45deg); }

.footer {
  position: relative;
  padding-top: 66px;
  padding-bottom: 66px;
  background-color: #231fab;
  color: #FFF; }
  @media (min-width: 600px) {
    .footer {
      padding-top: calc(7.78302vw + 19.30189px); } }
  @media (min-width: 1024px) {
    .footer {
      padding-top: calc(2.64423vw + 71.92308px); } }
  @media (min-width: 1440px) {
    .footer {
      padding-top: 110px; } }
  @media (min-width: 600px) {
    .footer {
      padding-bottom: calc(7.78302vw + 19.30189px); } }
  @media (min-width: 1024px) {
    .footer {
      padding-bottom: calc(2.64423vw + 71.92308px); } }
  @media (min-width: 1440px) {
    .footer {
      padding-bottom: 110px; } }
  .footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .footer__wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media screen and (max-width: 680px) {
      .footer__wrap {
        display: block; } }
  .footer__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    @media screen and (max-width: 1024px) {
      .footer__item--logo {
        width: 100%;
        margin-bottom: 36px; } }
  @media screen and (max-width: 1024px) and (min-width: 600px) {
    .footer__item--logo {
      margin-bottom: calc(4.24528vw + 10.5283px); } }
  @media screen and (max-width: 1024px) and (min-width: 1024px) {
    .footer__item--logo {
      margin-bottom: calc(1.44231vw + 39.23077px); } }
  @media screen and (max-width: 1024px) and (min-width: 1440px) {
    .footer__item--logo {
      margin-bottom: 60px; } }
    @media screen and (max-width: 680px) {
      .footer__item--links {
        margin-bottom: 36px; } }
  @media screen and (max-width: 680px) and (min-width: 600px) {
    .footer__item--links {
      margin-bottom: calc(4.24528vw + 10.5283px); } }
  @media screen and (max-width: 680px) and (min-width: 1024px) {
    .footer__item--links {
      margin-bottom: calc(1.44231vw + 39.23077px); } }
  @media screen and (max-width: 680px) and (min-width: 1440px) {
    .footer__item--links {
      margin-bottom: 60px; } }
    @media screen and (max-width: 680px) {
      .footer__item--info {
        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: 420px) {
      .footer__item--info {
        display: block; } }
  .footer__logo {
    display: block;
    margin-bottom: 18px;
    width: 183px; }
    @media (min-width: 600px) {
      .footer__logo {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .footer__logo {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .footer__logo {
        margin-bottom: 30px; } }
    @media (min-width: 600px) {
      .footer__logo {
        width: calc(11.08491vw + 116.49057px); } }
    @media (min-width: 1024px) {
      .footer__logo {
        width: calc(12.10938vw + 106px); } }
    @media (min-width: 1280px) {
      .footer__logo {
        width: 261px; } }
  .footer__links, .footer ul {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 20px;
            column-gap: 20px; }
    @media (min-width: 1024px) {
      .footer__links, .footer ul {
        -webkit-column-gap: calc(5.20833vw - 33.33333px);
                column-gap: calc(5.20833vw - 33.33333px); } }
    @media (min-width: 1600px) {
      .footer__links, .footer ul {
        -webkit-column-gap: 50px;
                column-gap: 50px; } }
    .footer__links li, .footer ul li {
      margin-bottom: 7.8px; }
      @media (min-width: 600px) {
        .footer__links li, .footer ul li {
          margin-bottom: calc(0.91981vw + 2.28113px); } }
      @media (min-width: 1024px) {
        .footer__links li, .footer ul li {
          margin-bottom: calc(0.3125vw + 8.5px); } }
      @media (min-width: 1440px) {
        .footer__links li, .footer ul li {
          margin-bottom: 13px; } }
  .footer__link, .footer a {
    position: relative;
    display: inline-block;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    .footer__link:hover, .footer a:hover {
      opacity: .7; }
  .footer li a {
    font-weight: bold; }
  .footer__info {
    margin-bottom: 10px; }
    @media screen and (max-width: 680px) {
      .footer__info {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: 40%;
        margin-right: 20px; } }
    @media screen and (max-width: 420px) {
      .footer__info {
        width: 100%; } }
  .footer__contact a {
    text-decoration: underline; }
  @media screen and (max-width: 680px) {
    .footer__contact {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 40%; } }
  @media screen and (max-width: 420px) {
    .footer__contact {
      width: 100%; } }

.upcoming-events {
  position: relative;
  margin-top: 102px;
  margin-bottom: 102px; }
  @media (min-width: 600px) {
    .upcoming-events {
      margin-top: calc(12.0283vw + 29.83019px); } }
  @media (min-width: 1024px) {
    .upcoming-events {
      margin-top: calc(4.08654vw + 111.15385px); } }
  @media (min-width: 1440px) {
    .upcoming-events {
      margin-top: 170px; } }
  @media (min-width: 600px) {
    .upcoming-events {
      margin-bottom: calc(12.0283vw + 29.83019px); } }
  @media (min-width: 1024px) {
    .upcoming-events {
      margin-bottom: calc(4.08654vw + 111.15385px); } }
  @media (min-width: 1440px) {
    .upcoming-events {
      margin-bottom: 170px; } }
  @media screen and (max-width: 768px) {
    .upcoming-events {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .upcoming-events {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .upcoming-events {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .upcoming-events {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .upcoming-events {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .upcoming-events {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .upcoming-events {
      margin-bottom: 100px; } }
  .upcoming-events__head {
    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;
    margin-bottom: 30px; }
    @media (min-width: 600px) {
      .upcoming-events__head {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .upcoming-events__head {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .upcoming-events__head {
        margin-bottom: 50px; } }
  .upcoming-events__h {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 30px; }
  .upcoming-events__link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: block;
    text-decoration: underline; }
  .upcoming-events__item {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 10px; }
    @media (min-width: 360px) {
      .upcoming-events__item {
        padding-right: calc(1.6129vw + 4.19355px); } }
    @media (min-width: 1600px) {
      .upcoming-events__item {
        padding-right: 30px; } }
    .upcoming-events__item:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .upcoming-events__item {
        display: block;
        padding-right: 0;
        margin-bottom: 24px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .upcoming-events__item {
      margin-bottom: calc(2.83019vw + 7.01887px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .upcoming-events__item {
      margin-bottom: calc(0.96154vw + 26.15385px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .upcoming-events__item {
      margin-bottom: 40px; } }
  .upcoming-events__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 185px;
    margin-right: 50px;
    padding-right: 50px;
    margin-top: 20px;
    position: relative; }
    .upcoming-events__date span {
      white-space: nowrap; }
    .upcoming-events__date:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 1px;
      background-color: #000;
      top: 50%;
      right: 0; }
    @media screen and (max-width: 768px) {
      .upcoming-events__date {
        width: auto;
        display: inline-block;
        margin-bottom: 12px;
        padding-right: 25px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .upcoming-events__date {
      margin-bottom: calc(1.41509vw + 3.50943px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .upcoming-events__date {
      margin-bottom: calc(0.48077vw + 13.07692px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .upcoming-events__date {
      margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
        .upcoming-events__date:after {
          width: 15px; } }
  .upcoming-events__title {
    display: block; }
    .upcoming-events__item--link .upcoming-events__title {
      text-decoration: underline;
      -webkit-transition: color .3s ease;
      -o-transition: color .3s ease;
      transition: color .3s ease; }
      .upcoming-events__item--link .upcoming-events__title:hover {
        color: #231fab; }
      .upcoming-events__item--link .upcoming-events__title:hover {
        opacity: 1 !important; }
    .upcoming-events__item:nth-child(2) .upcoming-events__title {
      opacity: .8; }
    .upcoming-events__item:nth-child(3) .upcoming-events__title {
      opacity: .45; }
    .upcoming-events__item:nth-child(4) .upcoming-events__title {
      opacity: .3; }

.landing-masthead {
  position: relative;
  padding-top: 130px;
  margin-bottom: 84px;
  color: #FFF; }
  @media (min-width: 320px) {
    .landing-masthead {
      padding-top: calc(4vw + 117.2px); } }
  @media (min-width: 820px) {
    .landing-masthead {
      padding-top: calc(49.01961vw - 251.96078px); } }
  @media (min-width: 1024px) {
    .landing-masthead {
      padding-top: calc(8.68056vw + 161.11111px); } }
  @media (min-width: 1600px) {
    .landing-masthead {
      padding-top: 300px; } }
  @media (min-width: 600px) {
    .landing-masthead {
      margin-bottom: calc(9.90566vw + 24.56604px); } }
  @media (min-width: 1024px) {
    .landing-masthead {
      margin-bottom: calc(3.36538vw + 91.53846px); } }
  @media (min-width: 1440px) {
    .landing-masthead {
      margin-bottom: 140px; } }
  @media screen and (max-width: 768px) {
    .landing-masthead {
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .landing-masthead {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .landing-masthead {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .landing-masthead {
      margin-bottom: 100px; } }
  .landing-masthead:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 90px;
    left: 0;
    width: 100%;
    background-color: #231fab; }
    @media (min-width: 600px) {
      .landing-masthead:after {
        bottom: calc(10.61321vw + 26.32075px); } }
    @media (min-width: 1024px) {
      .landing-masthead:after {
        bottom: calc(3.60577vw + 98.07692px); } }
    @media (min-width: 1440px) {
      .landing-masthead:after {
        bottom: 150px; } }
  .landing-masthead__h {
    max-width: 680px;
    padding-top: 18px;
    margin-bottom: 96px; }
    @media (min-width: 600px) {
      .landing-masthead__h {
        padding-top: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .landing-masthead__h {
        padding-top: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .landing-masthead__h {
        padding-top: 30px; } }
    @media (min-width: 600px) {
      .landing-masthead__h {
        margin-bottom: calc(11.32075vw + 28.07547px); } }
    @media (min-width: 1024px) {
      .landing-masthead__h {
        margin-bottom: calc(3.84615vw + 104.61538px); } }
    @media (min-width: 1440px) {
      .landing-masthead__h {
        margin-bottom: 160px; } }
    .landing-masthead__h h1 {
      margin-bottom: 12px; }
      @media (min-width: 600px) {
        .landing-masthead__h h1 {
          margin-bottom: calc(1.41509vw + 3.50943px); } }
      @media (min-width: 1024px) {
        .landing-masthead__h h1 {
          margin-bottom: calc(0.48077vw + 13.07692px); } }
      @media (min-width: 1440px) {
        .landing-masthead__h h1 {
          margin-bottom: 20px; } }
    .landing-masthead__h p {
      color: #FFF; }
    @media screen and (max-width: 1024px) {
      .landing-masthead__h {
        max-width: 80%; } }
    @media screen and (max-width: 768px) {
      .landing-masthead__h {
        margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .landing-masthead__h {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .landing-masthead__h {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .landing-masthead__h {
      margin-bottom: 100px; } }
    @media screen and (max-width: 600px) {
      .landing-masthead__h {
        max-width: 100%; } }
  .landing-masthead__image {
    direction: rtl;
    position: relative; }
    @media screen and (max-width: 600px) {
      .landing-masthead__image {
        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; } }
  .landing-masthead__image-bg {
    position: relative;
    right: 0;
    overflow: hidden;
    width: calc(50vw + 50%); }
    .landing-masthead__image-bg:after {
      content: '';
      padding-bottom: 46.45%;
      display: block; }
    @media screen and (max-width: 600px) {
      .landing-masthead__image-bg {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100vw; } }
    .landing-masthead__image-bg span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: left center;
      will-change: transform;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      @media screen and (max-width: 820px) {
        .landing-masthead__image-bg span {
          -webkit-transform: none !important;
              -ms-transform: none !important;
                  transform: none !important; } }

.content {
  position: relative;
  margin-top: 84px;
  margin-bottom: 84px; }
  @media (min-width: 600px) {
    .content {
      margin-top: calc(9.90566vw + 24.56604px); } }
  @media (min-width: 1024px) {
    .content {
      margin-top: calc(3.36538vw + 91.53846px); } }
  @media (min-width: 1440px) {
    .content {
      margin-top: 140px; } }
  @media (min-width: 600px) {
    .content {
      margin-bottom: calc(9.90566vw + 24.56604px); } }
  @media (min-width: 1024px) {
    .content {
      margin-bottom: calc(3.36538vw + 91.53846px); } }
  @media (min-width: 1440px) {
    .content {
      margin-bottom: 140px; } }
  @media screen and (max-width: 768px) {
    .content {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content {
      margin-bottom: 100px; } }
  .content--brown {
    background-color: #f3f3f0;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 84px;
    padding-bottom: 84px; }
    @media (min-width: 600px) {
      .content--brown {
        margin-top: calc(0vw + 0px); } }
    @media (min-width: 1024px) {
      .content--brown {
        margin-top: calc(0vw + 0px); } }
    @media (min-width: 1440px) {
      .content--brown {
        margin-top: 0px; } }
    @media (min-width: 600px) {
      .content--brown {
        margin-bottom: calc(0vw + 0px); } }
    @media (min-width: 1024px) {
      .content--brown {
        margin-bottom: calc(0vw + 0px); } }
    @media (min-width: 1440px) {
      .content--brown {
        margin-bottom: 0px; } }
    @media (min-width: 600px) {
      .content--brown {
        padding-top: calc(9.90566vw + 24.56604px); } }
    @media (min-width: 1024px) {
      .content--brown {
        padding-top: calc(3.36538vw + 91.53846px); } }
    @media (min-width: 1440px) {
      .content--brown {
        padding-top: 140px; } }
    @media (min-width: 600px) {
      .content--brown {
        padding-bottom: calc(9.90566vw + 24.56604px); } }
    @media (min-width: 1024px) {
      .content--brown {
        padding-bottom: calc(3.36538vw + 91.53846px); } }
    @media (min-width: 1440px) {
      .content--brown {
        padding-bottom: 140px; } }
    @media screen and (max-width: 768px) {
      .content--brown {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 60px;
        padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content--brown {
      margin-top: calc(0vw + 0px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content--brown {
      margin-top: calc(0vw + 0px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content--brown {
      margin-top: 0px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content--brown {
      margin-bottom: calc(0vw + 0px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content--brown {
      margin-bottom: calc(0vw + 0px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content--brown {
      margin-bottom: 0px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content--brown {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content--brown {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content--brown {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content--brown {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content--brown {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content--brown {
      padding-bottom: 100px; } }
  @media screen and (max-width: 768px) {
    .content--text .content__wrap {
      max-width: 100%; } }
  @media screen and (max-width: 768px) {
    .content__wrap.content-rule {
      border-top: 1px solid #dadada;
      padding-top: 48px;
      margin-top: 48px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content__wrap.content-rule {
      padding-top: calc(5.66038vw + 14.03774px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content__wrap.content-rule {
      padding-top: calc(1.92308vw + 52.30769px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content__wrap.content-rule {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content__wrap.content-rule {
      margin-top: calc(5.66038vw + 14.03774px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content__wrap.content-rule {
      margin-top: calc(1.92308vw + 52.30769px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content__wrap.content-rule {
      margin-top: 80px; } }
  .content__head {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .content__head {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .content__head {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .content__head {
        margin-bottom: 30px; } }
  .content__body {
    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) {
      .content__body {
        display: block; } }
  .content__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    @media screen and (max-width: 768px) {
      .content__text {
        margin-bottom: 42px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .content__text {
      margin-bottom: calc(4.95283vw + 12.28302px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .content__text {
      margin-bottom: calc(1.68269vw + 45.76923px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .content__text {
      margin-bottom: 70px; } }
  .content__quote {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    width: 120px;
    margin-right: 15px;
    min-width: 220px;
    margin-left: 80px; }
    @media (min-width: 360px) {
      .content__quote {
        width: calc(19.35484vw + 50.32258px); } }
    @media (min-width: 1600px) {
      .content__quote {
        width: 360px; } }
    @media (min-width: 820px) {
      .content__quote {
        margin-left: calc(9.80392vw - 0.39216px); } }
    @media (min-width: 1024px) {
      .content__quote {
        margin-left: calc(8.68056vw + 11.11111px); } }
    @media (min-width: 1600px) {
      .content__quote {
        margin-left: 150px; } }
    @media screen and (max-width: 768px) {
      .content__quote {
        margin-left: 0;
        min-width: 0;
        width: 100%;
        max-width: 440px; } }
  .content__quote-text {
    font-style: italic;
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .content__quote-text {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .content__quote-text {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .content__quote-text {
        margin-bottom: 30px; } }
    .content__quote-text:before {
      content: '“';
      position: absolute;
      top: -5px;
      left: -35px;
      font-size: 1.5em; }
    .content__quote-text span {
      font-size: 1.5em;
      line-height: 0.5;
      display: inline-block;
      -webkit-transform: translate3d(10px, 10px, 0);
              transform: translate3d(10px, 10px, 0); }
    @media screen and (max-width: 768px) {
      .content__quote-text {
        padding-left: 20px; }
        .content__quote-text:before {
          left: 0;
          top: 0;
          font-size: 1.2em; }
        .content__quote-text span {
          font-size: 1.2em;
          -webkit-transform: translate3d(5px, 5px, 0);
                  transform: translate3d(5px, 5px, 0); } }
  @media screen and (max-width: 768px) {
    .content__quote-author {
      padding-left: 20px; } }
  .content__sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
    width: 120px;
    margin-right: 15px;
    min-width: 220px;
    margin-left: 80px; }
    @media (min-width: 360px) {
      .content__sidebar {
        width: calc(19.35484vw + 50.32258px); } }
    @media (min-width: 1600px) {
      .content__sidebar {
        width: 360px; } }
    @media (min-width: 820px) {
      .content__sidebar {
        margin-left: calc(9.80392vw - 0.39216px); } }
    @media (min-width: 1024px) {
      .content__sidebar {
        margin-left: calc(8.68056vw + 11.11111px); } }
    @media (min-width: 1600px) {
      .content__sidebar {
        margin-left: 150px; } }
    @media screen and (max-width: 768px) {
      .content__sidebar {
        margin-left: 0;
        min-width: 0;
        width: 100%;
        max-width: 440px; } }
  .content__sidebar-text {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .content__sidebar-text {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .content__sidebar-text {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .content__sidebar-text {
        margin-bottom: 30px; } }

.areas-items {
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative;
  background-color: #f3f3f0;
  padding-left: 20px;
  padding-right: 20px; }
  @media (min-width: 600px) {
    .areas-items {
      padding-top: calc(11.32075vw + 28.07547px); } }
  @media (min-width: 1024px) {
    .areas-items {
      padding-top: calc(3.84615vw + 104.61538px); } }
  @media (min-width: 1440px) {
    .areas-items {
      padding-top: 160px; } }
  @media (min-width: 600px) {
    .areas-items {
      padding-bottom: calc(11.32075vw + 28.07547px); } }
  @media (min-width: 1024px) {
    .areas-items {
      padding-bottom: calc(3.84615vw + 104.61538px); } }
  @media (min-width: 1440px) {
    .areas-items {
      padding-bottom: 160px; } }
  @media screen and (max-width: 768px) {
    .areas-items {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-items {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-items {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-items {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-items {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-items {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-items {
      padding-bottom: 100px; } }
  @media (min-width: 360px) {
    .areas-items {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media (min-width: 1600px) {
    .areas-items {
      padding-left: 60px; } }
  @media (min-width: 360px) {
    .areas-items {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media (min-width: 1600px) {
    .areas-items {
      padding-right: 60px; } }
  .areas-items__item {
    background-color: #FFF;
    position: relative;
    width: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
    margin: 0 auto;
    max-width: 100%; }
    @media (min-width: 360px) {
      .areas-items__item {
        width: calc(77.41935vw + 201.29032px); } }
    @media (min-width: 1600px) {
      .areas-items__item {
        width: 1440px; } }
    @media (min-width: 600px) {
      .areas-items__item {
        margin-bottom: calc(10.61321vw + 26.32075px); } }
    @media (min-width: 1024px) {
      .areas-items__item {
        margin-bottom: calc(3.60577vw + 98.07692px); } }
    @media (min-width: 1440px) {
      .areas-items__item {
        margin-bottom: 150px; } }
    .areas-items__item:nth-child(odd) {
      margin-left: auto; }
    .areas-items__item:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 1023px) {
      .areas-items__item {
        width: 100%; } }
    @media screen and (max-width: 600px) {
      .areas-items__item {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 48px;
        margin-bottom: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .areas-items__item {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .areas-items__item {
      padding-left: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .areas-items__item {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .areas-items__item {
      padding-right: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .areas-items__item {
      padding-top: calc(5.66038vw + 14.03774px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .areas-items__item {
      padding-top: calc(1.92308vw + 52.30769px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .areas-items__item {
      padding-top: 80px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .areas-items__item {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .areas-items__item {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .areas-items__item {
      margin-bottom: 100px; } }
  .areas-items__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-top: 10%;
    padding-bottom: 12%;
    padding-right: 7%;
    padding-left: 9%;
    position: relative; }
    .areas-items__item:nth-child(odd) .areas-items__content {
      border-right: 1px solid #f3f3f0; }
    .areas-items__item:nth-child(even) .areas-items__content {
      border-left: 1px solid #f3f3f0; }
    @media screen and (max-width: 600px) {
      .areas-items__content {
        padding-top: 24px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 72px;
        border: 0 !important; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .areas-items__content {
      padding-top: calc(2.83019vw + 7.01887px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .areas-items__content {
      padding-top: calc(0.96154vw + 26.15385px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .areas-items__content {
      padding-top: 40px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .areas-items__content {
      padding-bottom: calc(8.49057vw + 21.0566px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .areas-items__content {
      padding-bottom: calc(2.88462vw + 78.46154px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .areas-items__content {
      padding-bottom: 120px; } }
  .areas-items__image {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 35%;
    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; }
    .areas-items__image img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: 70%; }
    .areas-items__item:nth-child(odd) .areas-items__image {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    @media screen and (max-width: 600px) {
      .areas-items__image {
        width: 100%;
        display: block; }
        .areas-items__image img {
          min-width: 130px;
          margin: 0 auto;
          width: 50%; } }
  .areas-items__title {
    margin-bottom: 18px;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    display: block;
    text-decoration: underline; }
    @media (min-width: 600px) {
      .areas-items__title {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .areas-items__title {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .areas-items__title {
        margin-bottom: 30px; } }
    .areas-items__title:hover {
      color: #777777; }
  .areas-items__text {
    display: block;
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .areas-items__text {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .areas-items__text {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .areas-items__text {
        margin-bottom: 30px; } }
  .areas-items__category a {
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease; }
    .areas-items__category a:hover {
      color: #777777; }
  .areas-items__add-link {
    position: absolute;
    display: block;
    padding-top: 18px; }
    @media (min-width: 600px) {
      .areas-items__add-link {
        padding-top: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .areas-items__add-link {
        padding-top: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .areas-items__add-link {
        padding-top: 30px; } }
    @media screen and (max-width: 600px) {
      .areas-items__add-link {
        padding-top: 20px;
        position: relative; } }
  .areas-items__button {
    display: block;
    position: absolute;
    bottom: 36px;
    right: 36px;
    background-image: url("../assets/images/icons/icon-circle-arrow-black.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    @media (min-width: 600px) {
      .areas-items__button {
        bottom: calc(4.24528vw + 10.5283px); } }
    @media (min-width: 1024px) {
      .areas-items__button {
        bottom: calc(1.44231vw + 39.23077px); } }
    @media (min-width: 1440px) {
      .areas-items__button {
        bottom: 60px; } }
    @media (min-width: 600px) {
      .areas-items__button {
        right: calc(4.24528vw + 10.5283px); } }
    @media (min-width: 1024px) {
      .areas-items__button {
        right: calc(1.44231vw + 39.23077px); } }
    @media (min-width: 1440px) {
      .areas-items__button {
        right: 60px; } }
    .areas-items__button:hover {
      opacity: .7; }
    @media screen and (max-width: 768px) {
      .areas-items__button {
        width: 40px;
        bottom: 36px;
        right: 20px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-items__button {
      bottom: calc(4.24528vw + 10.5283px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-items__button {
      bottom: calc(1.44231vw + 39.23077px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-items__button {
      bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 360px) {
    .areas-items__button {
      right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 768px) and (min-width: 1600px) {
    .areas-items__button {
      right: 60px; } }
    @media screen and (max-width: 600px) {
      .areas-items__button {
        right: 0; } }
    .areas-items__button:after {
      content: '';
      display: block;
      padding-bottom: 100%; }
    .areas-items__button--external {
      -webkit-transform: rotateZ(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotateZ(-45deg); }

.cta {
  border-top: 1px solid #f3f3f0;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative; }
  @media (min-width: 600px) {
    .cta {
      padding-top: calc(11.32075vw + 28.07547px); } }
  @media (min-width: 1024px) {
    .cta {
      padding-top: calc(3.84615vw + 104.61538px); } }
  @media (min-width: 1440px) {
    .cta {
      padding-top: 160px; } }
  @media (min-width: 600px) {
    .cta {
      padding-bottom: calc(11.32075vw + 28.07547px); } }
  @media (min-width: 1024px) {
    .cta {
      padding-bottom: calc(3.84615vw + 104.61538px); } }
  @media (min-width: 1440px) {
    .cta {
      padding-bottom: 160px; } }
  @media screen and (max-width: 768px) {
    .cta {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .cta {
      padding-top: calc(10.61321vw + 26.32075px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .cta {
      padding-top: calc(3.60577vw + 98.07692px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .cta {
      padding-top: 150px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .cta {
      padding-bottom: calc(10.61321vw + 26.32075px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .cta {
      padding-bottom: calc(3.60577vw + 98.07692px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .cta {
      padding-bottom: 150px; } }
  .cta__link {
    display: block;
    text-decoration: underline;
    text-align: center;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease; }
    .cta__link:hover {
      color: #231fab; }

.single-masthead {
  position: relative;
  padding-top: 130px;
  padding-bottom: 108px;
  color: #FFF;
  overflow: hidden; }
  @media (min-width: 320px) {
    .single-masthead {
      padding-top: calc(4vw + 117.2px); } }
  @media (min-width: 820px) {
    .single-masthead {
      padding-top: calc(49.01961vw - 251.96078px); } }
  @media (min-width: 1024px) {
    .single-masthead {
      padding-top: calc(8.68056vw + 161.11111px); } }
  @media (min-width: 1600px) {
    .single-masthead {
      padding-top: 300px; } }
  @media (min-width: 600px) {
    .single-masthead {
      padding-bottom: calc(12.73585vw + 31.58491px); } }
  @media (min-width: 1024px) {
    .single-masthead {
      padding-bottom: calc(4.32692vw + 117.69231px); } }
  @media (min-width: 1440px) {
    .single-masthead {
      padding-bottom: 180px; } }
  .single-masthead__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    background-position: 50% center;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    @media screen and (max-width: 820px) {
      .single-masthead__bg {
        top: 0;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        height: 100%; } }
  @media screen and (max-width: 768px) {
    .single-masthead {
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .single-masthead {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .single-masthead {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .single-masthead {
      padding-bottom: 100px; } }
  .single-masthead__head {
    max-width: 680px;
    padding-top: 30px; }
    @media (min-width: 600px) {
      .single-masthead__head {
        padding-top: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .single-masthead__head {
        padding-top: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .single-masthead__head {
        padding-top: 50px; } }
    .single-masthead__head h1 {
      margin-bottom: 12px; }
      @media (min-width: 600px) {
        .single-masthead__head h1 {
          margin-bottom: calc(1.41509vw + 3.50943px); } }
      @media (min-width: 1024px) {
        .single-masthead__head h1 {
          margin-bottom: calc(0.48077vw + 13.07692px); } }
      @media (min-width: 1440px) {
        .single-masthead__head h1 {
          margin-bottom: 20px; } }
    .single-masthead__head p {
      color: #FFF; }
    @media screen and (max-width: 1024px) {
      .single-masthead__head {
        max-width: 70%; } }
    @media screen and (max-width: 768px) {
      .single-masthead__head {
        max-width: 460px; } }
  .single-masthead__sup {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .single-masthead__sup {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .single-masthead__sup {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .single-masthead__sup {
        margin-bottom: 30px; } }
    .single-masthead__sup a {
      text-decoration: underline;
      -webkit-transition: opacity .3s ease;
      -o-transition: opacity .3s ease;
      transition: opacity .3s ease; }
      .single-masthead__sup a:hover {
        opacity: .7; }

.product-list {
  position: relative;
  padding-top: 36px;
  padding-bottom: 90px;
  background-color: #f3f3f0; }
  @media (min-width: 600px) {
    .product-list {
      padding-top: calc(4.24528vw + 10.5283px); } }
  @media (min-width: 1024px) {
    .product-list {
      padding-top: calc(1.44231vw + 39.23077px); } }
  @media (min-width: 1440px) {
    .product-list {
      padding-top: 60px; } }
  @media (min-width: 600px) {
    .product-list {
      padding-bottom: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .product-list {
      padding-bottom: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .product-list {
      padding-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .product-list {
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .product-list {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .product-list {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .product-list {
      padding-bottom: 100px; } }
  .product-list__wrap {
    position: relative; }
  .product-list__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 36px; }
    @media (min-width: 360px) {
      .product-list__head {
        padding-left: calc(4.83871vw + 12.58065px); } }
    @media (min-width: 1600px) {
      .product-list__head {
        padding-left: 90px; } }
    @media (min-width: 360px) {
      .product-list__head {
        padding-right: calc(4.83871vw + 12.58065px); } }
    @media (min-width: 1600px) {
      .product-list__head {
        padding-right: 90px; } }
    @media (min-width: 600px) {
      .product-list__head {
        margin-bottom: calc(4.24528vw + 10.5283px); } }
    @media (min-width: 1024px) {
      .product-list__head {
        margin-bottom: calc(1.44231vw + 39.23077px); } }
    @media (min-width: 1440px) {
      .product-list__head {
        margin-bottom: 60px; } }
    @media screen and (max-width: 768px) {
      .product-list__head {
        padding-left: 0;
        padding-right: 0; } }
  .product-list__category {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: block;
    background-color: #FFF;
    margin-right: 15px;
    cursor: pointer;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    @media (min-width: 480px) {
      .product-list__category {
        padding-top: calc(0.55147vw + 5.35294px); } }
    @media (min-width: 1024px) {
      .product-list__category {
        padding-top: 11px; } }
    @media (min-width: 480px) {
      .product-list__category {
        padding-bottom: calc(0.55147vw + 5.35294px); } }
    @media (min-width: 1024px) {
      .product-list__category {
        padding-bottom: 11px; } }
    @media (min-width: 480px) {
      .product-list__category {
        padding-left: calc(1.28676vw + 7.82353px); } }
    @media (min-width: 1024px) {
      .product-list__category {
        padding-left: 21px; } }
    @media (min-width: 480px) {
      .product-list__category {
        padding-right: calc(1.28676vw + 7.82353px); } }
    @media (min-width: 1024px) {
      .product-list__category {
        padding-right: 21px; } }
    .product-list__category:last-child {
      margin-right: 0; }
    .product-list__category.is-selected {
      color: #FFF !important;
      background-color: #000 !important; }
    .product-list__category:hover {
      -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
  .product-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -25px;
    margin-top: -25px; }
    .product-list__list--sizer {
      pointer-events: none;
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 200px; }
  .product-list__item {
    width: 25%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-right: 25px;
    padding-top: 25px; }
    @media screen and (max-width: 1023px) and (min-width: 768px) {
      .product-list__item {
        width: 33.333%; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .product-list__item {
        width: 50%; } }
    @media screen and (max-width: 479px) {
      .product-list__item {
        width: 100%; } }

.text-masthead {
  position: relative; }
  .text-masthead--blue {
    background-color: #231fab;
    color: #FFF;
    padding-top: 130px;
    padding-bottom: 90px; }
    @media (min-width: 320px) {
      .text-masthead--blue {
        padding-top: calc(4vw + 117.2px); } }
    @media (min-width: 820px) {
      .text-masthead--blue {
        padding-top: calc(49.01961vw - 251.96078px); } }
    @media (min-width: 1024px) {
      .text-masthead--blue {
        padding-top: calc(8.68056vw + 161.11111px); } }
    @media (min-width: 1600px) {
      .text-masthead--blue {
        padding-top: 300px; } }
    @media (min-width: 600px) {
      .text-masthead--blue {
        padding-bottom: calc(10.61321vw + 26.32075px); } }
    @media (min-width: 1024px) {
      .text-masthead--blue {
        padding-bottom: calc(3.60577vw + 98.07692px); } }
    @media (min-width: 1440px) {
      .text-masthead--blue {
        padding-bottom: 150px; } }
    @media screen and (max-width: 768px) {
      .text-masthead--blue {
        padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .text-masthead--blue {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .text-masthead--blue {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .text-masthead--blue {
      padding-bottom: 100px; } }
  .text-masthead--white {
    margin-bottom: 90px; }
    @media (min-width: 600px) {
      .text-masthead--white {
        margin-bottom: calc(10.61321vw + 26.32075px); } }
    @media (min-width: 1024px) {
      .text-masthead--white {
        margin-bottom: calc(3.60577vw + 98.07692px); } }
    @media (min-width: 1440px) {
      .text-masthead--white {
        margin-bottom: 150px; } }
    @media screen and (max-width: 768px) {
      .text-masthead--white {
        margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .text-masthead--white {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .text-masthead--white {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .text-masthead--white {
      margin-bottom: 100px; } }
  .text-masthead__sup {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .text-masthead__sup {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .text-masthead__sup {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .text-masthead__sup {
        margin-bottom: 30px; } }
    .text-masthead__sup a {
      text-decoration: underline;
      -webkit-transition: opacity .3s ease;
      -o-transition: opacity .3s ease;
      transition: opacity .3s ease; }
      .text-masthead__sup a:hover {
        opacity: .7; }
  .text-masthead__head {
    padding-top: 24px; }
    @media (min-width: 600px) {
      .text-masthead__head {
        padding-top: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .text-masthead__head {
        padding-top: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .text-masthead__head {
        padding-top: 40px; } }
    .text-masthead__head h1 {
      margin-bottom: 12px;
      letter-spacing: -0.045em;
      max-width: 880px; }
      @media (min-width: 600px) {
        .text-masthead__head h1 {
          margin-bottom: calc(1.41509vw + 3.50943px); } }
      @media (min-width: 1024px) {
        .text-masthead__head h1 {
          margin-bottom: calc(0.48077vw + 13.07692px); } }
      @media (min-width: 1440px) {
        .text-masthead__head h1 {
          margin-bottom: 20px; } }
    .text-masthead__head p {
      max-width: 680px; }
  .text-masthead__logo {
    width: 120px;
    margin-top: 24px; }
    @media (min-width: 600px) {
      .text-masthead__logo {
        margin-top: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .text-masthead__logo {
        margin-top: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .text-masthead__logo {
        margin-top: 40px; } }

.product-info {
  position: relative;
  margin-top: 78px;
  margin-bottom: 78px; }
  @media (min-width: 600px) {
    .product-info {
      margin-top: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .product-info {
      margin-top: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .product-info {
      margin-top: 130px; } }
  @media (min-width: 600px) {
    .product-info {
      margin-bottom: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .product-info {
      margin-bottom: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .product-info {
      margin-bottom: 130px; } }
  @media screen and (max-width: 768px) {
    .product-info {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .product-info {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .product-info {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .product-info {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .product-info {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .product-info {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .product-info {
      margin-bottom: 100px; } }
  .product-info__wrap {
    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) {
      .product-info__wrap {
        display: block; } }
  .product-info__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 48%;
    border: 24px solid #f3f3f0;
    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;
    padding-top: 72px;
    padding-bottom: 72px; }
    @media (min-width: 600px) {
      .product-info__image {
        padding-top: calc(8.49057vw + 21.0566px); } }
    @media (min-width: 1024px) {
      .product-info__image {
        padding-top: calc(2.88462vw + 78.46154px); } }
    @media (min-width: 1440px) {
      .product-info__image {
        padding-top: 120px; } }
    @media (min-width: 600px) {
      .product-info__image {
        padding-bottom: calc(8.49057vw + 21.0566px); } }
    @media (min-width: 1024px) {
      .product-info__image {
        padding-bottom: calc(2.88462vw + 78.46154px); } }
    @media (min-width: 1440px) {
      .product-info__image {
        padding-bottom: 120px; } }
    .product-info__image img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto;
      height: auto;
      max-height: 410px;
      max-width: 45%; }
    @media screen and (max-width: 768px) {
      .product-info__image {
        width: 100%;
        margin-bottom: 48px;
        border: 16px solid #f3f3f0; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .product-info__image {
      margin-bottom: calc(5.66038vw + 14.03774px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .product-info__image {
      margin-bottom: calc(1.92308vw + 52.30769px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .product-info__image {
      margin-bottom: 80px; } }
  .product-info__content {
    margin-top: auto;
    margin-bottom: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-left: 8%;
    padding-right: 10%; }
    .product-info__content h3 {
      margin-bottom: 18px;
      max-width: 510px; }
      @media (min-width: 600px) {
        .product-info__content h3 {
          margin-bottom: calc(2.12264vw + 5.26415px); } }
      @media (min-width: 1024px) {
        .product-info__content h3 {
          margin-bottom: calc(0.72115vw + 19.61538px); } }
      @media (min-width: 1440px) {
        .product-info__content h3 {
          margin-bottom: 30px; } }
    @media screen and (max-width: 1024px) {
      .product-info__content {
        padding-left: 6%;
        padding-right: 6%; } }
    @media screen and (max-width: 768px) {
      .product-info__content {
        padding-left: 20px;
        padding-right: 20px; } }
  @media screen and (max-width: 768px) and (min-width: 360px) {
    .product-info__content {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 768px) and (min-width: 1600px) {
    .product-info__content {
      padding-left: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 360px) {
    .product-info__content {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 768px) and (min-width: 1600px) {
    .product-info__content {
      padding-right: 60px; } }
  .product-info__logo {
    width: 120px;
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .product-info__logo {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .product-info__logo {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .product-info__logo {
        margin-bottom: 40px; } }

.alt-blocks {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative; }
  @media (min-width: 600px) {
    .alt-blocks {
      padding-top: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .alt-blocks {
      padding-top: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .alt-blocks {
      padding-top: 150px; } }
  @media (min-width: 600px) {
    .alt-blocks {
      padding-bottom: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .alt-blocks {
      padding-bottom: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .alt-blocks {
      padding-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .alt-blocks {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .alt-blocks {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .alt-blocks {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .alt-blocks {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .alt-blocks {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .alt-blocks {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .alt-blocks {
      padding-bottom: 100px; } }
  .alt-blocks--blue {
    background-color: #231fab;
    color: #FFF; }
  .alt-blocks--brown {
    background-color: #f3f3f0; }
  .alt-blocks__pre {
    margin-bottom: 60px; }
    @media (min-width: 600px) {
      .alt-blocks__pre {
        margin-bottom: calc(7.07547vw + 17.54717px); } }
    @media (min-width: 1024px) {
      .alt-blocks__pre {
        margin-bottom: calc(2.40385vw + 65.38462px); } }
    @media (min-width: 1440px) {
      .alt-blocks__pre {
        margin-bottom: 100px; } }
    .alt-blocks--brown .alt-blocks__pre {
      color: #404040; }
    @media screen and (max-width: 768px) {
      .alt-blocks__pre {
        max-width: 100%; } }
  .alt-blocks__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 78px; }
    @media (min-width: 600px) {
      .alt-blocks__item {
        margin-top: calc(9.19811vw + 22.81132px); } }
    @media (min-width: 1024px) {
      .alt-blocks__item {
        margin-top: calc(3.125vw + 85px); } }
    @media (min-width: 1440px) {
      .alt-blocks__item {
        margin-top: 130px; } }
    .alt-blocks__item:first-child {
      margin-top: 0; }
    @media screen and (max-width: 768px) {
      .alt-blocks__item {
        margin-top: 60px;
        display: block; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .alt-blocks__item {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .alt-blocks__item {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .alt-blocks__item {
      margin-top: 100px; } }
  .alt-blocks__image {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 49%; }
    .alt-blocks__item:nth-child(even) .alt-blocks__image {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    @media screen and (max-width: 768px) {
      .alt-blocks__image {
        width: 100%;
        margin-bottom: 30px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .alt-blocks__image {
      margin-bottom: calc(3.53774vw + 8.77358px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .alt-blocks__image {
      margin-bottom: calc(1.20192vw + 32.69231px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .alt-blocks__image {
      margin-bottom: 50px; } }
  .alt-blocks__content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative;
    margin-top: auto;
    margin-bottom: auto; }
    .alt-blocks__item:nth-child(odd) .alt-blocks__content {
      padding-left: 9%;
      padding-right: 7%; }
    .alt-blocks__item:nth-child(even) .alt-blocks__content {
      padding-left: 7%;
      padding-right: 9%; }
    @media screen and (max-width: 768px) {
      .alt-blocks__content {
        width: 100%; }
        .alt-blocks__item:nth-child(odd) .alt-blocks__content,
        .alt-blocks__item:nth-child(even) .alt-blocks__content {
          padding-left: 0;
          padding-right: 0; } }
  .alt-blocks__title {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .alt-blocks__title {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .alt-blocks__title {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .alt-blocks__title {
        margin-bottom: 30px; } }
  .alt-blocks--brown .alt-blocks__text {
    color: #404040; }
    .alt-blocks--brown .alt-blocks__text li:before {
      background-color: #404040; }

.video {
  margin-top: 90px;
  margin-bottom: 90px;
  position: relative; }
  @media (min-width: 600px) {
    .video {
      margin-top: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .video {
      margin-top: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .video {
      margin-top: 150px; } }
  @media (min-width: 600px) {
    .video {
      margin-bottom: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .video {
      margin-bottom: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .video {
      margin-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .video {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .video {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .video {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .video {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .video {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .video {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .video {
      margin-bottom: 100px; } }
  .video__vimeo {
    padding-bottom: 56.25%;
    position: relative; }

.areas-simple {
  border-bottom: 1px solid #d9d9d9;
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative; }
  @media (min-width: 600px) {
    .areas-simple {
      padding-top: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .areas-simple {
      padding-top: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .areas-simple {
      padding-top: 150px; } }
  @media (min-width: 600px) {
    .areas-simple {
      padding-bottom: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .areas-simple {
      padding-bottom: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .areas-simple {
      padding-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .areas-simple {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-simple {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-simple {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-simple {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-simple {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-simple {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-simple {
      padding-bottom: 100px; } }
  .areas-simple__head {
    margin-bottom: 12px; }
    @media (min-width: 600px) {
      .areas-simple__head {
        margin-bottom: calc(1.41509vw + 3.50943px); } }
    @media (min-width: 1024px) {
      .areas-simple__head {
        margin-bottom: calc(0.48077vw + 13.07692px); } }
    @media (min-width: 1440px) {
      .areas-simple__head {
        margin-bottom: 20px; } }
  .areas-simple__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .areas-simple__list {
        display: block; } }
  .areas-simple__item {
    width: 28%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 8%;
    margin-top: 48px; }
    @media (min-width: 600px) {
      .areas-simple__item {
        margin-top: calc(5.66038vw + 14.03774px); } }
    @media (min-width: 1024px) {
      .areas-simple__item {
        margin-top: calc(1.92308vw + 52.30769px); } }
    @media (min-width: 1440px) {
      .areas-simple__item {
        margin-top: 80px; } }
    .areas-simple__item:nth-child(3n) {
      margin-right: 0; }
    .areas-simple__item:nth-child(1), .areas-simple__item:nth-child(2), .areas-simple__item:nth-child(3) {
      margin-top: 0; }
    @media screen and (max-width: 768px) {
      .areas-simple__item {
        width: 100%;
        margin-bottom: 36px;
        padding-bottom: 36px;
        border-bottom: 1px solid #f3f3f0; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-simple__item {
      margin-bottom: calc(4.24528vw + 10.5283px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-simple__item {
      margin-bottom: calc(1.44231vw + 39.23077px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-simple__item {
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .areas-simple__item {
      padding-bottom: calc(4.24528vw + 10.5283px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .areas-simple__item {
      padding-bottom: calc(1.44231vw + 39.23077px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .areas-simple__item {
      padding-bottom: 60px; } }
    @media screen and (max-width: 768px) {
        .areas-simple__item:last-child {
          margin-bottom: 0;
          border-bottom: 0;
          padding-bottom: 0; } }
  .areas-simple__title {
    margin-bottom: 9px;
    text-transform: uppercase; }
    @media (min-width: 600px) {
      .areas-simple__title {
        margin-bottom: calc(1.06132vw + 2.63208px); } }
    @media (min-width: 1024px) {
      .areas-simple__title {
        margin-bottom: calc(0.36058vw + 9.80769px); } }
    @media (min-width: 1440px) {
      .areas-simple__title {
        margin-bottom: 15px; } }
  .areas-simple__sup {
    margin-bottom: 6px;
    color: #777777; }
    @media (min-width: 600px) {
      .areas-simple__sup {
        margin-bottom: calc(0.70755vw + 1.75472px); } }
    @media (min-width: 1024px) {
      .areas-simple__sup {
        margin-bottom: calc(0.24038vw + 6.53846px); } }
    @media (min-width: 1440px) {
      .areas-simple__sup {
        margin-bottom: 10px; } }
  .areas-simple__text {
    display: block;
    max-width: 600px; }
  .areas-simple__link {
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease; }
    .areas-simple__link:hover {
      color: #777777; }

.our-values {
  padding-top: 102px;
  padding-bottom: 72px;
  position: relative;
  color: #FFF;
  overflow: hidden; }
  @media (min-width: 600px) {
    .our-values {
      padding-top: calc(12.0283vw + 29.83019px); } }
  @media (min-width: 1024px) {
    .our-values {
      padding-top: calc(4.08654vw + 111.15385px); } }
  @media (min-width: 1440px) {
    .our-values {
      padding-top: 170px; } }
  @media (min-width: 600px) {
    .our-values {
      padding-bottom: calc(8.49057vw + 21.0566px); } }
  @media (min-width: 1024px) {
    .our-values {
      padding-bottom: calc(2.88462vw + 78.46154px); } }
  @media (min-width: 1440px) {
    .our-values {
      padding-bottom: 120px; } }
  @media screen and (max-width: 768px) {
    .our-values {
      padding-top: 72px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .our-values {
      padding-top: calc(8.49057vw + 21.0566px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .our-values {
      padding-top: calc(2.88462vw + 78.46154px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .our-values {
      padding-top: 120px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .our-values {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .our-values {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .our-values {
      padding-bottom: 100px; } }
  .our-values__bg {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: calc(100% + 50px);
    background-size: cover;
    z-index: -1;
    background-position: 50% center;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    @media screen and (max-width: 820px) {
      .our-values__bg {
        top: 0;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        height: 100%; } }
  .our-values__head {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .our-values__head {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .our-values__head {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .our-values__head {
        margin-bottom: 30px; } }
  .our-values__list {
    -webkit-column-count: 2;
            column-count: 2;
    counter-reset: item;
    -webkit-column-gap: 40px;
            column-gap: 40px; }
    @media (min-width: 1024px) {
      .our-values__list {
        -webkit-column-gap: calc(8.68056vw - 48.88889px);
                column-gap: calc(8.68056vw - 48.88889px); } }
    @media (min-width: 1600px) {
      .our-values__list {
        -webkit-column-gap: 90px;
                column-gap: 90px; } }
    @media screen and (max-width: 820px) {
      .our-values__list {
        -webkit-column-count: 1;
                column-count: 1; } }
  .our-values__item {
    margin-bottom: 30px;
    position: relative;
    padding-left: 50px;
    font-size: 30px;
    line-height: 1.16667;
    letter-spacing: 0em;
    font-size: 20px; }
    @media (min-width: 600px) {
      .our-values__item {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .our-values__item {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .our-values__item {
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .our-values__item {
        padding-left: calc(3.47222vw + 14.44444px); } }
    @media (min-width: 1600px) {
      .our-values__item {
        padding-left: 70px; } }
    @media (min-width: 320px) {
      .our-values__item {
        font-size: calc(0.71023vw + 17.72727px); } }
    @media (min-width: 1024px) {
      .our-values__item {
        font-size: calc(0.86806vw + 16.11111px); } }
    @media (min-width: 1600px) {
      .our-values__item {
        font-size: 30px; } }
    .our-values__item:before {
      content: counter(item) ".";
      counter-increment: item;
      font-weight: 600;
      display: block;
      position: absolute;
      top: 0em;
      left: 0;
      font-size: 30px;
      line-height: 1.16667;
      letter-spacing: 0em;
      font-size: 20px; }
      @media (min-width: 320px) {
        .our-values__item:before {
          font-size: calc(0.71023vw + 17.72727px); } }
      @media (min-width: 1024px) {
        .our-values__item:before {
          font-size: calc(0.86806vw + 16.11111px); } }
      @media (min-width: 1600px) {
        .our-values__item:before {
          font-size: 30px; } }

.team {
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative; }
  @media (min-width: 600px) {
    .team {
      padding-top: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .team {
      padding-top: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .team {
      padding-top: 150px; } }
  @media (min-width: 600px) {
    .team {
      padding-bottom: calc(10.61321vw + 26.32075px); } }
  @media (min-width: 1024px) {
    .team {
      padding-bottom: calc(3.60577vw + 98.07692px); } }
  @media (min-width: 1440px) {
    .team {
      padding-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .team {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .team {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .team {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .team {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .team {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .team {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .team {
      padding-bottom: 100px; } }
  .team__head {
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .team__head {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .team__head {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .team__head {
        margin-bottom: 40px; } }
  .team__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    flex-wrap: wrap; }
  .team__item {
    width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 5%;
    margin-top: 48px; }
    @media (min-width: 600px) {
      .team__item {
        margin-top: calc(5.66038vw + 14.03774px); } }
    @media (min-width: 1024px) {
      .team__item {
        margin-top: calc(1.92308vw + 52.30769px); } }
    @media (min-width: 1440px) {
      .team__item {
        margin-top: 80px; } }
    @media screen and (min-width: 769px) {
      .team__item:nth-child(3n) {
        margin-right: 0; }
      .team__item:nth-child(1), .team__item:nth-child(2), .team__item:nth-child(3) {
        margin-top: 0; } }
    @media screen and (max-width: 768px) and (min-width: 421px) {
      .team__item {
        width: 47%;
        margin-right: 6%; }
        .team__item:nth-child(2n) {
          margin-right: 0; }
        .team__item:nth-child(1), .team__item:nth-child(2) {
          margin-top: 0; } }
    @media screen and (max-width: 420px) {
      .team__item {
        width: 100%;
        margin-right: 0; }
        .team__item:nth-child(1) {
          margin-top: 0; } }
  .team__image {
    margin-bottom: 18px; }
    @media (min-width: 600px) {
      .team__image {
        margin-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .team__image {
        margin-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .team__image {
        margin-bottom: 30px; } }
  .team__title {
    margin-bottom: 6px; }
    @media (min-width: 600px) {
      .team__title {
        margin-bottom: calc(0.70755vw + 1.75472px); } }
    @media (min-width: 1024px) {
      .team__title {
        margin-bottom: calc(0.24038vw + 6.53846px); } }
    @media (min-width: 1440px) {
      .team__title {
        margin-bottom: 10px; } }
  .team__text {
    color: #777777; }

.events-list {
  padding-top: 78px;
  padding-bottom: 78px;
  position: relative;
  background-color: #f3f3f0; }
  @media (min-width: 600px) {
    .events-list {
      padding-top: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .events-list {
      padding-top: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .events-list {
      padding-top: 130px; } }
  @media (min-width: 600px) {
    .events-list {
      padding-bottom: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .events-list {
      padding-bottom: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .events-list {
      padding-bottom: 130px; } }
  @media screen and (max-width: 768px) {
    .events-list {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .events-list {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .events-list {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .events-list {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .events-list {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .events-list {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .events-list {
      padding-bottom: 100px; } }
  .events-list--news {
    background: none; }
  .events-list--black {
    background: black;
    color: white; }
    .events-list--black .events-list__item {
      border-top: 1px solid #FFF; }
  .events-list__head {
    margin-bottom: 36px; }
    @media (min-width: 600px) {
      .events-list__head {
        margin-bottom: calc(4.24528vw + 10.5283px); } }
    @media (min-width: 1024px) {
      .events-list__head {
        margin-bottom: calc(1.44231vw + 39.23077px); } }
    @media (min-width: 1440px) {
      .events-list__head {
        margin-bottom: 60px; } }
    .events-list__head p {
      max-width: 260px;
      color: #404040; }
      @media (min-width: 360px) {
        .events-list__head p {
          max-width: calc(41.93548vw + 109.03226px); } }
      @media (min-width: 1600px) {
        .events-list__head p {
          max-width: 780px; } }
  .events-list__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .events-list__item {
    width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-right: 5%;
    margin-top: 42px;
    border-top: 1px solid #000;
    padding-top: 18px; }
    @media (min-width: 600px) {
      .events-list__item {
        margin-top: calc(4.95283vw + 12.28302px); } }
    @media (min-width: 1024px) {
      .events-list__item {
        margin-top: calc(1.68269vw + 45.76923px); } }
    @media (min-width: 1440px) {
      .events-list__item {
        margin-top: 70px; } }
    @media (min-width: 600px) {
      .events-list__item {
        padding-top: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .events-list__item {
        padding-top: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .events-list__item {
        padding-top: 30px; } }
    @media screen and (min-width: 600px) {
      .events-list__item:nth-child(3n) {
        margin-right: 0; }
      .events-list__item:nth-child(1), .events-list__item:nth-child(2), .events-list__item:nth-child(3) {
        margin-top: 0; } }
    @media screen and (max-width: 599px) and (min-width: 480px) {
      .events-list__item {
        width: 45%;
        margin-right: 10%; }
        .events-list__item:nth-child(2n) {
          margin-right: 0; }
        .events-list__item:nth-child(1), .events-list__item:nth-child(2) {
          margin-top: 0; } }
    @media screen and (max-width: 479px) {
      .events-list__item {
        width: 100%;
        margin-right: 0; }
        .events-list__item:nth-child(1) {
          margin-top: 0; } }
  .events-list__date {
    margin-bottom: 12px; }
    @media (min-width: 600px) {
      .events-list__date {
        margin-bottom: calc(1.41509vw + 3.50943px); } }
    @media (min-width: 1024px) {
      .events-list__date {
        margin-bottom: calc(0.48077vw + 13.07692px); } }
    @media (min-width: 1440px) {
      .events-list__date {
        margin-bottom: 20px; } }
  .events-list__title {
    display: block; }
    .events-list__item--link .events-list__title {
      -webkit-transition: opacity .3s ease;
      -o-transition: opacity .3s ease;
      transition: opacity .3s ease;
      text-decoration: underline; }
      .events-list__item--link .events-list__title:hover {
        opacity: .7; }
    .events-list__title--external {
      position: relative;
      padding-right: 24px; }
      .events-list__title--external:after {
        content: '';
        display: inline-block;
        background-image: url(../assets/images/icons/external-link.svg);
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;
        width: 24px;
        height: 16px;
        margin-right: -24px; }

.education-content {
  margin-top: 78px;
  margin-bottom: 78px;
  position: relative; }
  @media (min-width: 600px) {
    .education-content {
      margin-top: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .education-content {
      margin-top: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .education-content {
      margin-top: 130px; } }
  @media (min-width: 600px) {
    .education-content {
      margin-bottom: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .education-content {
      margin-bottom: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .education-content {
      margin-bottom: 130px; } }
  @media screen and (max-width: 768px) {
    .education-content {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .education-content {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .education-content {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .education-content {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .education-content {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .education-content {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .education-content {
      margin-bottom: 100px; } }
  .education-content__head {
    margin-bottom: 30px; }
    @media (min-width: 600px) {
      .education-content__head {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .education-content__head {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .education-content__head {
        margin-bottom: 50px; } }
    .education-content__head p {
      max-width: 260px;
      color: #404040; }
      @media (min-width: 360px) {
        .education-content__head p {
          max-width: calc(41.93548vw + 109.03226px); } }
      @media (min-width: 1600px) {
        .education-content__head p {
          max-width: 780px; } }
      @media screen and (max-width: 600px) {
        .education-content__head p {
          max-width: 100%; } }
  .education-content__list {
    -webkit-column-count: 3;
            column-count: 3;
    margin-bottom: 30px;
    -webkit-column-gap: 30px;
            column-gap: 30px; }
    @media (min-width: 600px) {
      .education-content__list {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .education-content__list {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .education-content__list {
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .education-content__list {
        -webkit-column-gap: calc(3.47222vw - 5.55556px);
                column-gap: calc(3.47222vw - 5.55556px); } }
    @media (min-width: 1600px) {
      .education-content__list {
        -webkit-column-gap: 50px;
                column-gap: 50px; } }
    @media screen and (max-width: 600px) {
      .education-content__list {
        -webkit-column-count: 2;
                column-count: 2; } }
    @media screen and (max-width: 420px) {
      .education-content__list {
        -webkit-column-count: 1;
                column-count: 1; } }
  .education-content__item {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px; }
    .education-content__item:before {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: #231fab;
      position: absolute;
      top: 0.45em;
      left: 0; }

.single-content {
  padding-top: 78px;
  padding-bottom: 78px;
  position: relative;
  background-color: #f3f3f0; }
  @media (min-width: 600px) {
    .single-content {
      padding-top: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .single-content {
      padding-top: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .single-content {
      padding-top: 130px; } }
  @media (min-width: 600px) {
    .single-content {
      padding-bottom: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .single-content {
      padding-bottom: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .single-content {
      padding-bottom: 130px; } }
  @media screen and (max-width: 768px) {
    .single-content {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .single-content {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .single-content {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .single-content {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .single-content {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .single-content {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .single-content {
      padding-bottom: 100px; } }
  .single-content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media screen and (max-width: 680px) {
      .single-content__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .single-content__sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 80px;
    margin-right: 30px; }
    @media (min-width: 360px) {
      .single-content__sidebar {
        width: calc(12.90323vw + 33.54839px); } }
    @media (min-width: 1600px) {
      .single-content__sidebar {
        width: 240px; } }
    @media (min-width: 360px) {
      .single-content__sidebar {
        margin-right: calc(4.83871vw + 12.58065px); } }
    @media (min-width: 1600px) {
      .single-content__sidebar {
        margin-right: 90px; } }
    @media screen and (max-width: 1024px) {
      .single-content__sidebar {
        width: 25%; } }
    @media screen and (max-width: 680px) {
      .single-content__sidebar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
    @media screen and (max-width: 420px) {
      .single-content__sidebar {
        display: block; } }
  .single-content__sidebar-item {
    border-top: 1px solid #000;
    padding-top: 15px;
    margin-bottom: 30px; }
    @media (min-width: 600px) {
      .single-content__sidebar-item {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .single-content__sidebar-item {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .single-content__sidebar-item {
        margin-bottom: 50px; } }
    @media screen and (max-width: 680px) {
      .single-content__sidebar-item {
        width: 40%;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        margin-right: 40px; }
        .single-content__sidebar-item:nth-child(2n) {
          margin-right: 0; } }
    @media screen and (max-width: 420px) {
      .single-content__sidebar-item {
        width: 100%;
        margin-right: 0; } }
  .single-content__body {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 260px; }
    @media (min-width: 360px) {
      .single-content__body {
        width: calc(41.93548vw + 109.03226px); } }
    @media (min-width: 1600px) {
      .single-content__body {
        width: 780px; } }
    @media screen and (max-width: 1024px) {
      .single-content__body {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; } }
    @media screen and (max-width: 680px) {
      .single-content__body {
        width: 100%; } }

.contact-content {
  padding-top: 78px;
  padding-bottom: 78px;
  position: relative;
  background-color: #f3f3f0; }
  @media (min-width: 600px) {
    .contact-content {
      padding-top: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .contact-content {
      padding-top: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .contact-content {
      padding-top: 130px; } }
  @media (min-width: 600px) {
    .contact-content {
      padding-bottom: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .contact-content {
      padding-bottom: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .contact-content {
      padding-bottom: 130px; } }
  @media screen and (max-width: 768px) {
    .contact-content {
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .contact-content {
      padding-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .contact-content {
      padding-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .contact-content {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .contact-content {
      padding-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .contact-content {
      padding-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .contact-content {
      padding-bottom: 100px; } }
  .contact-content__head {
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .contact-content__head {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .contact-content__head {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .contact-content__head {
        margin-bottom: 40px; } }
  .contact-content__list {
    margin-bottom: 60px; }
    @media (min-width: 600px) {
      .contact-content__list {
        margin-bottom: calc(7.07547vw + 17.54717px); } }
    @media (min-width: 1024px) {
      .contact-content__list {
        margin-bottom: calc(2.40385vw + 65.38462px); } }
    @media (min-width: 1440px) {
      .contact-content__list {
        margin-bottom: 100px; } }
    .contact-content__list:last-child {
      margin-bottom: 0; }
    @media screen and (max-width: 1024px) {
      .contact-content__list {
        width: 100%; } }
  .contact-content__item {
    background-color: #FFF;
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .contact-content__item {
        margin-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .contact-content__item {
        margin-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .contact-content__item {
        margin-bottom: 40px; } }
    .contact-content__item:last-child {
      margin-bottom: 0; }
  .contact-content__item-head {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 1px solid #f3f3f0; }
    @media (min-width: 600px) {
      .contact-content__item-head {
        padding-top: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .contact-content__item-head {
        padding-top: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .contact-content__item-head {
        padding-top: 30px; } }
    @media (min-width: 600px) {
      .contact-content__item-head {
        padding-bottom: calc(2.12264vw + 5.26415px); } }
    @media (min-width: 1024px) {
      .contact-content__item-head {
        padding-bottom: calc(0.72115vw + 19.61538px); } }
    @media (min-width: 1440px) {
      .contact-content__item-head {
        padding-bottom: 30px; } }
    @media (min-width: 360px) {
      .contact-content__item-head {
        padding-left: calc(4.03226vw + 10.48387px); } }
    @media (min-width: 1600px) {
      .contact-content__item-head {
        padding-left: 75px; } }
    @media (min-width: 360px) {
      .contact-content__item-head {
        padding-right: calc(4.03226vw + 10.48387px); } }
    @media (min-width: 1600px) {
      .contact-content__item-head {
        padding-right: 75px; } }
    @media screen and (max-width: 600px) {
      .contact-content__item-head {
        padding-left: 20px;
        padding-right: 20px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .contact-content__item-head {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .contact-content__item-head {
      padding-left: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .contact-content__item-head {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .contact-content__item-head {
      padding-right: 60px; } }
  .contact-content__item-content {
    padding-top: 24px;
    padding-bottom: 6px;
    padding-left: 25px;
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media (min-width: 600px) {
      .contact-content__item-content {
        padding-top: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .contact-content__item-content {
        padding-top: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .contact-content__item-content {
        padding-top: 40px; } }
    @media (min-width: 600px) {
      .contact-content__item-content {
        padding-bottom: calc(0.70755vw + 1.75472px); } }
    @media (min-width: 1024px) {
      .contact-content__item-content {
        padding-bottom: calc(0.24038vw + 6.53846px); } }
    @media (min-width: 1440px) {
      .contact-content__item-content {
        padding-bottom: 10px; } }
    @media (min-width: 360px) {
      .contact-content__item-content {
        padding-left: calc(4.03226vw + 10.48387px); } }
    @media (min-width: 1600px) {
      .contact-content__item-content {
        padding-left: 75px; } }
    @media (min-width: 360px) {
      .contact-content__item-content {
        padding-right: calc(4.03226vw + 10.48387px); } }
    @media (min-width: 1600px) {
      .contact-content__item-content {
        padding-right: 75px; } }
    @media screen and (max-width: 600px) {
      .contact-content__item-content {
        display: block;
        padding-left: 20px;
        padding-right: 20px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .contact-content__item-content {
      padding-left: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .contact-content__item-content {
      padding-left: 60px; } }
  @media screen and (max-width: 600px) and (min-width: 360px) {
    .contact-content__item-content {
      padding-right: calc(3.22581vw + 8.3871px); } }
  @media screen and (max-width: 600px) and (min-width: 1600px) {
    .contact-content__item-content {
      padding-right: 60px; } }
    .contact-content__item-content li {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 40%;
      max-width: 280px;
      display: block;
      color: #404040;
      margin-right: 50px;
      margin-top: 0px;
      margin-bottom: 24px; }
      @media (min-width: 1024px) {
        .contact-content__item-content li {
          margin-right: calc(3.47222vw + 14.44444px); } }
      @media (min-width: 1600px) {
        .contact-content__item-content li {
          margin-right: 70px; } }
      @media (min-width: 600px) {
        .contact-content__item-content li {
          margin-top: calc(0vw + 0px); } }
      @media (min-width: 1024px) {
        .contact-content__item-content li {
          margin-top: calc(0vw + 0px); } }
      @media (min-width: 1440px) {
        .contact-content__item-content li {
          margin-top: 0px; } }
      @media (min-width: 600px) {
        .contact-content__item-content li {
          margin-bottom: calc(2.83019vw + 7.01887px); } }
      @media (min-width: 1024px) {
        .contact-content__item-content li {
          margin-bottom: calc(0.96154vw + 26.15385px); } }
      @media (min-width: 1440px) {
        .contact-content__item-content li {
          margin-bottom: 40px; } }
      .contact-content__item-content li:nth-child(1) {
        margin-top: 0; }
      .contact-content__item-content li:nth-child(3) {
        margin-top: 0; }
      .contact-content__item-content li p {
        color: #404040;
        line-height: 1.7; }
      .contact-content__item-content li span {
        display: block;
        margin-bottom: 13px; }
      .contact-content__item-content li strong {
        display: block; }
      .contact-content__item-content li i {
        font-size: 14px;
        color: #999999;
        font-style: normal; }
      .contact-content__item-content li a {
        text-decoration: none;
        -webkit-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease; }
        .contact-content__item-content li a:hover {
          color: #777777; }
      @media screen and (min-width: 601px) {
        .contact-content__item-content li:nth-child(2) {
          margin-top: 0; } }
      @media screen and (max-width: 1280px) and (min-width: 1024px) {
        .contact-content__item-content li:nth-child(2n) {
          margin-right: 0; } }
      @media screen and (max-width: 768px) {
        .contact-content__item-content li {
          margin-right: 5%; }
          .contact-content__item-content li:nth-child(2n) {
            margin-right: 0; } }
      @media screen and (max-width: 600px) {
        .contact-content__item-content li {
          margin-right: 0;
          width: 100%; } }

.contact-form {
  margin-top: 78px;
  margin-bottom: 78px;
  position: relative; }
  @media (min-width: 600px) {
    .contact-form {
      margin-top: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .contact-form {
      margin-top: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .contact-form {
      margin-top: 130px; } }
  @media (min-width: 600px) {
    .contact-form {
      margin-bottom: calc(9.19811vw + 22.81132px); } }
  @media (min-width: 1024px) {
    .contact-form {
      margin-bottom: calc(3.125vw + 85px); } }
  @media (min-width: 1440px) {
    .contact-form {
      margin-bottom: 130px; } }
  @media screen and (max-width: 768px) {
    .contact-form {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .contact-form {
      margin-top: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .contact-form {
      margin-top: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .contact-form {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) and (min-width: 600px) {
    .contact-form {
      margin-bottom: calc(7.07547vw + 17.54717px); } }
  @media screen and (max-width: 768px) and (min-width: 1024px) {
    .contact-form {
      margin-bottom: calc(2.40385vw + 65.38462px); } }
  @media screen and (max-width: 768px) and (min-width: 1440px) {
    .contact-form {
      margin-bottom: 100px; } }
  .contact-form__head {
    margin-bottom: 42px; }
    @media (min-width: 600px) {
      .contact-form__head {
        margin-bottom: calc(4.95283vw + 12.28302px); } }
    @media (min-width: 1024px) {
      .contact-form__head {
        margin-bottom: calc(1.68269vw + 45.76923px); } }
    @media (min-width: 1440px) {
      .contact-form__head {
        margin-bottom: 70px; } }
  .contact-form__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-bottom: 30px; }
    @media (min-width: 600px) {
      .contact-form__list {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .contact-form__list {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .contact-form__list {
        margin-bottom: 50px; } }
    @media screen and (max-width: 1024px) {
      .contact-form__list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media screen and (max-width: 600px) {
      .contact-form__list {
        display: block; } }
  .contact-form__item {
    width: 30%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 40px; }
    @media (min-width: 1024px) {
      .contact-form__item {
        margin-right: calc(1.73611vw + 22.22222px); } }
    @media (min-width: 1600px) {
      .contact-form__item {
        margin-right: 50px; } }
    .contact-form__item:last-child {
      margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .contact-form__item:nth-child(2n) {
        margin-right: 0; }
      .contact-form__item--textarea {
        margin-top: 30px;
        width: 100%; } }
  @media screen and (max-width: 1024px) and (min-width: 600px) {
    .contact-form__item--textarea {
      margin-top: calc(3.53774vw + 8.77358px); } }
  @media screen and (max-width: 1024px) and (min-width: 1024px) {
    .contact-form__item--textarea {
      margin-top: calc(1.20192vw + 32.69231px); } }
  @media screen and (max-width: 1024px) and (min-width: 1440px) {
    .contact-form__item--textarea {
      margin-top: 50px; } }
    @media screen and (max-width: 600px) {
      .contact-form__item {
        width: 100%;
        margin-right: 0;
        margin-top: 30px; } }
  @media screen and (max-width: 600px) and (min-width: 600px) {
    .contact-form__item {
      margin-top: calc(3.53774vw + 8.77358px); } }
  @media screen and (max-width: 600px) and (min-width: 1024px) {
    .contact-form__item {
      margin-top: calc(1.20192vw + 32.69231px); } }
  @media screen and (max-width: 600px) and (min-width: 1440px) {
    .contact-form__item {
      margin-top: 50px; } }
    @media screen and (max-width: 600px) {
        .contact-form__item:first-child {
          margin-top: 0; } }
  .contact-form__input {
    height: 55px;
    display: block;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px; }
    @media (min-width: 600px) {
      .contact-form__input {
        margin-bottom: calc(3.53774vw + 8.77358px); } }
    @media (min-width: 1024px) {
      .contact-form__input {
        margin-bottom: calc(1.20192vw + 32.69231px); } }
    @media (min-width: 1440px) {
      .contact-form__input {
        margin-bottom: 50px; } }
    .contact-form__input:last-child {
      margin-bottom: 0; }
    .contact-form__input input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #404040; }
  .contact-form__label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: block;
    pointer-events: none;
    color: #404040;
    height: 55px;
    position: relative;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: -webkit-transform .13s ease;
    transition: -webkit-transform .13s ease;
    -o-transition: transform .13s ease;
    transition: transform .13s ease;
    transition: transform .13s ease, -webkit-transform .13s ease; }
    .contact-form__input:focus .contact-form__label,
    .has-value .contact-form__label,
    input:focus + .contact-form__label {
      -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0, -16px, 0);
              transform: scale3d(0.8, 0.8, 0.8) translate3d(0, -16px, 0);
      color: #777777; }
  .contact-form__textarea {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .contact-form__textarea textarea {
      display: block;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      border: 1px solid #d9d9d9;
      padding: 15px 20px; }
    @media screen and (max-width: 1024px) {
      .contact-form__textarea {
        min-height: 200px; } }

.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 210;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #231fab;
  display: none; }
  @media screen and (max-width: 1024px) {
    .menu {
      display: block; } }
  .is-menu-opened .menu {
    pointer-events: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .menu__wrap {
    pointer-events: auto;
    min-height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .menu__content {
    z-index: 2;
    position: relative;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    padding-bottom: 60px;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    @media (min-width: 600px) {
      .menu__content {
        padding-bottom: calc(7.07547vw + 17.54717px); } }
    @media (min-width: 1024px) {
      .menu__content {
        padding-bottom: calc(2.40385vw + 65.38462px); } }
    @media (min-width: 1440px) {
      .menu__content {
        padding-bottom: 100px; } }
    .is-menu-opened .menu__content {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  .menu__head {
    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;
    height: 130px; }
    @media (min-width: 320px) {
      .menu__head {
        height: calc(4vw + 117.2px); } }
    @media (min-width: 820px) {
      .menu__head {
        height: calc(49.01961vw - 251.96078px); } }
    @media (min-width: 1024px) {
      .menu__head {
        height: calc(8.68056vw + 161.11111px); } }
    @media (min-width: 1600px) {
      .menu__head {
        height: 300px; } }
  .menu__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 183px; }
    @media (min-width: 600px) {
      .menu__logo {
        width: calc(18.39623vw + 72.62264px); } }
    @media (min-width: 1024px) {
      .menu__logo {
        width: 261px; } }
  .menu__close {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .menu__close-icon {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    width: 30px;
    height: 30px; }
    @media (min-width: 600px) {
      .menu__close-icon {
        width: calc(2.35849vw + 15.84906px); } }
    @media (min-width: 1024px) {
      .menu__close-icon {
        width: 40px; } }
    @media (min-width: 600px) {
      .menu__close-icon {
        height: calc(2.35849vw + 15.84906px); } }
    @media (min-width: 1024px) {
      .menu__close-icon {
        height: 40px; } }
    .menu__close-icon span {
      display: block;
      position: absolute;
      overflow: hidden;
      top: 50%;
      left: 0;
      width: 100%;
      height: 2px;
      -webkit-transition: background-color .4s ease;
      -o-transition: background-color .4s ease;
      transition: background-color .4s ease;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
      .menu__close-icon span:after, .menu__close-icon span:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
      .menu__close-icon span:nth-child(1) {
        -webkit-transform: rotateZ(45deg);
            -ms-transform: rotate(45deg);
                transform: rotateZ(45deg);
        z-index: 0; }
        .menu__close-icon span:nth-child(1):after {
          -webkit-transform: translate3d(102%, 0, 0);
                  transform: translate3d(102%, 0, 0); }
      .menu__close-icon span:nth-child(2) {
        -webkit-transform: rotateZ(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotateZ(-45deg); }
        .menu__close-icon span:nth-child(2):after {
          -webkit-transform: translate3d(102%, 0, 0);
                  transform: translate3d(102%, 0, 0);
          -webkit-transition-delay: .15s;
               -o-transition-delay: .15s;
                  transition-delay: .15s; }
    .menu__close:hover .menu__close-icon span:nth-child(1) {
      z-index: 2; }
      .menu__close:hover .menu__close-icon span:nth-child(1):after {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .menu__close:hover .menu__close-icon span:nth-child(2):after {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  .menu__list, .menu ul {
    padding-top: 24px;
    padding-bottom: 24px; }
    @media (min-width: 600px) {
      .menu__list, .menu ul {
        padding-top: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .menu__list, .menu ul {
        padding-top: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .menu__list, .menu ul {
        padding-top: 40px; } }
    @media (min-width: 600px) {
      .menu__list, .menu ul {
        padding-bottom: calc(2.83019vw + 7.01887px); } }
    @media (min-width: 1024px) {
      .menu__list, .menu ul {
        padding-bottom: calc(0.96154vw + 26.15385px); } }
    @media (min-width: 1440px) {
      .menu__list, .menu ul {
        padding-bottom: 40px; } }
  .menu__item, .menu li {
    position: relative; }
    .menu__item:after, .menu li:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -50vw;
      width: 100vw;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.2); }
    .menu__item a, .menu li a {
      color: #f3f3f0;
      text-decoration: none;
      padding-top: 18px;
      padding-bottom: 18px;
      -webkit-transition: color .4s ease;
      -o-transition: color .4s ease;
      transition: color .4s ease; }
      @media (min-width: 600px) {
        .menu__item a, .menu li a {
          padding-top: calc(2.12264vw + 5.26415px); } }
      @media (min-width: 1024px) {
        .menu__item a, .menu li a {
          padding-top: calc(0.72115vw + 19.61538px); } }
      @media (min-width: 1440px) {
        .menu__item a, .menu li a {
          padding-top: 30px; } }
      @media (min-width: 600px) {
        .menu__item a, .menu li a {
          padding-bottom: calc(2.12264vw + 5.26415px); } }
      @media (min-width: 1024px) {
        .menu__item a, .menu li a {
          padding-bottom: calc(0.72115vw + 19.61538px); } }
      @media (min-width: 1440px) {
        .menu__item a, .menu li a {
          padding-bottom: 30px; } }
      .menu__item a:hover, .menu li a:hover {
        color: #FFF; }

.page {
  overflow: hidden; }
  .page__content {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .is-menu-opened .page__content {
      -webkit-transform: translate3d(20%, 0, 0);
              transform: translate3d(20%, 0, 0); }

.cms-content a {
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease; }
  .cms-content a:hover {
    color: #777777; }

.cms-content h3 {
  font-weight: bold; }

.cms-content h2 + h3, .cms-content h2 + h4, .cms-content h2 + h5 {
  margin-top: 42px; }
  @media (min-width: 600px) {
    .cms-content h2 + h3, .cms-content h2 + h4, .cms-content h2 + h5 {
      margin-top: calc(4.95283vw + 12.28302px); } }
  @media (min-width: 1024px) {
    .cms-content h2 + h3, .cms-content h2 + h4, .cms-content h2 + h5 {
      margin-top: calc(1.68269vw + 45.76923px); } }
  @media (min-width: 1440px) {
    .cms-content h2 + h3, .cms-content h2 + h4, .cms-content h2 + h5 {
      margin-top: 70px; } }

.cms-content h3 + h4 {
  margin-top: 24px; }
  @media (min-width: 600px) {
    .cms-content h3 + h4 {
      margin-top: calc(2.83019vw + 7.01887px); } }
  @media (min-width: 1024px) {
    .cms-content h3 + h4 {
      margin-top: calc(0.96154vw + 26.15385px); } }
  @media (min-width: 1440px) {
    .cms-content h3 + h4 {
      margin-top: 40px; } }

.cms-content h3 + h5 {
  margin-top: 24px; }
  @media (min-width: 600px) {
    .cms-content h3 + h5 {
      margin-top: calc(2.83019vw + 7.01887px); } }
  @media (min-width: 1024px) {
    .cms-content h3 + h5 {
      margin-top: calc(0.96154vw + 26.15385px); } }
  @media (min-width: 1440px) {
    .cms-content h3 + h5 {
      margin-top: 40px; } }

.cms-content h4 + h5 {
  margin-top: 24px; }
  @media (min-width: 600px) {
    .cms-content h4 + h5 {
      margin-top: calc(2.83019vw + 7.01887px); } }
  @media (min-width: 1024px) {
    .cms-content h4 + h5 {
      margin-top: calc(0.96154vw + 26.15385px); } }
  @media (min-width: 1440px) {
    .cms-content h4 + h5 {
      margin-top: 40px; } }

.cms-content h3 + h2,
.cms-content h4 + h2,
.cms-content h4 + h3,
.cms-content h5 + h2,
.cms-content h5 + h3,
.cms-content h5 + h4 {
  margin-top: 30px; }
  @media (min-width: 600px) {
    .cms-content h3 + h2,
    .cms-content h4 + h2,
    .cms-content h4 + h3,
    .cms-content h5 + h2,
    .cms-content h5 + h3,
    .cms-content h5 + h4 {
      margin-top: calc(3.53774vw + 8.77358px); } }
  @media (min-width: 1024px) {
    .cms-content h3 + h2,
    .cms-content h4 + h2,
    .cms-content h4 + h3,
    .cms-content h5 + h2,
    .cms-content h5 + h3,
    .cms-content h5 + h4 {
      margin-top: calc(1.20192vw + 32.69231px); } }
  @media (min-width: 1440px) {
    .cms-content h3 + h2,
    .cms-content h4 + h2,
    .cms-content h4 + h3,
    .cms-content h5 + h2,
    .cms-content h5 + h3,
    .cms-content h5 + h4 {
      margin-top: 50px; } }

.image-banner {
  position: relative;
  overflow: hidden; }
  .image-banner__bg {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    background-position: center;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    height: 49vw; }
    @media screen and (max-width: 820px) {
      .image-banner__bg {
        top: 0;
        height: 60vw; } }
    @media screen and (max-width: 600px) {
      .image-banner__bg {
        height: 83vw; } }