@charset "UTF-8";
/* VARIABLES
 * ------------------------------------------------------------------------- */
/* FUNCTIONS
* ------------------------------------------------------------------------- */
/* MIXINS
* ------------------------------------------------------------------------- */
/*
Let's you add code for specific window size.

Properties:
- $from (string | number): defines where included code starts working. Using values from '$breakpoints' map in '_variables.scss' is suggested but you can also use custom ones;

- $to (string | number): defines where included code stops working. Also custom values are allowed;

- $exclude (string | list | [list]): defines breakpoints that are excluded from working. You can define single (i.e. $exclude: tablet), multiple (i.e. $exclude: tablet phablet) or ranged  (i.e. $exclude: [tablet phablet]) values. As far as multiple values let you exclude only particular breakpoints (tablet and phablet separately), ranged values exclude those breakpoints and everything between (from tablet to phablet);

- $only (string | list): use it if you want to add styles only for particular breakpoints. Will be ignored if '$from' or '$to' are defined;

- $height (boolean): use it if you want mixin to work with the screen height instead of its width;

- $landscape (boolean): use it if you want to execute code only if screen width is greater than its height;

- $also (string): lets you duplicate defined styles for some other occassions i.e. $bp(tablet, $also: '.touch') may be helplful if you want your code to be executed on the tablets but also devices that support screen touch.

For examples, look at the bottom of this file.
*/
/*
Examples:

header {

// Excludes tablet and phablet
// @include bp($from: desktop, $to: mobile-s, $exclude: tablet phablet) { background: tomato; }

// Excludes range from tablet to phablet, so portrait also
// @include bp($from: desktop, $to: mobile-s, $exclude: [tablet phablet]) { background: tomato; }

// Adds styles also for specific cases, i.e. if device has no touch or for particular section
// @include bp(phablet, $also: '.menu-visible') { background-color: tomato; }

// Adds styles for particular breakpoints only. Will be ignored if $from or $to are defined
//    Will work
// @include bp($only: tablet phablet) { background-color: tomato;}
// @include bp($only: hd) { background-color: tomato;}


//    Will not work
// @include bp($from: tablet, $only: phablet) { background-color: tomato;}

// Applies styles only if width of the screen is greater than its height
// @include bp($landscape: true) { background-color: tomato;}

// Custom values
// @include bp(portrait, 300) { background-color: tomato;}

// Height instead of width
// @include bp(400, $height: true) { background-color: tomato;}

// Errors:
// - wrong values
// @include bp(portrait, janusz) { background-color: tomato;}

// - $from set to the highest breakpoint
// @include bp(hd) { background-color: tomato;}

// - custom/wrong value for $only
// @include bp($only: janusz) { background-color: tomato;}

}
*/
/**
 * Move element up to compensate distance between it's top and
 * real top of the glyphs (it's called ascent). It means
 * we need to move the text up by (line-height - 1) * 0.75
 * http://www.myfirstfont.com/images/glyphterms.gif
 */
.row {
  zoom: 1;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: 0;
}
.row:before, .row:after {
  content: " ";
  flex-basis: 100%;
  display: block;
  height: 0;
  overflow: hidden;
}
.row:after {
  clear: both;
}
@media screen and (max-width: 767px) {
  .row {
    display: flex;
    flex-wrap: wrap;
  }
  .row:before, .row:after {
    display: none;
  }
}

.col-1 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 8.3333333333%;
}

.col-2 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 16.6666666667%;
}

.col-3 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 25%;
}

.col-4 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 33.3333333333%;
}

.col-5 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 41.6666666667%;
}

.col-6 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 50%;
}

.col-7 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 58.3333333333%;
}

.col-8 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 66.6666666667%;
}

.col-9 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 75%;
}

.col-10 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 83.3333333333%;
}

.col-11 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 91.6666666667%;
}

.col-12 {
  float: left;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: none;
  clear: both;
}

@media screen and (max-width: 767px) {
  .col-1, .col-2, .col-3,
.col-4, .col-5, .col-6,
.col-7, .col-8, .col-9,
.col-10, .col-11, .col-12 {
    float: none;
    width: 100%;
  }
}

/*
    Immitates text underline.
*/
/*
    Reference: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L121

    Hides element visually.
    - $focusable: if true, it's focusable when navigated to via the keyboard
*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/* VENDORS
 * ------------------------------------------------------------------------- */
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* COMMON STUFF
 * ------------------------------------------------------------------------- */
* {
  outline: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  background: #fff;
}

img {
  height: auto;
  vertical-align: top;
  width: 100%;
}

svg {
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

button,
a {
  transition: all 250ms ease-out;
}

.fb-xfbml-parse-ignore {
  visibility: hidden;
}

.alignleft {
  float: left;
  margin: 0 3rem 3rem 0;
}

@font-face {
  font-family: "Averta";
  src: url("../webfonts/averta.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../webfonts/averta-light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../webfonts/averta-semibold.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../webfonts/averta-bold.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Averta";
  src: url("../webfonts/averta-regular-italic.otf");
  font-weight: normal;
  font-style: italic;
}
body {
  color: #1C2733;
  font-family: "Averta", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 1.375;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 20px;
  }
}

select, input, textarea {
  color: inherit;
}

::-moz-selection {
  background: #BA7350;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #BA7350;
  color: #fff;
  text-shadow: none;
}

h1, .h1 {
  font-size: 3.6rem;
  line-height: 1.1666666667;
}

h2, .h2 {
  font-size: 1.4rem;
  line-height: 1.1666666667;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  color: #BA7350;
  letter-spacing: 0.08em;
  margin-bottom: 3.8rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  h2, .h2 {
    margin-bottom: 30px;
  }
}
h2:before, .h2:before {
  content: "";
  display: block;
  width: 2.7rem;
  height: 2px;
  background: #BA7350;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  h2:before, .h2:before {
    margin-bottom: 17px;
    width: 27px;
  }
}

h3, .h3 {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-style: italic;
}
@media screen and (max-width: 767px) {
  h3, .h3 {
    line-height: 1.21;
  }
}

h4, .h4 {
  font-size: 1.6rem;
  line-height: 1.1666666667;
  margin: 4rem 0 1.5rem;
}
h4:first-child, .h4:first-child {
  margin-top: 0;
}

.lead {
  font-size: 2.8rem;
}

a {
  color: inherit;
  text-decoration: none;
}
a:link {
  -webkit-tap-highlight-color: #BA7350;
}

address {
  font-style: normal;
}

small {
  font-size: inherit;
}

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

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes appear-zoom {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes appear-zoom {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
@keyframes zoom-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
@-webkit-keyframes appear-up {
  0% {
    opacity: 0;
    transform: translate(0, 1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-up {
  0% {
    opacity: 0;
    transform: translate(0, 1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-up-long {
  0% {
    opacity: 0;
    transform: translate(0, 4rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-up-long {
  0% {
    opacity: 0;
    transform: translate(0, 4rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-left {
  0% {
    opacity: 0;
    transform: translate(1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-left {
  0% {
    opacity: 0;
    transform: translate(1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-left-long {
  0% {
    opacity: 0;
    transform: translate(4rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-left-long {
  0% {
    opacity: 0;
    transform: translate(4rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-down {
  0% {
    opacity: 0;
    transform: translate(0, -1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-down {
  0% {
    opacity: 0;
    transform: translate(0, -1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-down-long {
  0% {
    opacity: 0;
    transform: translate(0, -4rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-down-long {
  0% {
    opacity: 0;
    transform: translate(0, -4rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-right {
  0% {
    opacity: 0;
    transform: translate(-1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-right {
  0% {
    opacity: 0;
    transform: translate(-1rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes appear-right-long {
  0% {
    opacity: 0;
    transform: translate(-4rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes appear-right-long {
  0% {
    opacity: 0;
    transform: translate(-4rem, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-up {
  0% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-up {
  0% {
    transform: translate(0, 1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-up-long {
  0% {
    transform: translate(0, 4rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-up-long {
  0% {
    transform: translate(0, 4rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-left {
  0% {
    transform: translate(1rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-left {
  0% {
    transform: translate(1rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-left-long {
  0% {
    transform: translate(4rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-left-long {
  0% {
    transform: translate(4rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-down {
  0% {
    transform: translate(0, -1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-down {
  0% {
    transform: translate(0, -1rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-down-long {
  0% {
    transform: translate(0, -4rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-down-long {
  0% {
    transform: translate(0, -4rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-right {
  0% {
    transform: translate(-1rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-right {
  0% {
    transform: translate(-1rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes move-right-long {
  0% {
    transform: translate(-4rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-right-long {
  0% {
    transform: translate(-4rem, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes down-back {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -1rem);
  }
}
@keyframes down-back {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -1rem);
  }
}
@-webkit-keyframes appear-width {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@keyframes appear-width {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(0, -3px);
  }
  50% {
    transform: translate(0, 0);
  }
  55% {
    transform: translate(0, 0);
  }
  60% {
    transform: translate(0, -3px);
  }
  65% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes bounce {
  0% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(0, -3px);
  }
  50% {
    transform: translate(0, 0);
  }
  55% {
    transform: translate(0, 0);
  }
  60% {
    transform: translate(0, -3px);
  }
  65% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes bounce-bg {
  0% {
    background-position: 50%, 50%;
  }
  40% {
    background-position: 50%, 50%;
  }
  45% {
    background-position: 50%, calc(50% - 3px);
  }
  50% {
    background-position: 50%, 50%;
  }
  55% {
    background-position: 50%, 50%;
  }
  60% {
    background-position: 50%, calc(50% - 3px);
  }
  65% {
    background-position: 50%, 50%;
  }
  100% {
    background-position: 50%, 50%;
  }
}
@keyframes bounce-bg {
  0% {
    background-position: 50%, 50%;
  }
  40% {
    background-position: 50%, 50%;
  }
  45% {
    background-position: 50%, calc(50% - 3px);
  }
  50% {
    background-position: 50%, 50%;
  }
  55% {
    background-position: 50%, 50%;
  }
  60% {
    background-position: 50%, calc(50% - 3px);
  }
  65% {
    background-position: 50%, 50%;
  }
  100% {
    background-position: 50%, 50%;
  }
}
/* INVIEW ANIMATION PACK
	-------------------------------------------------------------------------------*/
[data-inview] {
  -webkit-animation-duration: 800ms;
          animation-duration: 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

[data-inview][data-inview-delay="1"] {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

[data-inview][data-inview-delay="2"] {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

[data-inview][data-inview-delay="3"] {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

[data-inview][data-inview-delay="4"] {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}

[data-inview][data-inview-delay="5"] {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}

[data-inview][data-inview-delay="6"] {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}

[data-inview][data-inview-delay="7"] {
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}

[data-inview][data-inview-delay="8"] {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

[data-inview][data-inview-delay="9"] {
  -webkit-animation-delay: 1100ms;
          animation-delay: 1100ms;
}

[data-inview][data-inview-delay="10"] {
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}

[data-inview][data-inview-delay="11"] {
  -webkit-animation-delay: 1300ms;
          animation-delay: 1300ms;
}

[data-inview][data-inview-delay="12"] {
  -webkit-animation-delay: 1400ms;
          animation-delay: 1400ms;
}

[data-inview=fade] {
  opacity: 0;
  -webkit-animation-duration: 450ms;
          animation-duration: 450ms;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

[data-inview=fade].inview-visible {
  -webkit-animation-name: appear;
          animation-name: appear;
}
@media screen and (max-width: 1279px) {
  [data-inview=fade].inview-visible {
    opacity: 1;
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-inview=left] {
  opacity: 0;
}

[data-inview=left].inview-visible {
  -webkit-animation-name: appear-right;
          animation-name: appear-right;
}
@media screen and (max-width: 1279px) {
  [data-inview=left].inview-visible {
    opacity: 1;
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-inview=right] {
  opacity: 0;
}

[data-inview=right].inview-visible {
  -webkit-animation-name: appear-left;
          animation-name: appear-left;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-duration: 850ms;
          animation-duration: 850ms;
}
@media screen and (max-width: 1279px) {
  [data-inview=right].inview-visible {
    opacity: 1;
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-inview=bottom] {
  opacity: 0;
}

[data-inview=bottom].inview-visible {
  -webkit-animation-name: appear-up;
          animation-name: appear-up;
}
@media screen and (max-width: 1279px) {
  [data-inview=bottom].inview-visible {
    opacity: 1;
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-inview=top] {
  opacity: 0;
}

[data-inview=top].inview-visible {
  -webkit-animation-name: appear-down;
          animation-name: appear-down;
}
@media screen and (max-width: 1279px) {
  [data-inview=top].inview-visible {
    opacity: 1;
    -webkit-animation-name: none;
            animation-name: none;
  }
}

.dk-select,
.dk-select-multi {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.dk-select .dk-select-options {
  position: absolute;
  left: 0;
  right: 0;
  display: none;
}
.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options {
  display: block;
}
.dk-select-open-up .dk-select-options {
  bottom: 100%;
}
.dk-select-open-down .dk-select-options {
  top: 100%;
}
.dk-select-options {
  max-height: 10em;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
}

.dk-select-multi:focus .dk-select-options {
  display: block;
}

.dk-option.hidden-option {
  display: none;
}

select[data-dkcacheid] {
  display: none;
}

/* THEMES
 * ------------------------------------------------------------------------- */
.theme--black {
  color: #fff;
  background-color: #2B2A29;
}

.theme--brand {
  color: #fff;
  background-color: #BA7350;
}

.theme--dark {
  color: #fff;
  background-color: #1C2733;
}

.theme--white {
  color: #1C2733;
  background-color: #fff;
}

/* ELEMENTS
 * ------------------------------------------------------------------------- */
.logo {
  display: block;
  width: 43.5rem;
}

.burger {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  width: 35px;
  height: 22px;
  margin: -8px;
  padding: 8px;
  box-sizing: content-box;
  z-index: 10000;
}
.burger:before, .burger:after {
  transition: transform 300ms;
}
.burger-label {
  transition: 300ms 100ms;
  transition-property: opacity, transform;
}
.menu-visible .burger:before, .menu-visible .burger:after {
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  transform: none;
}
.menu-visible .burger:before {
  -webkit-animation-name: burger-squeeze-top;
          animation-name: burger-squeeze-top;
}
.menu-visible .burger-label {
  transition-delay: 0ms;
  opacity: 0;
}
.menu-visible .burger:after {
  -webkit-animation-name: burger-squeeze-bottom;
          animation-name: burger-squeeze-bottom;
}
@-webkit-keyframes burger-squeeze-open-top {
  0% {
    transform: none;
  }
  50% {
    transform: translateY(9.5px);
  }
}
@keyframes burger-squeeze-open-top {
  0% {
    transform: none;
  }
  50% {
    transform: translateY(9.5px);
  }
}
@media screen and (max-width: 767px) {
  .burger {
    width: 26px;
    height: 16px;
    margin: -10px;
    padding: 10px;
  }
}
.burger:before, .burger-label, .burger:after {
  height: 3px;
  background-color: currentColor;
}
@media screen and (max-width: 767px) {
  .burger:before, .burger-label, .burger:after {
    height: 2px;
  }
}
.page-template-front-page .burger:before, .page-template-page-approach .burger:before, .page-template-front-page .burger-label, .page-template-page-approach .burger-label, .page-template-front-page .burger:after, .page-template-page-approach .burger:after {
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .page-template-front-page .burger:before, .page-template-page-approach .burger:before, .page-template-front-page .burger-label, .page-template-page-approach .burger-label, .page-template-front-page .burger:after, .page-template-page-approach .burger:after {
    background-color: #1C2733;
  }
}
.burger:before, .burger:after {
  content: "";
  display: block;
}
.burger-label {
  font-size: 0;
}
.menu-visible .burger:before {
  transform: translateY(9.5px) rotate(45deg);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .menu-visible .burger:before {
    transform: translateY(7px) rotate(45deg);
  }
}
.menu-visible .burger:after {
  transform: translateY(-9.5px) rotate(-45deg);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .menu-visible .burger:after {
    transform: translateY(-7px) rotate(-45deg);
  }
}
.menu-visible .burger-label {
  transform: scaleX(0);
  background-color: #fff;
}

input,
select,
button,
textarea {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
}
input.has-error,
select.has-error,
button.has-error,
textarea.has-error {
  color: #cc0000;
}

input::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.7;
}

input:-moz-placeholder {
  color: currentColor;
  opacity: 0.7;
}

input::-moz-placeholder {
  color: currentColor;
  opacity: 0.7;
}

input:-ms-input-placeholder {
  color: currentColor;
  opacity: 0.7;
}

textarea {
  resize: vertical;
}

form.loading,
.file-upload-wrapper.loading {
  cursor: wait;
}
form.loading > *,
.file-upload-wrapper.loading > * {
  opacity: 0.5;
  pointer-events: none;
  cursor: wait;
}

.ajax-message {
  display: none;
}
.ajax-message.has-error {
  color: #BA7350;
}

.input-group {
  zoom: 1;
  flex-wrap: wrap;
  /* change to mixin */
  margin-bottom: 0.5em;
}
.input-group:before, .input-group:after {
  content: " ";
  flex-basis: 100%;
  display: block;
  height: 0;
  overflow: hidden;
}
.input-group:after {
  clear: both;
}
.input-group input, .input-group textarea, .input-group select, .input-group .custom-select {
  width: 100%;
}
.input-group--placeholder label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.input-group.has-submit {
  position: relative;
}
.input-group.has-submit input {
  width: calc(100% - 3rem);
}
.input-group.has-submit button {
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/arrow-right.svg) no-repeat 50% rgba(28, 39, 51, 0.7);
  background-size: 0.5em auto;
  font-size: 0;
  border: 0;
  cursor: pointer;
}
.no-touch .input-group.has-submit button:hover {
  background-color: #1C2733;
}
.input-group.file-upload-wrapper .file-upload {
  position: relative;
}
.input-group.file-upload-wrapper input[type=file] {
  display: none;
}
.input-group.file-upload-wrapper .button {
  width: 3rem;
  font-size: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 0;
  background: url(../img/arrow-right.svg) no-repeat 50% rgba(28, 39, 51, 0.7);
  background-size: 0.7rem;
}
.no-touch .input-group.file-upload-wrapper .button:hover {
  background-color: #1C2733;
}

.menu {
  display: flex;
  font-size: 1.7rem;
  padding-top: 1rem;
}
@media screen and (max-width: 1023px) {
  .menu {
    display: block;
    text-align: right;
    position: absolute;
    bottom: 28px;
    right: 30px;
    letter-spacing: 0.05em;
    padding-top: 0;
  }
  .menu:before {
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: -25px;
    right: 0;
  }
}
.menu li {
  padding-left: 4.2rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .menu li {
    padding-left: 0;
    font-weight: 300;
    font-size: 41px;
    line-height: 91px;
  }
}
@media screen and (max-width: 767px) {
  .menu li {
    font-size: 30px;
    line-height: 66px;
  }
}
.menu li.current_page_item a,
.menu li a:hover {
  color: #BA7350;
}
.page-template-front-page .menu li, .page-template-page-approach .menu li {
  color: #fff;
}
.page-template-front-page .menu li:hover, .page-template-page-approach .menu li:hover {
  color: #BA7350;
}

.lang {
  text-transform: uppercase;
  position: absolute;
  top: 3rem;
  right: 3rem;
  display: flex;
  font-size: 1.2rem;
}
@media screen and (max-width: 1023px) {
  .lang {
    bottom: 370px;
    top: auto;
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .lang {
    bottom: 295px;
    font-size: 16px;
  }
}
.lang li:not(:last-child):after {
  content: "/";
  padding: 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .lang li:not(:last-child):after {
    padding: 0 15px;
  }
}
.lang li.current-lang {
  font-weight: 600;
}
.lang a:hover {
  color: #BA7350;
}
.page-template-front-page .lang, .page-template-page-approach .lang {
  color: #fff;
}

.slider-slide {
  height: auto;
}
.slider-slide:not(:first-child):not(.swiper-slide) {
  display: none;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  background: #fff;
}

.wysiwyg-content a, .section--init a {
  color: #BA7350;
}
.wysiwyg-content ul, .section--init ul {
  font-weight: 500;
  line-height: 1.63;
}
.wysiwyg-content ul li, .section--init ul li {
  margin-bottom: 2rem;
  position: relative;
}
.wysiwyg-content ul li:before, .section--init ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: -15rem;
  height: 2px;
  width: 9.5rem;
  background: #BA7350;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .wysiwyg-content ul li:before, .section--init ul li:before {
    left: -30px;
    width: 15px;
    top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .wysiwyg-content ul li:before, .section--init ul li:before {
    top: 9px;
  }
}
.wysiwyg-content ul li i, .section--init ul li i {
  font-weight: 400;
}
.wysiwyg-content ul:last-child li:last-child, .section--init ul:last-child li:last-child {
  margin-bottom: 0;
}
.wysiwyg-content ol, .section--init ol {
  list-style: none;
  counter-reset: counter;
}
.wysiwyg-content ol li, .section--init ol li {
  padding-left: 3rem;
  counter-increment: counter;
  position: relative;
  margin-top: 0.5rem;
}
.wysiwyg-content ol li:before, .section--init ol li:before {
  content: counter(counter) ". ";
  position: absolute;
  left: 0;
}
.wysiwyg-content ol li li:before, .section--init ol li li:before {
  content: counter(counter, lower-alpha) ") ";
}
.wysiwyg-content ol li .p:not(:last-child), .section--init ol li .p:not(:last-child) {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.wysiwyg-content h1, .section--init h1 {
  font-size: 3.6rem;
  line-height: 1.1666666667;
}
.wysiwyg-content h2, .section--init h2 {
  font-size: 1.4rem;
  line-height: 1.1666666667;
  font-weight: 500;
  text-transform: uppercase;
}
.wysiwyg-content h3, .section--init h3 {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .wysiwyg-content h3, .section--init h3 {
    line-height: 1.21;
  }
}
.wysiwyg-content h4, .section--init h4 {
  font-size: 1.6rem;
  line-height: 1.1666666667;
}
.wysiwyg-content p, .section--init p {
  margin-bottom: 0.9em;
  letter-spacing: -0.005em;
}
.wysiwyg-content p:last-child, .section--init p:last-child {
  margin-bottom: 0;
}
.wysiwyg-content mark, .section--init mark {
  background-color: yellow;
}
.wysiwyg-content strong, .section--init strong {
  font-weight: bolder;
}
.wysiwyg-content blockquote cite, .section--init blockquote cite {
  font-style: normal;
}
.wysiwyg-content blockquote cite:before, .section--init blockquote cite:before {
  content: "\2014   ";
}

/* LAYOUT
 * ------------------------------------------------------------------------- */
html {
  min-height: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
}

.wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15rem;
  padding-right: 15rem;
}
@media screen and (max-width: 1023px) {
  .wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.main-container {
  padding-top: 31rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .main-container {
    padding-top: 105px;
  }
}

@media screen and (max-width: 767px) {
  .hide-s {
    display: none;
  }
}

.show-s {
  display: none;
}
@media screen and (max-width: 767px) {
  .show-s {
    display: block;
  }
}

img {
  display: block;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6000;
}
.header-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15rem;
  padding-right: 15rem;
  display: flex;
  justify-content: space-between;
  padding-top: 10.5rem;
}
@media screen and (max-width: 1023px) {
  .header-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .header-container {
    justify-content: flex-end;
  }
  .menu-visible .header-container {
    position: fixed;
  }
}
@media screen and (max-width: 767px) {
  .header-container {
    padding-top: 38px;
  }
}
.header .logo {
  margin-right: auto;
}
.header .logo path {
  transition: all 250ms ease-out;
}
@media screen and (max-width: 1023px) {
  .header .logo {
    z-index: 10000;
    position: absolute;
    left: 30px;
  }
  .menu-visible .header .logo path, .page-template-page-profile.menu-visible .header .logo path {
    fill: #fff !important;
  }
}
@media screen and (max-width: 767px) {
  .header .logo {
    width: 285px;
  }
}
.page-template-page-profile .header .logo path {
  fill: #fff !important;
}
@media screen and (max-width: 767px) {
  .page-template-page-profile .header .logo path {
    fill: #1C2733 !important;
  }
}
.header .burger {
  display: none;
}
@media screen and (max-width: 1023px) {
  .header .burger {
    display: flex;
  }
}
@media screen and (max-width: 1023px) {
  .header-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 6000;
    background: #1C2733;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    transition: 300ms;
    transition-property: transform, visibility;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .menu-visible .header-menu {
    transform: translate(-100%, 0);
    visibility: visible;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
@media screen and (max-width: 1023px) {
  .menu-hide-immediately .header-menu {
    transition-duration: 0ms;
  }
}

footer {
  margin-top: 2rem;
  padding: 8.5rem 0 5.5rem 0;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (max-width: 767px) {
  footer {
    padding: 45px 0 40px;
    background-size: auto 15px;
    font-size: 11px;
  }
}
footer .top {
  display: block;
  position: absolute;
  top: 0;
}
footer .top img {
  width: 6.1rem;
}
@media screen and (max-width: 767px) {
  footer .top img {
    width: 46px;
  }
}
footer .footer-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  footer .footer-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  footer .copyrights {
    order: 2;
    margin-top: 10px;
  }
}
.page-template-front-page footer {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .page-template-front-page footer {
    margin-top: 30px;
  }
}
.page-template-page-approach footer {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .page-template-page-approach footer {
    margin-top: 40px;
  }
}
.page-template-page-profile footer {
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .page-template-page-profile footer {
    margin-top: 65px;
  }
}
@media screen and (max-width: 767px) {
  .page-template-page-contact footer {
    margin-top: 35px;
  }
}
.page-template-front-page footer a, .page-template-page-contact footer a {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-template-front-page footer a, .page-template-page-contact footer a {
    color: #1C2733;
  }
}
.page-template-front-page footer a:hover, .page-template-page-contact footer a:hover {
  color: #BA7350;
}
.page-template-page-approach footer .copyrights {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .page-template-page-approach footer .copyrights {
    color: #1C2733;
  }
}
footer a:hover {
  color: #BA7350;
}

/* SECTIONS
 * ------------------------------------------------------------------------- */
.section {
  position: relative;
  z-index: 5;
}

.section-default {
  padding-top: 7rem;
  padding-bottom: 16.5rem;
}
@media screen and (max-width: 767px) {
  .section-default {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
.section-default h2 {
  margin-bottom: 5.5rem;
}
@media screen and (max-width: 767px) {
  .section-default h2 {
    margin-bottom: 35px;
  }
}
.section-default h4 {
  text-transform: uppercase;
}

.section-home figure {
  margin-left: -15rem;
  opacity: 0;
  transition: opacity 450ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}
@media screen and (max-width: 1023px) {
  .section-home figure {
    margin-left: -30px;
  }
}
@media screen and (max-width: 767px) {
  .section-home figure {
    margin-right: -30px;
    margin-top: 25px;
    opacity: 1;
  }
}
.section-home figure.inview-visible {
  opacity: 1;
}
.section-home .bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: calc((100% - 30rem) * 0.334 + 15rem);
  background: #1C2733;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 1023px) {
  .section-home .bg {
    width: calc((100% - 60px) * 0.334 + 30px);
  }
}
@media screen and (max-width: 767px) {
  .section-home .bg {
    display: none;
  }
}
.section-home .bg.inview-visible {
  transform: scaleY(1);
}
.section-home .content {
  margin-top: 10.5rem;
  background: #fff;
  width: 200%;
  margin-left: -100%;
  padding: 6rem 0 7.5rem 25%;
  position: relative;
  font-size: 1.8rem;
  opacity: 0;
  transform: translateX(10rem);
  transition: opacity 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms, transform 450ms cubic-bezier(0.165, 0.84, 0.44, 1) 600ms;
}
@media screen and (max-width: 767px) {
  .section-home .content {
    margin: 0;
    padding: 35px 0 0 0;
    margin-left: 0;
    width: 100%;
    font-size: 16px;
  }
}
.section-home .content:after {
  content: "";
  display: block;
  width: 15rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .section-home .content:after {
    display: none;
  }
}
.section-home .content.inview-visible {
  opacity: 1;
  transform: none;
}
.section-home .content h2 + p {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-style: italic;
  padding-right: 12.5%;
  letter-spacing: 0.02em;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .section-home .content h2 + p {
    line-height: 1.21;
  }
}
@media screen and (max-width: 767px) {
  .section-home .content h2 + p {
    margin-bottom: 0;
    padding-right: 0;
  }
}
.section-home .content p {
  letter-spacing: -0.015rem;
}
@media screen and (max-width: 767px) {
  .section-home figure + .wysiwyg-content, .section-home figure + .section--init {
    background: #1C2733;
    color: #fff;
    padding: 38px 30px;
    margin: 0 -30px;
    width: auto;
  }
}

.section-profile .row {
  display: flex;
  justify-content: space-between;
}
.section-profile .row:before, .section-profile .row:after {
  display: none;
}
.section-profile .row .col-5, .section-profile .row .col-6 {
  float: none;
}
.section-profile .row .col-6 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section-profile .name {
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-profile .name {
    padding-top: 35px;
  }
}
.section-profile .name:before {
  content: "";
  display: block;
  background: #1C2733;
  position: absolute;
  bottom: 0;
  right: -33.3333%;
  left: -15rem;
  top: -31rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .section-profile .name:before {
    top: 0;
    bottom: -115px;
  }
}
.section-profile .quote {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-style: italic;
  letter-spacing: 0.02em;
  margin-bottom: 7rem;
  color: #fff;
  padding-bottom: 6.5rem;
}
@media screen and (max-width: 767px) {
  .section-profile .quote {
    line-height: 1.21;
  }
}
@media screen and (max-width: 767px) {
  .section-profile .quote {
    margin-bottom: 0;
    padding-bottom: 35px;
  }
  .section-profile .quote br {
    display: none;
  }
}
.section-profile .description {
  position: relative;
  z-index: 1;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .section-profile .description {
    margin-bottom: 35px;
  }
}
.section-profile .description p:nth-child(1) {
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .section-profile .description p:nth-child(1) {
    margin: 0 0 0 -30px;
    padding: 30px 10px 30px 30px;
    font-size: 19px;
    line-height: 24px;
    background: #EFF3F4;
    margin-bottom: 35px;
  }
}
.section-profile .read-more {
  display: block;
  text-transform: uppercase;
  color: #BA7350;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.09em;
  position: relative;
  padding-left: 1.5rem;
}
.section-profile .read-more:before, .section-profile .read-more:after {
  content: "";
  display: block;
  background: #BA7350;
  position: absolute;
  top: 50%;
  left: 0;
}
.section-profile .read-more:before {
  width: 0.7rem;
  height: 1px;
  margin-top: -0.5px;
}
@media screen and (max-width: 1365px) {
  .section-profile .read-more:before {
    margin-top: -2px;
  }
}
@media screen and (max-width: 767px) {
  .section-profile .read-more:before {
    width: 7px;
    margin-top: -1px;
  }
}
.section-profile .read-more:after {
  height: 0.7rem;
  width: 1px;
  left: calc( (0.7rem - 1px)/2);
  margin-top: -0.35rem;
  transition: all 300ms ease;
}
@media screen and (max-width: 1365px) {
  .section-profile .read-more:after {
    margin-top: calc(-0.35rem - 1.5px);
  }
}
@media screen and (max-width: 767px) {
  .section-profile .read-more:after {
    height: 7px;
    left: 3px;
    margin-top: -4px;
  }
}
.section-profile .read-more.active:after {
  transform: rotate(90deg);
}
.section-profile .read-more .less {
  display: none;
}
.section-profile .description-more {
  display: none;
}
.section-profile .description-more .wysiwyg-content, .section-profile .description-more .section--init {
  padding-top: 3rem;
}
.section-profile figure {
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-profile figure:before {
    content: "";
    display: block;
    background: #EFF3F4;
    position: absolute;
    top: 60px;
    right: 0;
    left: -30px;
    bottom: 0;
    z-index: -1;
  }
}
.section-profile figure img {
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-profile figure img {
    width: 67%;
  }
}
.section-profile .person {
  padding-bottom: 9rem;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .section-profile .person {
    padding-bottom: 60px;
  }
}
.section-profile .person:before {
  content: "";
  display: block;
  background: #EFF3F4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 58.3333%;
  z-index: -2;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}
@media screen and (max-width: 767px) {
  .section-profile .person:before {
    display: none;
  }
}
.section-profile .person.inview-visible:before {
  transform: scaleY(1);
}
.section-profile .person-layout-1 {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .section-profile .person-layout-1 {
    padding-bottom: 0;
  }
}
.section-profile .person-layout-1:before {
  background: #DBDBDB;
  right: -15rem;
  width: auto;
  height: 100%;
  left: -15rem;
  z-index: -4;
}
@media screen and (max-width: 767px) {
  .section-profile .person-layout-1:before {
    background: transparent;
  }
}
.section-profile .person-layout-1 .description p:nth-child(1) {
  background: #DBDBDB;
}
.section-profile .person-layout-1 .col-6 {
  order: 2;
}
.section-profile .person-layout-1 .name {
  padding-top: 8.5rem;
}
@media screen and (max-width: 767px) {
  .section-profile .person-layout-1 .name {
    padding-top: 35px;
  }
}
.section-profile .person-layout-1 .name:before {
  top: -9rem;
  left: -16.6666%;
  z-index: -3;
  background: #2B2A29;
}
@media screen and (max-width: 767px) {
  .section-profile .person-layout-1 .name:before {
    top: 0;
  }
}
.section-profile .person-layout-1 .name:after {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 200%;
  width: 15rem;
  z-index: 1;
}
.section-profile .person-layout-1 .description-more .col-6 {
  margin-left: 50%;
}
@media screen and (max-width: 767px) {
  .section-profile .person-layout-1 .description-more .col-6 {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .section-profile .person-layout-1 figure:before {
    background: #DBDBDB;
  }
}

.section-approach .executive-search {
  display: flex;
  align-items: stretch;
}
.section-approach .executive-search .content {
  padding: 7rem 8.3333% 9.5rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-approach .executive-search .content {
    padding: 0;
    margin-bottom: 40px;
  }
}
.section-approach .executive-search .content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #EFF3F4;
  left: -15rem;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .section-approach .executive-search .content:before {
    display: none;
  }
}
.section-approach .executive-search .areas {
  padding: 7rem 0 10rem 14rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .section-approach .executive-search .areas {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .section-approach .executive-search .areas {
    padding: 30px 0 30px 30px;
    width: auto;
    margin-left: -30px;
  }
}
.section-approach .executive-search .areas:before {
  content: "";
  display: block;
  position: absolute;
  top: -31rem;
  bottom: 0;
  background: #1C2733;
  right: -15rem;
  left: 0;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 767px) {
  .section-approach .executive-search .areas:before {
    top: 0;
  }
}
.section-approach .executive-search .areas .wysiwyg-content, .section-approach .executive-search .areas .section--init {
  opacity: 0;
  transition: opacity 450ms cubic-bezier(0.77, 0, 0.175, 1) 450ms;
}
.section-approach .executive-search .areas .wysiwyg-content ul li:before, .section-approach .executive-search .areas .section--init ul li:before {
  left: -14rem;
}
@media screen and (max-width: 1023px) {
  .section-approach .executive-search .areas .wysiwyg-content ul li:before, .section-approach .executive-search .areas .section--init ul li:before {
    left: -30px;
  }
}
.section-approach .executive-search .areas.inview-visible:before {
  transform: scaleY(1);
}
.section-approach .executive-search .areas.inview-visible .wysiwyg-content, .section-approach .executive-search .areas.inview-visible .section--init {
  opacity: 1;
}
.section-approach .leadership-consulting {
  display: flex;
  align-items: stretch;
}
.section-approach .leadership-consulting .content {
  padding: 7rem 0 9.5rem 8.3333%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-approach .leadership-consulting .content {
    padding: 0;
    margin-bottom: 35px;
  }
}
.section-approach .leadership-consulting .content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #DBDBDB;
  right: -15rem;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .section-approach .leadership-consulting .content:before {
    display: none;
  }
}
.section-approach .leadership-consulting .areas {
  padding: 7rem 8.3333% 10rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-approach .leadership-consulting .areas {
    order: 2;
    padding: 30px 0 30px 30px;
    margin-left: -30px;
    width: auto;
  }
}
.section-approach .leadership-consulting .areas:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -21.6rem;
  background: #2B2A29;
  right: 0;
  left: -15rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .section-approach .leadership-consulting .areas:before {
    left: -30px;
    right: -30px;
    bottom: 0;
  }
}
.section-approach .content h2 + p {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-style: italic;
  letter-spacing: 0.02em;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .section-approach .content h2 + p {
    line-height: 1.21;
  }
}
.section-approach .content p:nth-child(3) {
  font-size: 2rem;
  line-height: 2.8rem;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 767px) {
  .section-approach .content p:nth-child(3) {
    font-size: 19px;
    line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .section-approach .content h2 {
    background: #EFF3F4;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 0;
    padding: 35px 30px 25px 30px;
    line-height: 1.3;
  }
  .section-approach .content h2 + p {
    background: #EFF3F4;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 35px;
    padding: 0 30px 40px 30px;
  }
}
.section-approach .areas {
  color: #fff;
}
.section-approach .areas h2 {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .section-approach .areas h2 {
    margin-bottom: 35px;
    font-size: 14px;
  }
  .section-approach .areas h2:before {
    margin-bottom: 12px;
  }
}
.section-approach .areas h2:before {
  background: transparent;
}
.section-approach .areas ul li span {
  display: block;
  transform: translateX(-4rem);
  opacity: 0;
  transition: all 350ms ease-out;
}
@media screen and (max-width: 1023px) {
  .section-approach .areas ul li span {
    transform: translateX(-2rem);
  }
}
.section-approach .areas ul li:before {
  transition: all 350ms ease-out;
}
.section-approach .areas:not(.inview-visible) ul li:before {
  width: 0;
}
.section-approach .areas.inview-visible ul li span {
  transform: translateX(0);
  opacity: 1;
}
.section-approach .areas.inview-visible ul li:nth-child(1) span {
  transition-delay: 600ms;
}
.section-approach .areas.inview-visible ul li:nth-child(2) span {
  transition-delay: 700ms;
}
.section-approach .areas.inview-visible ul li:nth-child(3) span {
  transition-delay: 800ms;
}
.section-approach .areas.inview-visible ul li:nth-child(4) span {
  transition-delay: 900ms;
}
.section-approach .areas.inview-visible ul li:nth-child(5) span {
  transition-delay: 1000ms;
}
.section-approach .areas.inview-visible ul li:nth-child(1):before {
  transition-delay: 500ms;
}
.section-approach .areas.inview-visible ul li:nth-child(2):before {
  transition-delay: 600ms;
}
.section-approach .areas.inview-visible ul li:nth-child(3):before {
  transition-delay: 700ms;
}
.section-approach .areas.inview-visible ul li:nth-child(4):before {
  transition-delay: 800ms;
}
.section-approach .areas.inview-visible ul li:nth-child(5):before {
  transition-delay: 900ms;
}

.section-contact {
  position: relative;
  min-height: calc(100vh - 48.6rem);
}
@media screen and (max-width: 767px) {
  .section-contact {
    min-height: none;
  }
}
.section-contact:before {
  content: "";
  display: block;
  background: #1C2733;
  position: absolute;
  top: 0;
  bottom: -17.6rem;
  right: 0;
  left: calc( (100% - 36.5rem)*0.5833);
  z-index: -2;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 1023px) {
  .section-contact:before {
    left: calc( (100% - 20rem)*0.5833);
  }
}
@media screen and (max-width: 767px) {
  .section-contact:before {
    display: none;
  }
}
.section-contact .introduction {
  padding-bottom: 6.5rem;
  margin-bottom: 7rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .section-contact .introduction {
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 0;
  }
}
.section-contact .introduction:before {
  content: "";
  display: block;
  position: absolute;
  top: -31rem;
  bottom: 0;
  background: #D0CABF;
  left: -15rem;
  right: -14.2857%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .section-contact .introduction:before {
    top: 0;
    bottom: -55px;
  }
}
.section-contact .introduction h2 + p {
  font-size: 2.4rem;
  line-height: 1.4166666667;
  font-style: italic;
  padding-right: 12.5%;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .section-contact .introduction h2 + p {
    line-height: 1.21;
  }
}
@media screen and (max-width: 767px) {
  .section-contact .introduction h2 + p {
    padding-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .section-contact .introduction h2 + p br {
    display: none;
  }
}
.section-contact .introduction .wysiwyg-content, .section-contact .introduction .section--init {
  opacity: 0;
  transition: opacity 450ms cubic-bezier(0.77, 0, 0.175, 1) 300ms;
}
.section-contact .introduction.inview-visible .wysiwyg-content, .section-contact .introduction.inview-visible .section--init {
  opacity: 1;
}
.section-contact figure {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .section-contact figure {
    margin-bottom: 40px;
    max-width: 76%;
  }
}
.section-contact .content {
  font-size: 1.8rem;
  line-height: 1.45;
}
@media screen and (max-width: 1023px) {
  .section-contact .content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .section-contact .content {
    font-size: 18px;
    line-height: 26px;
  }
}
.section-contact .content p {
  margin-bottom: 2.7rem;
}
.section-contact .content p span {
  display: inline-block;
  padding-right: 1rem;
}
.section-contact .content a {
  color: #1C2733;
}
.section-contact .content a:hover {
  color: #BA7350;
}
.section-contact.inview-visible:before {
  transform: scaleY(1);
}

/* OTHERS
 * ------------------------------------------------------------------------- */
/* REMEMBER KID, YOU SHALL NEVER TRUST THOSE * BELOW
 * ------------------------------------------------------------------------- */
.section--init {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.section--init + .section--init {
  padding-top: 0;
}

html {
  font-size: 0.6944444444vw;
}
@media screen and (max-width: 1023px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 8.3px;
  }
}

/* / EOF --
 * ------------------------------------------------------------------------- */
/*# sourceMappingURL=main.css.map*/