@charset "UTF-8";
/*!
Theme Name: Be Culture Theme (v2)
Theme URI: http://underscores.me/
Author: Be Culture Ltd.
Author URI: https://beculture.co.uk/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beculturetheme_v2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Be Culture Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Mobile menu breakpoint */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url(inc/fonts/sfpro/stylesheet.css);
@import url(inc/fonts/elegant_font/style.css);
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

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

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

/**
 * 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;
  font-size: 1em; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

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

/**
 * 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;
  font-size: 1em; }

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

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

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

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

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

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

/**
 * 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;
  outline-offset: -2px; }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[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;
  font: inherit; }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

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

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Main fonts */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: var(--site-font-family), var(--site-backup-font-family);
  font-size: 1rem;
  line-height: 1.4; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit; }

main.error-404 section.error-404 {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-one-hex); }
  main.error-404 section.error-404 .message-404 {
    color: #ffffff;
    text-align: center;
    width: auto; }
    main.error-404 section.error-404 .message-404 .upper {
      font-size: 25vw;
      font-weight: 600;
      color: #3f7a841a;
      -webkit-text-stroke: 1px var(--color-four-hex);
      line-height: 0.9; }
      @media only screen and (max-width: 480px) {
        main.error-404 section.error-404 .message-404 .upper {
          font-size: 39vw;
          font-weight: 600;
          color: #3f7a841a;
          -webkit-text-stroke: 1px var(--color-four-hex);
          line-height: .9; } }
    main.error-404 section.error-404 .message-404 .lower {
      font-size: 23px;
      font-weight: 350;
      line-height: 30.6px;
      letter-spacing: 6px; }

html {
  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
  min-height: 100%; }

p {
  font-size: 16px;
  line-height: 1.9; }
  @media only screen and (min-width: 1441px) and (max-width: 1920px) {
    p {
      font-size: 16px; } }
  @media only screen and (max-width: 1280px) {
    p {
      font-size: 15px;
      line-height: 1.6; } }
  @media only screen and (max-width: 1024px) {
    p {
      line-height: 1.6;
      font-size: 15px; } }
  @media only screen and (min-width: 1281px) and (max-width: 1440px) {
    p {
      font-size: 15px; } }

body {
  background: var(--bg-color-light-hex);
  color: var(--text-color-light-hex);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body.dark {
    background: var(--color-one-hex);
    color: var(--text-color-dark-hex); }
  body.accent-one {
    background: var(--color-one-hex); }
  body.accent-two {
    background: var(--color-two-hex); }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  position: relative;
  transition: none !important; }

h1 {
  font-weight: var(--h1-font-weight); }

h2 {
  font-weight: var(--h2-font-weight); }

h3 {
  font-weight: var(--h3-font-weight); }

h4 {
  font-weight: var(--h4-font-weight); }

h5 {
  font-weight: var(--h5-font-weight); }

h6 {
  font-weight: var(--h6-font-weight); }

.curtain {
  width: 100vw;
  left: 50%;
  top: 50%;
  height: 100vh;
  z-index: 899;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  background: var(--color-one-hex);
  transform: translate(-50%, -50%); }

.content,
.content__move {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  align-items: center;
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
  position: relative; }

.content--hidden {
  pointer-events: none; }

.content__move {
  will-change: auto;
  overflow: hidden;
  background: var(--color-intro-bg); }

.content--first {
  position: fixed; }

.content__reverse {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  will-change: auto; }

.scroller {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

main {
  z-index: 152;
  will-change: auto; }
  main#primary {
    margin: 165px auto 80px auto; }
    main#primary:after {
      content: "";
      display: table;
      clear: both; }
  main:not(#primary) {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media only screen and (max-width: 768px) {
      main:not(#primary) {
        overflow: visible;
        height: auto; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      main:not(#primary) {
        overflow: visible;
        height: auto; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      main:not(#primary) {
        overflow: visible;
        height: auto; } }
  main.inner-service {
    z-index: 151; }

body {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  body::-webkit-scrollbar {
    display: none; }

.page-bg {
  position: fixed;
  z-index: -2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.scrollable {
  position: absolute;
  z-index: 10;
  min-height: 100%; }
  .scrollable.disable-hover {
    pointer-events: none; }
  .scrollable.services {
    margin: var(--page-margin-top) var(--page-margin-right) var(--page-margin-bottom) var(--page-margin-left);
    min-height: calc(300vh + 4276px); }
    @media only screen and (max-width: 1440px) {
      .scrollable.services {
        margin: var(--page-margin-top-xxl) var(--page-margin-right-xxl) var(--page-margin-bottom-xxl) var(--page-margin-left-xxl); } }
    @media only screen and (max-width: 1024px) {
      .scrollable.services {
        margin: var(--page-margin-top-l) var(--page-margin-right-l) var(--page-margin-bottom-l) var(--page-margin-left-l); } }
    @media only screen and (orientation: portrait) {
      .scrollable.services {
        margin-top: var(--page-margin-top-portrait);
        margin-bottom: var(--page-margin-bottom-portrait); } }
    @media only screen and (max-width: 768px) {
      .scrollable.services {
        min-height: unset;
        position: relative; } }
  @media only screen and (max-width: 768px) and (orientation: landscape) {
    .scrollable.services {
      margin-left: var(--page-margin-left-ml);
      margin-right: var(--page-margin-right-ml);
      margin-top: var(--page-margin-top-ml); } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  .scrollable.services {
    margin-top: var(--page-margin-top-m-portrait);
    margin-left: var(--page-margin-left-m-portrait);
    margin-right: var(--page-margin-right-m-portrait); } }

#page {
  overflow: hidden;
  height: 100%; }

.page-border-left {
  width: var(--page-border-border-top);
  position: fixed;
  height: 100vh;
  background-color: var(--page-border-color-hex);
  top: 0;
  left: 0; }

.page-border-top {
  height: var(--page-border-border-top);
  position: fixed;
  width: 100vw;
  background-color: var(--page-border-color-hex);
  top: 0;
  left: 0; }

.page-border-right {
  width: var(--page-border-border-top);
  position: fixed;
  height: 100vh;
  background-color: var(--page-border-color-hex);
  top: 0;
  right: 0; }

.page-border-bottom {
  height: var(--page-border-border-top);
  position: absolute;
  width: 100%;
  background-color: var(--page-border-color-hex);
  left: 0;
  bottom: 0; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

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

figure {
  margin: 1em 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.6em 1em 0.4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: var(--links-color-regular-light-hex); }
  a:visited {
    color: var(--links-color-regular-light-hex); }
  a:hover {
    color: var(--links-color-hover-light-hex); }
  a:focus, a:active {
    color: var(--links-color-active-light-hex); }
  a:hover, a:focus, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.left-img {
  position: fixed;
  left: 37px;
  cursor: pointer;
  top: 30px;
  z-index: 101; }
  @media only screen and (max-width: 1024px) {
    .left-img {
      left: 25px;
      top: 7px; } }
  @media only screen and (max-width: 768px) {
    .left-img {
      top: 13px;
      left: var(--page-margin-left-ml); } }
  @media only screen and (max-width: 480px) {
    .left-img {
      left: var(--page-margin-left-m); } }
  .left-img img {
    height: 50px; }
    @media only screen and (max-width: 1440px) {
      .left-img img {
        height: 40px; } }
    .left-img img#img-8-light, .left-img img#img-8-dark {
      height: 39px;
      vertical-align: top; }

.morphing-submenu {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 68px;
  left: 0;
  border-radius: var(--menu-border-radius);
  z-index: 99;
  overflow: hidden;
  margin-top: 3px;
  background: var(--menu-bg-color-light-hex);
  /* for IE */
  background: var(--menu-bg-color-light-rgba);
  border: var(--menu-border-border-top) var(--menu-border-border-style) var(--color-five-hex);
  backdrop-filter: blur(var(--menu-blur));
  -webkit-backdrop-filter: blur(var(--menu-blur)); }
  .morphing-submenu.dark {
    background: var(--menu-bg-color-dark-rgba);
    border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-hex);
    border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba); }
    .morphing-submenu.dark .submenu-content ul li a {
      color: var(--menu-links-color-regular-dark-hex); }
  @media only screen and (max-width: 1440px) {
    .morphing-submenu {
      top: 58px; } }
  @media only screen and (max-width: 1024px) {
    .morphing-submenu {
      top: 50px; } }
  @media only screen and (max-width: 768px) {
    .morphing-submenu {
      display: none; } }
  .morphing-submenu .submenu-content {
    opacity: 0;
    visibility: hidden; }
    .morphing-submenu .submenu-content ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .morphing-submenu .submenu-content ul li {
        display: block; }
        .morphing-submenu .submenu-content ul li a {
          display: block;
          text-align: left;
          color: var(--menu-links-color-regular-light-hex);
          font-weight: 600;
          white-space: nowrap;
          font-size: 13px;
          text-decoration: none;
          padding: 8px 33px; }
          .morphing-submenu .submenu-content ul li a i {
            font-size: 12px;
            text-align: right;
            width: 15px; }

.site-header {
  position: fixed;
  z-index: 5000;
  /* background-color: white; */
  border-radius: var(--menu-border-radius);
  float: left;
  width: calc(100% - 108px - 3px);
  /* margin: 20px auto; */
  top: var(--menu-top);
  right: calc(68px + 3px + 20px); }
  @media only screen and (max-width: 1440px) {
    .site-header {
      right: calc(58px + 3px + 20px);
      width: calc(100% - 98px - 3px); } }
  @media only screen and (max-width: 1024px) {
    .site-header {
      right: calc(50px + 1px + 7px);
      width: calc(100% - 64px - 1px); } }
  .site-header nav#site-navigation-mob, .site-header nav#careers-navigation-mob {
    position: fixed;
    display: none;
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    left: 50%;
    z-index: 10; }
    .site-header nav#site-navigation-mob .menu-main-menu-container ul, .site-header nav#careers-navigation-mob .menu-main-menu-container ul {
      margin-left: 0;
      text-align: center;
      padding-left: 0;
      list-style-type: none;
      margin: 0; }
      .site-header nav#site-navigation-mob .menu-main-menu-container ul li, .site-header nav#careers-navigation-mob .menu-main-menu-container ul li {
        opacity: 0;
        visibility: hidden;
        padding-bottom: 15px; }
        @media only screen and (orientation: landscape) {
          .site-header nav#site-navigation-mob .menu-main-menu-container ul li, .site-header nav#careers-navigation-mob .menu-main-menu-container ul li {
            padding-bottom: 1.3vh; } }
        .site-header nav#site-navigation-mob .menu-main-menu-container ul li:last-child, .site-header nav#careers-navigation-mob .menu-main-menu-container ul li:last-child {
          padding-bottom: 0; }
        .site-header nav#site-navigation-mob .menu-main-menu-container ul li a, .site-header nav#careers-navigation-mob .menu-main-menu-container ul li a {
          text-transform: uppercase;
          color: white;
          font-size: 12px;
          letter-spacing: 3px;
          text-decoration: none;
          font-weight: 500;
          -webkit-tap-highlight-color: transparent; }
  @media only screen and (max-width: 768px) {
    .site-header nav#site-navigation-mob {
      display: block; } }
  .site-header nav#careers-navigation-mob .menu-main-menu-container {
    opacity: 0;
    visibility: hidden; }
    .site-header nav#careers-navigation-mob .menu-main-menu-container ul li {
      opacity: 1;
      visibility: visible; }
  .site-header nav#site-navigation {
    position: relative;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      .site-header nav#site-navigation {
        display: none; } }
    .site-header nav#site-navigation .line {
      position: absolute;
      top: 0;
      background-color: var(--menu-item-border-color-hex);
      height: var(--menu-item-border-border-top); }
    .site-header nav#site-navigation:not(.loading) .menu-main-menu-container > ul > li.first-level:hover ul {
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      visibility: visible;
      opacity: 1;
      transition-delay: 0.3s; }
    .site-header nav#site-navigation:not(.loading) .menu-main-menu-container > ul > li.first-level:hover:before {
      opacity: 1; }
    .site-header nav#site-navigation .menu-main-menu-container {
      width: 100%; }
      .site-header nav#site-navigation .menu-main-menu-container ul {
        margin-left: 0; }
      .site-header nav#site-navigation .menu-main-menu-container .search-icon {
        position: absolute;
        font-size: 22px;
        right: 20px;
        top: calc(50% - 12px);
        color: var(--menu-links-color-regular-light-hex); }
      .site-header nav#site-navigation .menu-main-menu-container.dark .search-icon {
        color: var(--menu-links-color-regular-dark-hex); }
      .site-header nav#site-navigation .menu-main-menu-container.dark > ul {
        background: var(--menu-bg-color-dark-hex);
        /* for IE */
        background: var(--menu-bg-color-dark-rgba);
        border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-hex);
        border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba); }
        .site-header nav#site-navigation .menu-main-menu-container.dark > ul > li.first-level > a {
          color: var(--menu-links-color-regular-dark-hex); }
        .site-header nav#site-navigation .menu-main-menu-container.dark > ul > li > ul li a {
          color: var(--menu-links-color-regular-dark-hex); }
      .site-header nav#site-navigation .menu-main-menu-container > ul {
        cursor: pointer;
        border-radius: var(--menu-border-radius);
        text-align: center;
        list-style-type: none;
        margin: 0;
        padding-left: 68px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--menu-bg-color-light-hex);
        /* for IE */
        background: var(--menu-bg-color-light-rgba);
        -webkit-backdrop-filter: blur(var(--menu-blur));
        backdrop-filter: blur(var(--menu-blur));
        border: var(--menu-border-border-top) var(--menu-border-border-style) var(--color-five-hex);
        height: 68px; }
        @media only screen and (max-width: 1440px) {
          .site-header nav#site-navigation .menu-main-menu-container > ul {
            padding-left: 130px; } }
        @media only screen and (max-width: 768px) {
          .site-header nav#site-navigation .menu-main-menu-container > ul {
            -webkit-backdrop-filter: blur(calc(1.8 * var(--menu-blur)));
            backdrop-filter: blur(calc(1.8 * var(--menu-blur))); } }
        @media only screen and (max-width: 1440px) {
          .site-header nav#site-navigation .menu-main-menu-container > ul {
            height: 58px; } }
        @media only screen and (max-width: 1024px) {
          .site-header nav#site-navigation .menu-main-menu-container > ul {
            height: 50px; } }
        .site-header nav#site-navigation .menu-main-menu-container > ul > li {
          -webkit-transition: background 0.8s, color 0.8s;
          -moz-transition: background 0.8s, color 0.8s;
          -ms-transition: background 0.8s, color 0.8s;
          -o-transition: background 0.8s, color 0.8s;
          transition: background 0.8s, color 0.8s;
          display: inline-block;
          text-align: center;
          padding-top: var(--menu-item-padding-padding-top);
          padding-right: calc(var(--menu-item-padding-padding-right) + 10px);
          padding-bottom: var(--menu-item-padding-padding-bottom);
          padding-left: calc(var(--menu-item-padding-padding-left) + 10px);
          position: relative;
          white-space: nowrap;
          height: 64px; }
          @media only screen and (max-width: 1440px) {
            .site-header nav#site-navigation .menu-main-menu-container > ul > li {
              height: 54px;
              padding-top: calc(var(--menu-item-padding-padding-top) - 3px);
              padding-right: calc(var(--menu-item-padding-padding-right) + 10px);
              padding-bottom: calc(var(--menu-item-padding-padding-bottom) - 3px);
              padding-left: calc(var(--menu-item-padding-padding-left) + 10px); } }
          @media only screen and (max-width: 1024px) {
            .site-header nav#site-navigation .menu-main-menu-container > ul > li {
              padding-top: calc(var(--menu-item-padding-padding-top) - 7px);
              padding-right: calc(var(--menu-item-padding-padding-right) + 10px);
              padding-bottom: calc(var(--menu-item-padding-padding-bottom) - 7px);
              padding-left: calc(var(--menu-item-padding-padding-left) + 10px);
              height: 46px; } }
          .site-header nav#site-navigation .menu-main-menu-container > ul > li:hover > a span, .site-header nav#site-navigation .menu-main-menu-container > ul > li:focus > a span {
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            transform: translateY(-100%); }
          .site-header nav#site-navigation .menu-main-menu-container > ul > li:hover > a svg[role="img"], .site-header nav#site-navigation .menu-main-menu-container > ul > li:focus > a svg[role="img"] {
            opacity: 0; }
          .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a {
            text-transform: uppercase;
            color: var(--menu-links-color-regular-light-hex);
            font-weight: var(--menu-links-text-font-weight);
            text-decoration: none;
            letter-spacing: var(--menu-links-text-letter-spacing);
            font-size: var(--menu-links-text-font-size);
            display: block;
            position: relative;
            overflow: hidden;
            width: auto; }
            @media only screen and (max-width: 1440px) {
              .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a {
                font-size: calc(var(--menu-links-text-font-size) - 2px); } }
            @media only screen and (max-width: 1024px) {
              .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a {
                font-size: calc(var(--menu-links-text-font-size) - 3px);
                width: auto; } }
            .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a i {
              font-size: 12px;
              text-align: right;
              width: 15px; }
            .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a svg {
              -webkit-transition: 0.3s;
              -moz-transition: 0.3s;
              -ms-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s;
              position: absolute;
              right: 0;
              top: 3px; }
            .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a span {
              position: relative;
              display: inline-block;
              -webkit-transition: transform, 0.3s;
              -moz-transition: transform, 0.3s;
              -ms-transition: transform, 0.3s;
              -o-transition: transform, 0.3s;
              transition: transform, 0.3s;
              text-align: center;
              width: 100%; }
              .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a span::before {
                position: absolute;
                top: calc(100%);
                content: attr(data-hover);
                font-size: 13px;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
                right: 0; }
                @media only screen and (max-width: 1440px) {
                  .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a span::before {
                    font-size: 11px; } }
                @media only screen and (max-width: 1024px) {
                  .site-header nav#site-navigation .menu-main-menu-container > ul > li.first-level > a span::before {
                    font-size: 10px; } }
          .site-header nav#site-navigation .menu-main-menu-container > ul > li.current_page_item:before {
            opacity: 1; }
          .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul {
            -webkit-transition: all 0.1s;
            -moz-transition: all 0.1s;
            -ms-transition: all 0.1s;
            -o-transition: all 0.1s;
            transition: all 0.1s;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            font-weight: 300;
            list-style-type: none;
            max-width: 300px;
            z-index: 101;
            left: 0;
            top: 67px;
            padding: 23px 0; }
            @media (hover: none) and (pointer: coarse) {
              .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul {
                display: none; } }
            @media only screen and (max-width: 1440px) {
              .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul {
                top: 58px; } }
            @media only screen and (max-width: 1024px) {
              .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul {
                top: 50px; } }
            .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li {
              display: block; }
              .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li:hover a span, .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li:focus a span {
                -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
                transform: translateY(-100%); }
              .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li:hover a svg[role="img"], .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li:focus a svg[role="img"] {
                opacity: 0; }
              .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li a {
                display: block;
                text-align: left;
                color: var(--menu-links-color-regular-light-hex);
                font-weight: 600;
                white-space: nowrap;
                font-size: 13px;
                text-decoration: none;
                padding: 0px 30px;
                position: relative;
                overflow: hidden;
                margin: 8px 0; }
                .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li a i {
                  font-size: 12px;
                  text-align: right;
                  width: 15px; }
                .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li a span {
                  position: relative;
                  display: inline-block;
                  -webkit-transition: transform, 0.3s;
                  -moz-transition: transform, 0.3s;
                  -ms-transition: transform, 0.3s;
                  -o-transition: transform, 0.3s;
                  transition: transform, 0.3s;
                  text-align: center; }
                  .site-header nav#site-navigation .menu-main-menu-container > ul > li > ul li a span::before {
                    position: absolute;
                    top: calc(100%);
                    content: attr(data-hover);
                    font-size: 13px;
                    -webkit-transform: translate3d(0, 0, 0);
                    -moz-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                    left: 0;
                    right: 0; }

div.login-btn {
  cursor: pointer; }
  @media only screen and (max-width: 1024px) {
    div.login-btn {
      right: 7px; } }

.login-btn, .burger-button {
  position: fixed;
  right: var(--menu-top);
  top: var(--menu-top);
  /* background: white; */
  width: 68px;
  z-index: 3; }
  @media only screen and (max-width: 1440px) {
    .login-btn, .burger-button {
      width: 58px; } }
  @media only screen and (max-width: 1024px) {
    .login-btn, .burger-button {
      width: 50px; } }
  @media only screen and (max-width: 768px) {
    .login-btn, .burger-button {
      display: none; } }
  .login-btn.dark .login-btn-in, .login-btn.dark .burger-container, .burger-button.dark .login-btn-in, .burger-button.dark .burger-container {
    background: var(--menu-bg-color-dark-hex);
    /* for IE */
    background: var(--menu-bg-color-dark-rgba); }
    .login-btn.dark .login-btn-in.burger-container, .login-btn.dark .burger-container.burger-container, .burger-button.dark .login-btn-in.burger-container, .burger-button.dark .burger-container.burger-container {
      background: rgba(16, 59, 81, 0.3); }
    .login-btn.dark .login-btn-in .login-icon, .login-btn.dark .login-btn-in .login-txt, .login-btn.dark .burger-container .login-icon, .login-btn.dark .burger-container .login-txt, .burger-button.dark .login-btn-in .login-icon, .burger-button.dark .login-btn-in .login-txt, .burger-button.dark .burger-container .login-icon, .burger-button.dark .burger-container .login-txt {
      color: var(--menu-links-color-regular-dark-hex); }
  .login-btn.dark .login-btn-in, .burger-button.dark .login-btn-in {
    border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba); }
  .login-btn .login-btn-in, .burger-button .login-btn-in {
    height: 68px; }
    @media only screen and (max-width: 1440px) {
      .login-btn .login-btn-in, .burger-button .login-btn-in {
        height: 58px; } }
    @media only screen and (max-width: 1024px) {
      .login-btn .login-btn-in, .burger-button .login-btn-in {
        height: 50px; } }
  .login-btn .login-btn-in, .burger-button .login-btn-in {
    border: var(--menu-border-border-top) var(--menu-border-border-style) var(--color-five-hex); }
  .login-btn .login-btn-in, .login-btn .burger-container, .burger-button .login-btn-in, .burger-button .burger-container {
    background: var(--menu-bg-color-light-hex);
    /* for IE */
    background: var(--menu-bg-color-light-rgba);
    -webkit-backdrop-filter: blur(var(--menu-blur));
    backdrop-filter: blur(var(--menu-blur));
    border-radius: var(--menu-border-radius);
    overflow: hidden;
    text-align: center; }
    .login-btn .login-btn-in.burger-container, .login-btn .burger-container.burger-container, .burger-button .login-btn-in.burger-container, .burger-button .burger-container.burger-container {
      background: rgba(16, 59, 81, 0.3); }
    @media only screen and (max-width: 768px) {
      .login-btn .login-btn-in, .login-btn .burger-container, .burger-button .login-btn-in, .burger-button .burger-container {
        -webkit-backdrop-filter: blur(calc(1.8 * var(--menu-blur)));
        backdrop-filter: blur(calc(1.8 * var(--menu-blur))); } }
    .login-btn .login-btn-in .login-icon, .login-btn .burger-container .login-icon, .burger-button .login-btn-in .login-icon, .burger-button .burger-container .login-icon {
      color: var(--menu-links-color-regular-light-hex);
      font-size: 16px;
      padding-top: 16px;
      line-height: 1.1;
      padding-bottom: 0px; }
      @media only screen and (max-width: 1440px) {
        .login-btn .login-btn-in .login-icon, .login-btn .burger-container .login-icon, .burger-button .login-btn-in .login-icon, .burger-button .burger-container .login-icon {
          padding-top: 11px; } }
    .login-btn .login-btn-in .login-txt, .login-btn .burger-container .login-txt, .burger-button .login-btn-in .login-txt, .burger-button .burger-container .login-txt {
      color: var(--menu-links-color-regular-light-hex);
      font-weight: 600;
      font-size: 12px; }
      @media only screen and (max-width: 1440px) {
        .login-btn .login-btn-in .login-txt, .login-btn .burger-container .login-txt, .burger-button .login-btn-in .login-txt, .burger-button .burger-container .login-txt {
          font-size: 11px; } }
      @media only screen and (max-width: 1024px) {
        .login-btn .login-btn-in .login-txt, .login-btn .burger-container .login-txt, .burger-button .login-btn-in .login-txt, .burger-button .burger-container .login-txt {
          font-size: 10px; } }

.site-branding {
  display: none; }

.menu-toggle {
  display: none; }

/* Effect 5: same word slide in */
.cl-effect-5 a {
  overflow: hidden;
  padding: 0 4px;
  height: 1em; }

.cl-effect-5 a span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

.cl-effect-5 a span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  font-weight: 700;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%); }

/* Burger */
.burger-button {
  display: none; }

.burger-button {
  position: fixed;
  text-align: center;
  width: 58px; }
  @media only screen and (max-width: 768px) {
    .burger-button {
      display: block;
      top: calc((var(--menu-top) / 2) - 3px);
      right: calc((var(--menu-top) / 2) - 3px);
      width: 40px; } }

.burger-button:focus,
.burger-button:hover {
  cursor: pointer; }

@media only screen and (max-width: 768px) {
  .burger-container {
    height: 40px; } }

.burger-container span {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: white;
  position: absolute;
  right: 8px;
  transition: all 0.5s ease-in-out; }
  @media only screen and (max-width: 768px) {
    .burger-container span {
      height: 1px; } }

.fbrow {
  top: 13px; }

.sbrow {
  top: 20px; }

.tbrow {
  top: 27px; }

.b-bottom-mask {
  display: inline-block;
  width: 100%;
  height: 11px;
  overflow: hidden;
  position: absolute;
  top: 43px;
  left: 0; }

.b-bottom-mask span {
  font-size: 10px;
  line-height: 11px;
  font-family: 'PFHighwayGothicExtBold', sans-serif;
  color: #ababb4;
  text-align: center;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.4s ease-in-out; }

.b-bottom-mask span.b-open {
  letter-spacing: 5px;
  padding-left: 5px; }

.b-bottom-mask span.b-close {
  letter-spacing: 2px;
  padding-left: 2px; }

.burger-button.open .b-open {
  top: 11px !important; }

.b-bottom-mask .b-open {
  top: 11px; }

.b-bottom-mask .b-close {
  top: -11px !important; }

.burger-button:focus .b-open,
.burger-button:hover .b-open {
  top: 0; }

.burger-button.open:focus .b-close,
.burger-button.open:hover .b-close {
  top: 0 !important; }

.burger-button.open .fbrow {
  transform: translate(0, 7px) rotate(31deg); }

.burger-button.open .tbrow {
  transform: translate(0, -7px) rotate(-31deg); }

.burger-button span {
  transition: all 0.4s linear; }

.burger-button:focus .burger-container span,
.burger-button:hover .burger-container span {
  background: white; }

.burger-button:focus span,
.burger-button:hover span {
  color: white; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) {
  display: none;
  opacity: 1;
  color: var(--footer-text-color-hex);
  position: fixed;
  z-index: 100;
  /* background-color: white; */
  border-radius: var(--footer-border-radius);
  float: left;
  width: calc(100% - 90px - 40px - 3px);
  /* margin: 20px auto; */
  bottom: var(--footer-bottom);
  right: calc(90px + 3px + 20px);
  z-index: -1; }
  @media only screen and (max-width: 1024px) {
    footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) {
      bottom: 7px;
      width: calc(100% - 65px - 40px - 3px + 23px);
      right: calc(65px - 1px + 34px - 23px); } }
  @media only screen and (max-width: 900px) {
    footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) {
      z-index: 152;
      display: none !important; } }
  footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info {
    position: relative;
    z-index: 100; }
    footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .copyright {
      position: absolute;
      top: calc(50% - 0.4rem * 1.5);
      left: 18px;
      width: 240px;
      font-size: var(--footer-text-font-size);
      font-weight: var(--footer-text-font-weight); }
      @media only screen and (max-width: 1280px) {
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .copyright {
          font-size: calc(var(--menu-links-text-font-size));
          top: calc(50% - 0.38rem * 1.5); } }
      @media only screen and (max-width: 1024px) {
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .copyright {
          font-size: calc(var(--menu-links-text-font-size) - 1px);
          top: calc(50% - 0.4rem * 1.3); } }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .copyright.light {
        color: var(--color-four-hex); }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .copyright.dark {
        color: var(--footer-text-color-hex); }
    footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container {
      width: 100%; }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container ul {
        margin-left: 0; }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container .search-icon {
        position: absolute;
        font-size: 22px;
        right: 20px;
        top: calc(50% - 12px);
        color: var(--footer-links-color-regular-light-hex); }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark .search-icon {
        color: var(--footer-links-color-regular-dark-hex); }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark > ul {
        border: var(--footer-border-border-top) var(--footer-border-border-style) var(--footer-border-color-hex);
        border: var(--footer-border-border-top) var(--footer-border-border-style) var(--footer-border-color-rgba);
        background: transparent; }
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark > ul > li.first-level:nth-child(4) {
          color: var(--footer-links-color-regular-dark-hex); }
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark > ul > li.first-level > a {
          color: var(--footer-links-color-regular-dark-hex); }
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark > ul > li:hover {
          background-color: var(--footer-item-bg-color-dark-hex); }
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark > ul > li > ul {
          background-color: var(--footer-item-bg-color-dark-hex); }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container.dark > ul > li > ul li a {
            color: var(--footer-links-color-regular-dark-hex); }
      footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul {
        border-radius: var(--footer-border-radius);
        text-align: center;
        list-style-type: none;
        margin: 0;
        padding-left: 266px;
        display: flex;
        justify-content: left;
        align-items: center;
        background: transparent;
        border: var(--footer-border-border-top) var(--footer-border-border-style) var(--color-five-hex);
        border: var(--footer-border-border-top) var(--footer-border-border-style) var(--color-five-rgba);
        height: 40px; }
        @media only screen and (max-width: 1024px) {
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul {
            padding-left: 200px;
            height: 30px; } }
        footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li {
          -webkit-transition: background 0.5s, color 0.5s;
          -moz-transition: background 0.5s, color 0.5s;
          -ms-transition: background 0.5s, color 0.5s;
          -o-transition: background 0.5s, color 0.5s;
          transition: background 0.5s, color 0.5s;
          display: inline-block;
          text-align: center;
          position: relative;
          white-space: nowrap; }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:hover a span, footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:focus a span {
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            transform: translateY(-100%); }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:hover a svg[role="img"], footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:focus a svg[role="img"] {
            opacity: 0; }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.slavery-stmt > a {
            pointer-events: none; }
          @media only screen and (max-width: 1280px) {
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.created-by span {
              font-size: calc(var(--menu-links-text-font-size));
              letter-spacing: 0.5px;
              display: block;
              position: relative;
              overflow: hidden; } }
          @media only screen and (max-width: 1024px) {
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.created-by span {
              font-size: calc(var(--menu-links-text-font-size) - 1px); } }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:not(:last-of-type) > a:before {
            content: "|";
            color: var(--footer-text-color-hex);
            position: absolute;
            right: 9px;
            top: 0; }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4) {
            color: var(--footer-links-color-regular-light-hex);
            font-weight: var(--footer-links-text-font-weight);
            text-decoration: none;
            letter-spacing: var(--footer-links-text-letter-spacing);
            font-size: var(--footer-links-text-font-size);
            cursor: pointer;
            overflow: hidden; }
            @media only screen and (max-width: 1280px) {
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4) {
                font-size: calc(var(--menu-links-text-font-size)); } }
            @media only screen and (max-width: 1024px) {
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4) {
                font-size: calc(var(--menu-links-text-font-size) - 1px); } }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4) > span {
              position: relative;
              display: inline-block;
              -webkit-transition: transform, 0.3s;
              -moz-transition: transform, 0.3s;
              -ms-transition: transform, 0.3s;
              -o-transition: transform, 0.3s;
              transition: transform, 0.3s;
              text-align: center;
              width: 100%; }
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4) > span::before {
                position: absolute;
                top: 100%;
                content: attr(data-hover);
                font-weight: var(--footer-links-text-font-weight);
                font-size: var(--footer-links-text-font-size);
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
                right: 0; }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4):hover > span, footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level:nth-child(4):focus > span {
              -webkit-transform: translateY(-100%);
              -moz-transform: translateY(-100%);
              transform: translateY(-100%); }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a {
            color: var(--footer-links-color-regular-light-hex);
            font-weight: var(--footer-links-text-font-weight);
            text-decoration: none;
            letter-spacing: var(--footer-links-text-letter-spacing);
            font-size: var(--footer-links-text-font-size);
            display: block;
            position: relative;
            overflow: hidden;
            padding-right: 1.5em; }
            @media only screen and (max-width: 1280px) {
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a {
                font-size: calc(var(--menu-links-text-font-size)); } }
            @media only screen and (max-width: 1024px) {
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a {
                font-size: calc(var(--menu-links-text-font-size) - 1px); } }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a i {
              font-size: 12px;
              text-align: right;
              width: 15px; }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a svg {
              -webkit-transition: 0.3s;
              -moz-transition: 0.3s;
              -ms-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s;
              position: absolute;
              right: 0;
              top: 3px; }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a span {
              position: relative;
              display: inline-block;
              -webkit-transition: transform, 0.3s;
              -moz-transition: transform, 0.3s;
              -ms-transition: transform, 0.3s;
              -o-transition: transform, 0.3s;
              transition: transform, 0.3s;
              text-align: center;
              width: 100%; }
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a span::before {
                position: absolute;
                top: 100%;
                content: attr(data-hover);
                font-weight: var(--footer-links-text-font-weight);
                font-size: var(--footer-links-text-font-size);
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
                right: 0; }
                @media only screen and (max-width: 1280px) {
                  footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a span::before {
                    font-size: calc(var(--menu-links-text-font-size)); } }
                @media only screen and (max-width: 1024px) {
                  footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.first-level > a span::before {
                    font-size: calc(var(--menu-links-text-font-size) - 1px); } }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li.active:before {
            opacity: 1; }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:hover {
            background-color: var(--footer-item-bg-color-light-hex); }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:hover ul {
              -webkit-transition: opacity 0.3s;
              -moz-transition: opacity 0.3s;
              -ms-transition: opacity 0.3s;
              -o-transition: opacity 0.3s;
              transition: opacity 0.3s;
              visibility: visible;
              opacity: 1; }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li:hover:before {
              opacity: 1; }
          footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li > ul {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            font-weight: 300;
            list-style-type: none;
            max-width: 300px;
            z-index: 101;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            left: 0;
            top: 61px;
            padding: 18px 0; }
            footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li > ul li {
              display: block; }
              footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li > ul li a {
                display: block;
                text-align: left;
                color: var(--footer-links-color-regular-light-hex);
                font-weight: 600;
                white-space: nowrap;
                font-size: 13px;
                text-decoration: none;
                padding: 8px 15px; }
                footer.site-footer:not(.mobile):not(footer.site-footer.mobile.posts) .site-info .menu-footer-container > ul > li > ul li a i {
                  font-size: 12px;
                  text-align: right;
                  width: 15px; }

footer.site-footer.mobile, footer.site-footer.mobile.posts {
  min-height: 75px;
  display: block;
  opacity: 1;
  color: var(--footer-text-color-hex);
  position: relative;
  overflow: visible;
  /* margin: 20px auto; */
  margin-bottom: 50px;
  z-index: 0; }
  @media only screen and (min-width: 901px) {
    footer.site-footer.mobile, footer.site-footer.mobile.posts {
      display: none; } }
  @media only screen and (max-width: 900px) {
    footer.site-footer.mobile, footer.site-footer.mobile.posts {
      margin-bottom: 7px; } }
  @media only screen and (max-width: 768px) {
    footer.site-footer.mobile, footer.site-footer.mobile.posts {
      margin-bottom: 50px; } }
  footer.site-footer.mobile .links {
    width: 100%; }
    footer.site-footer.mobile .links .menu-footer-container {
      width: 100%; }
      footer.site-footer.mobile .links .menu-footer-container ul {
        margin-left: 0; }
      footer.site-footer.mobile .links .menu-footer-container .search-icon {
        position: absolute;
        font-size: 22px;
        right: 8px;
        top: calc(50% - 12px);
        color: var(--footer-links-color-regular-light-hex); }
      footer.site-footer.mobile .links .menu-footer-container.dark .search-icon {
        color: var(--footer-links-color-regular-dark-hex); }
      footer.site-footer.mobile .links .menu-footer-container.dark > ul {
        background: transparent; }
        footer.site-footer.mobile .links .menu-footer-container.dark > ul > li.first-level:nth-child(4) {
          color: var(--footer-links-color-regular-dark-hex); }
        footer.site-footer.mobile .links .menu-footer-container.dark > ul > li.first-level > a {
          color: var(--footer-links-color-regular-dark-hex); }
        footer.site-footer.mobile .links .menu-footer-container.dark > ul > li:hover {
          background-color: var(--footer-item-bg-color-dark-hex); }
        footer.site-footer.mobile .links .menu-footer-container.dark > ul > li > ul {
          background-color: var(--footer-item-bg-color-dark-hex); }
          footer.site-footer.mobile .links .menu-footer-container.dark > ul > li > ul li a {
            color: var(--footer-links-color-regular-dark-hex); }
      footer.site-footer.mobile .links .menu-footer-container > ul {
        border-radius: var(--footer-border-radius);
        text-align: center;
        list-style-type: none;
        margin: 0;
        padding: 5px; }
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
          footer.site-footer.mobile .links .menu-footer-container > ul {
            padding-bottom: 5px; } }
        footer.site-footer.mobile .links .menu-footer-container > ul > li {
          -webkit-transition: background 0.5s, color 0.5s;
          -moz-transition: background 0.5s, color 0.5s;
          -ms-transition: background 0.5s, color 0.5s;
          -o-transition: background 0.5s, color 0.5s;
          transition: background 0.5s, color 0.5s;
          display: inline-block;
          text-align: center;
          position: relative;
          white-space: nowrap; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li:hover a span, footer.site-footer.mobile .links .menu-footer-container > ul > li:focus a span {
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            transform: translateY(-100%); }
          footer.site-footer.mobile .links .menu-footer-container > ul > li:hover a svg[role="img"], footer.site-footer.mobile .links .menu-footer-container > ul > li:focus a svg[role="img"] {
            opacity: 0; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li:nth-child(4).first-level {
            color: var(--footer-links-color-regular-light-hex);
            font-weight: var(--footer-links-text-font-weight);
            text-decoration: none;
            letter-spacing: var(--footer-links-text-letter-spacing);
            font-size: 14px;
            display: block;
            position: relative;
            overflow: hidden; }
            @media only screen and (max-width: 480px) {
              footer.site-footer.mobile .links .menu-footer-container > ul > li:nth-child(4).first-level {
                font-size: 13px;
                display: block; } }
            footer.site-footer.mobile .links .menu-footer-container > ul > li:nth-child(4).first-level > a {
              padding-right: 0 !important; }
              footer.site-footer.mobile .links .menu-footer-container > ul > li:nth-child(4).first-level > a:before {
                display: none; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li:nth-child(5), footer.site-footer.mobile .links .menu-footer-container > ul > li:nth-child(6) {
            margin-top: 5px; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li.created-by span {
            font-size: 14px;
            display: block;
            overflow: hidden; }
            @media only screen and (max-width: 480px) {
              footer.site-footer.mobile .links .menu-footer-container > ul > li.created-by span {
                font-size: 13px; } }
          footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level:not(:last-of-type):not(:nth-of-type(3)) > a {
            padding-right: 1.5em; }
            footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level:not(:last-of-type):not(:nth-of-type(3)) > a:before {
              content: "|";
              color: var(--footer-text-color-hex);
              position: absolute;
              right: 9px;
              top: 0; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a {
            color: var(--footer-links-color-regular-light-hex);
            font-weight: var(--footer-links-text-font-weight);
            text-decoration: none;
            letter-spacing: var(--footer-links-text-letter-spacing);
            font-size: 14px;
            display: block;
            position: relative;
            overflow: hidden; }
            @media only screen and (max-width: 480px) {
              footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a {
                font-size: 13px; } }
            footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a i {
              font-size: 12px;
              text-align: right;
              width: 15px; }
            footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a svg {
              -webkit-transition: 0.3s;
              -moz-transition: 0.3s;
              -ms-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s;
              position: absolute;
              right: 0;
              top: 3px; }
            footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a span {
              position: relative;
              display: inline-block;
              -webkit-transition: transform, 0.3s;
              -moz-transition: transform, 0.3s;
              -ms-transition: transform, 0.3s;
              -o-transition: transform, 0.3s;
              transition: transform, 0.3s;
              text-align: center;
              width: 100%; }
              footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a span::before {
                position: absolute;
                top: 100%;
                content: attr(data-hover);
                font-weight: var(--footer-links-text-font-weight);
                font-size: 14px;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
                right: 0; }
                @media only screen and (max-width: 480px) {
                  footer.site-footer.mobile .links .menu-footer-container > ul > li.first-level > a span::before {
                    font-size: 13px; } }
          footer.site-footer.mobile .links .menu-footer-container > ul > li.active:before {
            opacity: 1; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li:hover {
            background-color: var(--footer-item-bg-color-light-hex); }
            footer.site-footer.mobile .links .menu-footer-container > ul > li:hover ul {
              -webkit-transition: opacity 0.3s;
              -moz-transition: opacity 0.3s;
              -ms-transition: opacity 0.3s;
              -o-transition: opacity 0.3s;
              transition: opacity 0.3s;
              visibility: visible;
              opacity: 1; }
            footer.site-footer.mobile .links .menu-footer-container > ul > li:hover:before {
              opacity: 1; }
          footer.site-footer.mobile .links .menu-footer-container > ul > li > ul {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            font-weight: 300;
            list-style-type: none;
            max-width: 300px;
            z-index: 101;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            left: 0;
            top: 61px;
            padding: 18px 0; }
            footer.site-footer.mobile .links .menu-footer-container > ul > li > ul li {
              display: block; }
              footer.site-footer.mobile .links .menu-footer-container > ul > li > ul li a {
                display: block;
                text-align: left;
                color: var(--footer-links-color-regular-light-hex);
                font-weight: 600;
                white-space: nowrap;
                font-size: 13px;
                text-decoration: none;
                padding: 8px 15px; }
                footer.site-footer.mobile .links .menu-footer-container > ul > li > ul li a i {
                  font-size: 12px;
                  text-align: right;
                  width: 15px; }
  footer.site-footer.mobile .bottom {
    display: flex;
    width: 100%; }
    footer.site-footer.mobile .bottom .site-info {
      position: relative;
      z-index: 100;
      width: calc(100% - 90px);
      flex: 1 1 auto;
      margin-right: 1px;
      border: var(--footer-border-border-top) var(--footer-border-border-style) var(--footer-border-color-rgba);
      border-radius: var(--footer-border-radius); }
      footer.site-footer.mobile .bottom .site-info .copyright {
        position: relative;
        top: 5px;
        left: 7px;
        width: 240px;
        font-size: 14px;
        font-weight: var(--footer-text-font-weight); }
        @media only screen and (max-width: 480px) {
          footer.site-footer.mobile .bottom .site-info .copyright {
            font-size: 13px; } }
        footer.site-footer.mobile .bottom .site-info .copyright.light {
          color: var(--color-four-hex); }
        footer.site-footer.mobile .bottom .site-info .copyright.dark {
          color: var(--footer-text-color-hex); }
    footer.site-footer.mobile .bottom .social-icons {
      position: relative;
      right: unset;
      bottom: unset;
      /* background: white; */
      width: 68px;
      z-index: 3;
      flex: 1 1 auto; }
      footer.site-footer.mobile .bottom .social-icons a {
        text-decoration: none;
        color: unset; }
      footer.site-footer.mobile .bottom .social-icons.dark .social-icons-in {
        background: transparent;
        border: var(--footer-border-border-top) var(--footer-border-border-style) var(--footer-border-color-rgba); }
        footer.site-footer.mobile .bottom .social-icons.dark .social-icons-in .login-icon, footer.site-footer.mobile .bottom .social-icons.dark .social-icons-in .login-txt {
          color: var(--footer-links-color-regular-dark-hex); }
        footer.site-footer.mobile .bottom .social-icons.dark .social-icons-in .social-icon, footer.site-footer.mobile .bottom .social-icons.dark .social-icons-in a {
          color: var(--footer-icon-color-hex); }
      footer.site-footer.mobile .bottom .social-icons .social-icons-in {
        height: 35px;
        background: transparent;
        border: var(--footer-border-border-top) var(--footer-border-border-style) var(--color-five-hex);
        border-radius: var(--footer-border-radius);
        overflow: hidden;
        text-align: center; }
        footer.site-footer.mobile .bottom .social-icons .social-icons-in .social-icon {
          color: var(--color-four-hex);
          font-size: var(--footer-icon-size);
          padding-top: 5px;
          line-height: 1.1;
          float: left;
          width: 50%;
          text-align: center;
          padding-bottom: 0px; }
          footer.site-footer.mobile .bottom .social-icons .social-icons-in .social-icon svg {
            vertical-align: unset; }

.social-icons {
  position: fixed;
  right: var(--footer-bottom);
  bottom: var(--footer-bottom);
  /* background: white; */
  width: 90px;
  z-index: 3; }
  @media only screen and (max-width: 1024px) {
    .social-icons {
      right: 7px;
      bottom: 7px;
      width: 67px; } }
  .social-icons a {
    text-decoration: none;
    color: unset; }
  .social-icons.dark .social-icons-in {
    background: transparent;
    border: var(--footer-border-border-top) var(--footer-border-border-style) var(--footer-border-color-rgba); }
    .social-icons.dark .social-icons-in .login-icon, .social-icons.dark .social-icons-in .login-txt {
      color: var(--footer-links-color-regular-dark-hex); }
    .social-icons.dark .social-icons-in .social-icon {
      color: var(--footer-icon-color-hex); }
  .social-icons .social-icons-in {
    height: 40px;
    background: transparent;
    border: var(--footer-border-border-top) var(--footer-border-border-style) var(--color-five-hex);
    border-radius: var(--footer-border-radius);
    overflow: hidden;
    text-align: center; }
    @media only screen and (max-width: 1024px) {
      .social-icons .social-icons-in {
        height: 30px; } }
    .social-icons .social-icons-in .social-icon {
      color: var(--color-four-hex);
      font-size: var(--footer-icon-size);
      padding-top: 6px;
      line-height: 1.1;
      float: left;
      width: 50%;
      text-align: center;
      padding-bottom: 0px; }
      @media only screen and (max-width: 1024px) {
        .social-icons .social-icons-in .social-icon {
          font-size: 17px; } }
      .social-icons .social-icons-in .social-icon svg {
        vertical-align: unset; }

footer.hide, footer.hide.site-footer.mobile.posts {
  opacity: 0;
  visibility: hidden; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; }

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em; }
  .widget select {
    max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.cursor__inner {
  z-index: 9999;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 50%;
  display: none;
  /* added 20/2/2023 */ }
  @media only screen and (max-width: 768px) {
    .cursor__inner {
      display: none; } }

.cursor__inner--dot {
  width: 8px;
  height: 8px;
  background: #fff; }

.cursor__inner--circle {
  width: 40px;
  height: 40px;
  mix-blend-mode: difference;
  border: 1px solid #fff; }

.cursor__inner--arrow-left {
  width: 40px;
  height: 40px;
  mix-blend-mode: difference;
  left: -33px;
  top: 8px;
  opacity: 0;
  visibility: hidden; }

.cursor__inner--arrow-right {
  width: 40px;
  height: 40px;
  mix-blend-mode: difference;
  left: 33px;
  top: -10px;
  opacity: 0;
  visibility: hidden; }

/*--------------------------------------------------------------
## Home page
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  .scroller.home {
    z-index: 153; } }

video::-webkit-media-controls, video::-moz-media-controls, video::-o-media-controls, video::-ms-media-controls {
  display: none !important; }

*::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none; }

/* Old shadow dom for play button */
*::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none; }

/* New shadow dom for play button */
/* This one works! */
*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

.content-move {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  align-items: center;
  grid-area: 1 / 1 / 2 / 2;
  justify-self: center;
  will-change: transform;
  overflow: hidden;
  background: var(--color-intro-bg);
  position: relative; }

.home-mobheight {
  height: 300vh; }

.svgmask {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100vh;
  z-index: 3;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-50%, 0, 0) scale(6);
  transform-origin: 50% 50%; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .svgmask {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .svgmask {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .svgmask {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .svgmask {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .svgmask {
      display: none; } }
  .svgmask svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    position: absolute;
    height: 100%; }
    @media (min-aspect-ratio: 170 / 100) {
      .svgmask svg {
        width: 100%;
        height: auto; } }

.navmap {
  position: fixed;
  top: calc(50% + 44px);
  right: 50px;
  width: 75%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  transform: scale(3);
  pointer-events: none; }
  @media only screen and (max-width: 1024px) {
    .navmap {
      right: 20px; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .navmap {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .navmap {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .navmap {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .navmap {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .navmap {
      display: none; } }
  .navmap svg {
    width: 100%;
    height: 100%; }
    .navmap svg #Layer_2 path {
      pointer-events: all; }
  .navmap #photo {
    background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
    position: absolute;
    transform: translate(-50%, -120%);
    left: 0;
    top: 0;
    border-radius: 4px;
    pointer-events: all;
    z-index: 100;
    filter: drop-shadow(0 15px 20px rgba(0, 0, 0, 0.3));
    opacity: 0;
    visibility: hidden;
    max-width: 300px; }
    .navmap #photo #close-photo {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 32px;
      height: 32px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg) center center no-repeat;
      background-size: 16px 16px;
      cursor: pointer;
      pointer-events: all; }
    .navmap #photo .photo-text {
      color: "#ffffff";
      padding: 15px 20px 20px 20px;
      font-size: 15px;
      font-weight: 300;
      max-width: 260px; }
      @media only screen and (max-width: 480px) {
        .navmap #photo .photo-text {
          font-size: 14px; } }
      .navmap #photo .photo-text div {
        margin-bottom: 0px;
        font-size: 22px; }
        @media only screen and (max-width: 480px) {
          .navmap #photo .photo-text div {
            font-size: 19px; } }
      .navmap #photo .photo-text p {
        margin: 0; }
    .navmap #photo button {
      -webkit-transition: color 0.1s ease-in-out;
      -moz-transition: color 0.1s ease-in-out;
      -ms-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
      border-radius: var(--menu-border-radius);
      outline: 0;
      background: #103B51;
      color: var(--color-four-hex);
      /* background: var(--color-one-hex); */
      font-size: 14px;
      margin-top: 10px;
      padding-bottom: 10px;
      cursor: pointer;
      pointer-events: all;
      width: 100%; }
      .navmap #photo button:hover {
        color: white; }
      .navmap #photo button a {
        color: white;
        text-decoration: none; }

.navmap-mob {
  pointer-events: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 100%;
  opacity: 0;
  z-index: 7;
  visibility: visible;
  transform: translate(-50%, -50%) scale(6); }
  @media only screen and (min-width: 769px) {
    .navmap-mob {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .navmap-mob {
      display: block;
      transform: scale(6);
      left: unset;
      right: 50px;
      width: 68%; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .navmap-mob {
      display: block;
      left: unset;
      transform: scale(6);
      right: 50px;
      width: 68%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .navmap-mob {
      display: block;
      transform: scale(6);
      left: unset;
      right: 50px;
      width: 68%; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .navmap-mob {
      display: block;
      left: unset;
      transform: scale(6);
      right: 50px;
      width: 68%; } }
  .navmap-mob svg {
    width: 100%;
    height: 100%; }

.bgvideo {
  width: 100%;
  height: 100%;
  position: fixed;
  transform: translate3d(0, 30%, 0) scale(1.6);
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 2; }
  .bgvideo.two {
    opacity: 0;
    visibility: hidden; }

.bgvideo-two {
  width: 100%;
  height: 100%;
  position: fixed;
  transform: translate3d(0, 30%, 0) scale(1.6);
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 2;
  opacity: 0;
  visibility: hidden; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .bgvideo-two.home {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .bgvideo-two.home {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .bgvideo-two.home {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .bgvideo-two.home {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .bgvideo-two.home {
      display: none; } }

main.home .page-text {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 23px;
  transform: translate(-164px, 0) rotate(-90deg);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1;
  top: calc(88px + 248px);
  cursor: pointer;
  pointer-events: all;
  z-index: 153; }
  main.home .page-text span {
    color: inherit;
    display: inline-block;
    padding: 15px 0;
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding-right: 30px; }
    main.home .page-text span.active, main.home .page-text span:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1280px) {
      main.home .page-text span {
        padding-right: 20px; } }
    main.home .page-text span:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 1440px) {
    main.home .page-text {
      font-size: 11px;
      left: 37px;
      top: calc(88px + 202px); } }
  @media only screen and (max-width: 1280px) {
    main.home .page-text {
      font-size: 10px;
      left: 41px;
      top: calc(88px + 137px); } }
  @media only screen and (max-width: 1024px) {
    main.home .page-text {
      left: 29px;
      top: calc(87px + 117px); } }
  @media only screen and (max-width: 768px) {
    main.home .page-text {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.home .page-text {
      display: none; } }
  main.home .page-text.dark span {
    color: white; }
  main.home .page-text.light span {
    color: var(--color-five-hex); }
main.home #myearth {
  z-index: 1;
  width: calc(50% + 126px - 6vw);
  height: 100vh;
  position: absolute;
  max-height: 100vw;
  right: 0;
  overflow: visible;
  top: 44px; }
  main.home #myearth .earth-overlay {
    position: relative !important; }
  main.home #myearth canvas {
    opacity: 0;
    visibility: hidden; }
  main.home #myearth #photo {
    background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
    position: absolute;
    transform: translate(-50%, -120%);
    left: 0;
    top: 0;
    border-radius: 4px;
    pointer-events: all;
    z-index: 100;
    filter: drop-shadow(0 15px 20px rgba(0, 0, 0, 0.3)); }
    main.home #myearth #photo #close-photo {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 32px;
      height: 32px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg) center center no-repeat;
      background-size: 16px 16px;
      cursor: pointer;
      pointer-events: all; }
    main.home #myearth #photo .photo-text {
      color: "#ffffff";
      padding: 15px 20px 20px 20px;
      font-size: 15px;
      font-weight: 300; }
      main.home #myearth #photo .photo-text div {
        margin-bottom: 5px;
        font-size: 18px; }
      main.home #myearth #photo .photo-text p {
        margin: 0; }
    main.home #myearth #photo button {
      -webkit-transition: color 0.1s ease-in-out;
      -moz-transition: color 0.1s ease-in-out;
      -ms-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
      border-radius: var(--menu-border-radius);
      outline: 0;
      background: #103B51;
      color: var(--color-four-hex);
      /* background: var(--color-one-hex); */
      font-size: 14px;
      margin-top: 10px;
      padding-bottom: 10px;
      cursor: pointer;
      pointer-events: all; }
      main.home #myearth #photo button:hover {
        color: white; }
  main.home #myearth canvas {
    object-fit: cover;
    object-position: right; }
  main.home #myearth #glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    max-width: 100vh;
    height: 100%;
    max-height: 100vw;
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse at center, rgba(0, 184, 255, 0.34) 25%, rgba(0, 193, 255, 0.17) 53%, rgba(0, 179, 255, 0.14) 41%, rgba(0, 156, 255, 0) 70%);
    z-index: 200;
    pointer-events: none; }
main.home .space {
  height: 100vh; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .space {
      height: 80vh; } }
main.home .space2 {
  position: relative;
  height: 100vh;
  top: -30vh; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .space2 {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .space2 {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .space2 {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .space2 {
      display: none; } }
  @media only screen and (max-width: 768px) {
    main.home .space2 {
      display: none; } }
main.home .animation-height {
  height: 2000px;
  position: relative;
  top: 0; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .animation-height {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .animation-height {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .animation-height {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .animation-height {
      display: none; } }
  @media only screen and (max-width: 768px) {
    main.home .animation-height {
      display: none; } }
main.home .animation-height2 {
  height: 2000px;
  position: relative;
  top: 0; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .animation-height2 {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .animation-height2 {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .animation-height2 {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .animation-height2 {
      display: none; } }
  @media only screen and (max-width: 768px) {
    main.home .animation-height2 {
      display: none; } }
main.home .mobspace {
  height: 200vh;
  position: relative;
  top: 0;
  position: relative; }
  @media only screen and (min-width: 769px) {
    main.home .mobspace {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .mobspace {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .mobspace {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .mobspace {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .mobspace {
      display: block; } }
main.home .earthspace {
  height: 300px;
  position: relative;
  top: 0;
  position: relative; }
  @media only screen and (min-width: 769px) {
    main.home .earthspace {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .earthspace {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .earthspace {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .earthspace {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .earthspace {
      display: block; } }
  @media only screen and (max-width: 480px) {
    main.home .earthspace {
      height: 200px; } }
main.home .mob-home-images {
  position: fixed;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  display: none; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .mob-home-images {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .mob-home-images {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .mob-home-images {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .mob-home-images {
      display: block; } }
  @media only screen and (max-width: 768px) {
    main.home .mob-home-images {
      display: block; } }
  main.home .mob-home-images .image {
    height: 100%; }
    main.home .mob-home-images .image.one img {
      opacity: 1;
      visibility: visible; }
    main.home .mob-home-images .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      opacity: 0;
      visibility: hidden; }
main.home .mob-home-svg {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 5;
  left: 50%;
  display: none;
  opacity: 0;
  transform-origin: 0% 50%; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .mob-home-svg {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home .mob-home-svg {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home .mob-home-svg {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home .mob-home-svg {
      display: block; } }
  @media only screen and (max-width: 768px) {
    main.home .mob-home-svg {
      display: block; } }
  @media only screen and (max-width: 480px) {
    main.home .mob-home-svg {
      display: block; } }
  main.home .mob-home-svg svg {
    height: 100%;
    left: -10%;
    left: 50%;
    transform: translate(-50%, 0); }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      main.home .mob-home-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      main.home .mob-home-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      main.home .mob-home-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      main.home .mob-home-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      main.home .mob-home-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-width: 241px) and (max-width: 480px) {
      main.home .mob-home-svg svg#mobsvg1 {
        display: none; } }
main.home .section {
  position: relative; }
  main.home .section.one {
    padding: var(--page-margin-top) var(--page-margin-right) 0 var(--page-margin-left); }
    main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5px;
      color: var(--color-five-hex);
      transform: scale(3.4);
      opacity: 0;
      pointer-events: all;
      transform-origin: 0% 0%; }
      @media only screen and (max-width: 480px) {
        main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) {
          display: none; } }
      main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row {
        display: flex;
        position: relative; }
        main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row.last-child .col .bottom-line {
          width: 100%;
          height: 1px;
          background-color: var(--color-five-hex);
          bottom: 0;
          left: 0;
          position: absolute; }
        main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col {
          flex: 1 1 auto;
          margin-right: 4.2vw;
          width: calc(33.3% - 4.2vw);
          /* border-right: 1px solid #889da8; */
          /* border-collapse: separate; */
          /* padding-right: 2.2vw; */
          position: relative;
          padding-top: 3.4vh;
          padding-bottom: 3.3vh; }
          main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .top-line {
            content: '';
            width: 0%;
            height: 1px;
            background-color: var(--color-five-hex);
            top: 0;
            left: 0;
            position: absolute; }
          @media only screen and (max-width: 768px) {
            main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col {
              padding-top: 5vh;
              padding-bottom: 3vw; } }
          main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col:last-child {
            margin-right: 0;
            border-right: none; }
          main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col:not(:last-child):after {
            content: "";
            width: 1px;
            right: -2.1vw;
            height: calc(100% + 1px);
            background-color: var(--color-five-hex);
            top: 0;
            position: absolute; }
          main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
            font-weight: 600;
            font-size: 3.4vw;
            line-height: 1.1;
            margin: 0; }
            @media only screen and (max-width: 1280px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 4.2vw; } }
            @media only screen and (max-width: 1024px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 4.5vw; } }
            @media only screen and (max-width: 768px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 5vw; } }
            @media only screen and (max-width: 480px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 11vw;
                line-height: 1; } }
          main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.1; }
            @media only screen and (max-width: 1440px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 20px; } }
            @media only screen and (max-width: 1024px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 16px; } }
            @media only screen and (max-width: 768px) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.1;
                margin-top: 0; } }
          main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
            position: relative;
            padding: 0 2vw;
            border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
            background: var(--bg-color-dark-hex);
            margin-right: 1.5vw;
            flex: 1 1 auto;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
            border-radius: var(--menu-border-radius); }
            main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:last-child {
              margin-right: 0; }
            @media only screen and (orientation: portrait) {
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
                width: calc(50% - 3vw);
                margin-bottom: 3vw; }
                main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(odd) {
                  margin-right: 3vw; }
                main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(even) {
                  margin-right: 0; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
    width: calc(100%);
    margin-bottom: 3vw; }
    main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(odd) {
      margin-right: 0; }
    main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(even) {
      margin-right: 0; } }

            main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-icon img {
              height: 3.5vw; }
            main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
              padding-top: 10vh;
              padding-bottom: 1.8vw; }
              @media only screen and (max-width: 1440px) {
                main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
                  font-size: 0.9rem;
                  padding-top: 2vh;
                  padding-bottom: 1.8vw; } }
              @media only screen and (max-width: 1024px) {
                main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
                  font-size: 0.8rem;
                  padding-bottom: 1.3vw; } }
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-title h3 {
                font-weight: 200;
                margin-bottom: 0;
                background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                width: auto;
                display: inline-block;
                font-size: 3.4vw;
                line-height: 1.1; }
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content-separator img {
                height: 0.3vw; }
              main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content {
                font-size: 22px;
                font-weight: 500;
                margin-top: 0;
                color: white; }
                main.home .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content p {
                  margin: 0; }
    main.home .section.one .boxes.mobile {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5px;
      color: var(--color-five-hex);
      transform: scale(2.09);
      transform-origin: 0% 0%;
      opacity: 0;
      pointer-events: none; }
      @media only screen and (min-width: 481px) {
        main.home .section.one .boxes.mobile {
          display: none; } }
      main.home .section.one .boxes.mobile .row {
        display: flex;
        position: relative; }
        main.home .section.one .boxes.mobile .row.last-child .col .bottom-line {
          width: 100%;
          height: 1px;
          background-color: var(--color-five-hex);
          bottom: 0;
          left: 0;
          position: absolute; }
        main.home .section.one .boxes.mobile .row .col {
          flex: 1 1 auto;
          margin-right: 4.2vw;
          width: calc(50% - 4.2vw);
          /* border-right: 1px solid #889da8; */
          /* border-collapse: separate; */
          /* padding-right: 2.2vw; */
          position: relative;
          padding-top: 3.4vh;
          padding-bottom: 3.3vh; }
          main.home .section.one .boxes.mobile .row .col .top-line {
            content: '';
            width: 0%;
            height: 1px;
            background-color: var(--color-five-hex);
            top: 0;
            left: 0;
            position: absolute; }
          @media only screen and (max-width: 480px) {
            main.home .section.one .boxes.mobile .row .col {
              padding-top: 8vh; } }
          main.home .section.one .boxes.mobile .row .col:last-child {
            margin-right: 0;
            border-right: none; }
          main.home .section.one .boxes.mobile .row .col:not(:last-child):after {
            content: "";
            width: 1px;
            right: -2.1vw;
            height: calc(100% + 1px);
            background-color: var(--color-five-hex);
            top: 0;
            position: absolute; }
          main.home .section.one .boxes.mobile .row .col .number h3 {
            font-weight: 600;
            font-size: 3.4vw;
            line-height: 1.1;
            margin: 0; }
            @media only screen and (max-width: 768px) {
              main.home .section.one .boxes.mobile .row .col .number h3 {
                font-size: 7.7vw; } }
            @media only screen and (max-width: 480px) {
              main.home .section.one .boxes.mobile .row .col .number h3 {
                font-size: 10vw; } }
          main.home .section.one .boxes.mobile .row .col .desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.1; }
            @media only screen and (max-width: 768px) {
              main.home .section.one .boxes.mobile .row .col .desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.1;
                margin-top: 10px; } }
          main.home .section.one .boxes.mobile .row .col .box {
            position: relative;
            padding: 0 2vw;
            border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
            background: var(--bg-color-dark-hex);
            margin-right: 1.5vw;
            flex: 1 1 auto;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
            border-radius: var(--menu-border-radius); }
            main.home .section.one .boxes.mobile .row .col .box:last-child {
              margin-right: 0; }
            @media only screen and (orientation: portrait) {
              main.home .section.one .boxes.mobile .row .col .box {
                width: calc(50% - 3vw);
                margin-bottom: 3vw; }
                main.home .section.one .boxes.mobile .row .col .box:nth-child(odd) {
                  margin-right: 3vw; }
                main.home .section.one .boxes.mobile .row .col .box:nth-child(even) {
                  margin-right: 0; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home .section.one .boxes.mobile .row .col .box {
    width: calc(100%);
    margin-bottom: 3vw; }
    main.home .section.one .boxes.mobile .row .col .box:nth-child(odd) {
      margin-right: 0; }
    main.home .section.one .boxes.mobile .row .col .box:nth-child(even) {
      margin-right: 0; } }

            main.home .section.one .boxes.mobile .row .col .box .box-icon img {
              height: 3.5vw; }
            main.home .section.one .boxes.mobile .row .col .box .box-inner {
              padding-top: 10vh;
              padding-bottom: 3.3vh; }
              @media only screen and (max-width: 1440px) {
                main.home .section.one .boxes.mobile .row .col .box .box-inner {
                  font-size: 0.9rem;
                  padding-top: 2vh;
                  padding-bottom: 2vh; } }
              @media only screen and (max-width: 1024px) {
                main.home .section.one .boxes.mobile .row .col .box .box-inner {
                  font-size: 0.8rem; } }
              main.home .section.one .boxes.mobile .row .col .box .box-inner .box-title h3 {
                font-weight: 200;
                margin-bottom: 0;
                background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                width: auto;
                display: inline-block;
                font-size: 3.4vw;
                line-height: 1.1; }
              main.home .section.one .boxes.mobile .row .col .box .box-inner .box-content-separator img {
                height: 0.3vw; }
              main.home .section.one .boxes.mobile .row .col .box .box-inner .box-content {
                font-size: 22px;
                font-weight: 500;
                margin-top: 0;
                color: white; }
                main.home .section.one .boxes.mobile .row .col .box .box-inner .box-content p {
                  margin: 0; }
    main.home .section.one .explore-btn {
      margin-top: 40px;
      background: 0 0;
      border-radius: var(--menu-border-radius);
      width: 160px;
      padding: 8px 25px 8px 35px;
      margin: 50px 0;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--color-five-hex);
      backdrop-filter: blur(var(--menu-blur)); }
      @media only screen and (max-width: 768px) {
        main.home .section.one .explore-btn {
          width: 110px;
          padding: 6.5px 10px 6.5px 20px;
          margin: 20px 0 70px; } }
      main.home .section.one .explore-btn:hover a svg {
        right: -10px; }
      main.home .section.one .explore-btn a {
        text-decoration: none;
        color: var(--color-five-hex);
        font-weight: 600;
        font-size: 16px; }
        @media only screen and (max-width: 768px) {
          main.home .section.one .explore-btn a {
            font-size: 14px; } }
        main.home .section.one .explore-btn a svg {
          -webkit-transition: right 0.3s ease-in-out;
          -moz-transition: right 0.3s ease-in-out;
          -ms-transition: right 0.3s ease-in-out;
          -o-transition: right 0.3s ease-in-out;
          transition: right 0.3s ease-in-out;
          padding-left: 0px;
          padding-top: 4px;
          width: 42px;
          position: relative;
          right: 0px; }
          @media only screen and (max-width: 768px) {
            main.home .section.one .explore-btn a svg {
              width: 16px; } }
    @media only screen and (max-width: 1920px) {
      main.home .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xxxl) 0 var(--page-margin-left-xxxl);
        padding-top: 130px; } }
    @media only screen and (max-width: 1440px) {
      main.home .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xxl) 0 var(--page-margin-left-xxl);
        padding-top: 120px; } }
    @media only screen and (max-width: 1280px) {
      main.home .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xl) 0 var(--page-margin-left-xl);
        padding-top: 120px; } }
    @media only screen and (max-width: 1024px) {
      main.home .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-l) 0 var(--page-margin-left-l);
        padding-top: 83px; } }
    @media only screen and (max-width: 768px) {
      main.home .section.one {
        min-height: unset;
        position: relative;
        padding: var(--page-margin-top-ml) var(--page-margin-left-ml);
        padding-top: 83px;
        padding-bottom: var(--page-margin-left-ml); } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home .section.one {
    padding-top: var(--page-margin-top-m);
    padding-left: var(--page-margin-left-m);
    padding-right: var(--page-margin-right-m); } }

    main.home .section.one h1 {
      color: var(--color-five-hex);
      font-size: 7.15vw;
      line-height: 0.9;
      margin-top: 0.1em; }
      @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        main.home .section.one h1 {
          letter-spacing: -1px; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.home .section.one h1 {
          letter-spacing: -1px; } }
    main.home .section.one h2 {
      color: var(--color-five-hex);
      font-size: 7.15vw;
      line-height: 0.95;
      margin-top: 0.1em; }
    main.home .section.one .section-title {
      margin-bottom: calc(4.2vw); }
      @media only screen and (min-width: 481px) {
        main.home .section.one .section-title.mobile {
          display: none; } }
      @media only screen and (max-width: 480px) {
        main.home .section.one .section-title.desktop {
          display: none; } }
      main.home .section.one .section-title h1 {
        opacity: 1; }
        @media only screen and (max-width: 1440px) {
          main.home .section.one .section-title h1 {
            font-size: 7.8vw; } }
        @media only screen and (max-width: 1024px) {
          main.home .section.one .section-title h1 {
            font-size: 7vw;
            margin-bottom: calc(5.1vw); } }
        @media only screen and (max-width: 768px) {
          main.home .section.one .section-title h1 {
            font-size: 8.5vw;
            line-height: 0.95; } }
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
          main.home .section.one .section-title h1 {
            font-size: 8.1vw; } }
        @media only screen and (max-width: 480px) {
          main.home .section.one .section-title h1 {
            font-size: 15.3vw; } }
    main.home .section.one .business-activities {
      position: relative;
      text-align: center; }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.home .section.one .business-activities {
          display: none; } }
      @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        main.home .section.one .business-activities {
          display: none; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
        main.home .section.one .business-activities {
          display: none; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
        main.home .section.one .business-activities {
          display: none; } }
      @media only screen and (max-width: 768px) {
        main.home .section.one .business-activities {
          display: none; } }
      main.home .section.one .business-activities h4 {
        letter-spacing: 13px;
        color: transparent; }
        @media only screen and (max-width: 1440px) {
          main.home .section.one .business-activities h4 {
            font-size: 33px; } }
  @media only screen and (max-width: 1440px) and (orientation: portrait) {
    main.home .section.one .business-activities h4 {
      padding-top: 10px; } }

        @media only screen and (max-width: 1280px) {
          main.home .section.one .business-activities h4 {
            font-size: 2.1vw;
            margin-top: 23px; } }
        @media only screen and (max-width: 1024px) {
          main.home .section.one .business-activities h4 {
            font-size: 2.5vw;
            letter-spacing: 7px; } }
  main.home .section.two {
    padding: 0 var(--page-margin-right) 180px var(--page-margin-left);
    color: white;
    padding-bottom: calc(var(--page-margin-left) + 20px + 40px); }
    @media only screen and (max-width: 1920px) {
      main.home .section.two {
        padding: var(--page-margin-left-xxxl);
        padding-bottom: calc(var(--page-margin-left-xxxl) + 20px + 40px); } }
    @media only screen and (max-width: 1440px) {
      main.home .section.two {
        padding: var(--page-margin-left-xxl);
        padding-bottom: calc(var(--page-margin-left-xxl) + 20px + 40px); } }
    @media only screen and (max-width: 1280px) {
      main.home .section.two {
        padding: var(--page-margin-left-xl);
        flex-wrap: wrap;
        padding-bottom: calc(var(--page-margin-left-xl) + 20px + 40px); } }
    @media only screen and (max-width: 1024px) {
      main.home .section.two {
        padding: var(--page-margin-top-l) var(--page-margin-left-l);
        padding-bottom: calc(var(--page-margin-left-l) + 20px + 40px); } }
    @media only screen and (min-width: 769px) and (max-width: 900px) {
      main.home .section.two {
        padding-bottom: 0; } }
    @media only screen and (max-width: 768px) {
      main.home .section.two {
        padding: var(--page-margin-left-ml);
        padding-top: 170px; } }
    @media only screen and (max-width: 480px) {
      main.home .section.two {
        padding: var(--page-margin-left-m);
        padding-bottom: var(--page-margin-left-m);
        padding-top: 0;
        padding-bottom: 0; } }
    @media only screen and (min-width: 769px) and (max-width: 900px) {
      main.home .section.two footer {
        position: absolute !important;
        left: 7px;
        width: calc(100% - 14px); }
        main.home .section.two footer .bottom {
          bottom: 0;
          position: relative; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      main.home .section.two footer {
        position: absolute !important;
        left: 7px;
        width: calc(100% - 14px); }
        main.home .section.two footer .bottom {
          bottom: 0;
          position: relative; } }
    main.home .section.two .explore-btn-contact {
      position: absolute;
      bottom: 1.1vw;
      font-size: 14px; }
      @media only screen and (max-width: 1280px) {
        main.home .section.two .explore-btn-contact {
          font-size: 12px; } }
      @media only screen and (max-width: 768px) {
        main.home .section.two .explore-btn-contact {
          position: absolute;
          bottom: 3vw;
          font-size: 12px; } }
      @media only screen and (max-width: 480px) {
        main.home .section.two .explore-btn-contact {
          position: absolute;
          bottom: 3vw;
          font-size: 11px; } }
      main.home .section.two .explore-btn-contact a {
        color: var(--color-four-hex);
        text-decoration: none; }
    main.home .section.two .explore-btn-news {
      border-radius: var(--menu-border-radius);
      width: 160px;
      padding: 8px 25px 8px 35px;
      margin: 50px 0;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
      -webkit-transition: border 0.3s ease-in-out;
      -moz-transition: border 0.3s ease-in-out;
      -ms-transition: border 0.3s ease-in-out;
      -o-transition: border 0.3s ease-in-out;
      transition: border 0.3s ease-in-out; }
      @media only screen and (max-width: 768px) {
        main.home .section.two .explore-btn-news {
          width: 110px;
          padding: 6.5px 10px 6.5px 20px;
          margin: 20px 0 70px; } }
      main.home .section.two .explore-btn-news:hover {
        border: var(--menu-border-border-top) var(--menu-border-border-style) white; }
        main.home .section.two .explore-btn-news:hover a {
          color: white; }
        main.home .section.two .explore-btn-news:hover a svg {
          right: -10px;
          color: white; }
      main.home .section.two .explore-btn-news a {
        text-decoration: none;
        color: var(--color-four-hex);
        font-weight: 600;
        font-size: 16px;
        width: 100%;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out; }
        @media only screen and (max-width: 768px) {
          main.home .section.two .explore-btn-news a {
            font-size: 14px; } }
        main.home .section.two .explore-btn-news a svg {
          -webkit-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          -moz-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          -ms-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          -o-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          padding-left: 0px;
          padding-top: 4px;
          width: 32px;
          position: relative;
          right: 0px; }
          @media only screen and (max-width: 768px) {
            main.home .section.two .explore-btn-news a svg {
              width: 16px; } }
    main.home .section.two .boxes {
      position: relative;
      display: block;
      width: 35%;
      color: white; }
      @media only screen and (max-width: 768px) {
        main.home .section.two .boxes {
          width: 100%;
          margin-top: 2vw; } }
      main.home .section.two .boxes .box-row {
        display: flex; }
        @media only screen and (max-width: 768px) {
          main.home .section.two .boxes .box-row {
            flex-wrap: wrap; } }
        main.home .section.two .boxes .box-row.one {
          margin-bottom: 2.2vw; }
          @media only screen and (max-width: 768px) {
            main.home .section.two .boxes .box-row.one {
              margin-bottom: 0; } }
        main.home .section.two .boxes .box-row.one .box {
          width: calc(25% - 2.2vw); }
        main.home .section.two .boxes .box-row .box {
          position: relative;
          padding: 0 1.2vw;
          border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
          background: var(--bg-color-dark-hex);
          margin-right: 1.2vw;
          flex: 1 1 auto;
          box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
          border-radius: var(--menu-border-radius); }
          @media only screen and (max-width: 1280px) {
            main.home .section.two .boxes .box-row .box {
              padding: 0 1vw;
              margin-right: 0.8vw; } }
          @media only screen and (max-width: 1024px) {
            main.home .section.two .boxes .box-row .box {
              padding: 0 0.7vw;
              margin-right: 0.7vw; } }
          @media only screen and (max-width: 768px) {
            main.home .section.two .boxes .box-row .box {
              padding: 0 3vw;
              margin-right: 3vw; } }
          @media only screen and (max-width: 480px) {
            main.home .section.two .boxes .box-row .box {
              padding: 0 3vw; } }
          main.home .section.two .boxes .box-row .box:last-child {
            margin-right: 0; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home .section.two .boxes .box-row .box {
    width: calc(100%);
    margin-bottom: 50px; } }

          main.home .section.two .boxes .box-row .box .box-icon img {
            height: 3.5vw; }
          main.home .section.two .boxes .box-row .box .box-inner {
            padding-top: 7vh;
            padding-bottom: 3.2vw; }
            @media only screen and (max-width: 1440px) {
              main.home .section.two .boxes .box-row .box .box-inner {
                font-size: 0.9rem;
                padding-top: 7vh;
                padding-bottom: 3.2vw; } }
            @media only screen and (max-width: 1024px) {
              main.home .section.two .boxes .box-row .box .box-inner {
                font-size: 0.8rem;
                padding-top: 4vh;
                padding-bottom: 0.7vw;
                padding-bottom: 3.2vw; } }
            @media only screen and (max-width: 768px) {
              main.home .section.two .boxes .box-row .box .box-inner {
                padding-top: 4vh;
                padding-bottom: 8vw; } }
            @media only screen and (max-width: 480px) {
              main.home .section.two .boxes .box-row .box .box-inner {
                padding-top: 4vh;
                padding-bottom: 40px; } }
            main.home .section.two .boxes .box-row .box .box-inner .box-title h3 {
              font-weight: 200;
              margin-bottom: 0;
              background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              width: auto;
              display: inline-block;
              font-size: 2.7vw;
              line-height: 1.1; }
              @media only screen and (max-width: 1440px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 3.2vw; } }
              @media only screen and (max-width: 1024px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 3.2vw; } }
              @media only screen and (max-width: 768px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 7vw; } }
              @media only screen and (max-width: 480px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 10vw; } }
            main.home .section.two .boxes .box-row .box .box-inner .box-content-separator img {
              height: 0.3vw; }
            main.home .section.two .boxes .box-row .box .box-inner .box-content {
              font-size: 22px;
              font-weight: 500;
              margin-top: 0;
              color: white;
              line-height: 1; }
              @media only screen and (max-width: 1920px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 18px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 1440px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 16px;
                  line-height: 1.3; } }
              @media only screen and (max-width: 1280px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 14px; } }
              @media only screen and (max-width: 1024px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 12px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 768px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 2.6vw;
                  line-height: 1.1; } }
              @media only screen and (max-width: 480px) {
                main.home .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 16px; } }
              main.home .section.two .boxes .box-row .box .box-inner .box-content p {
                margin: 0; }
    main.home .section.two .navig8news {
      margin-top: 30px; }
      @media only screen and (max-width: 768px) {
        main.home .section.two .navig8news {
          margin-top: 0; } }
      main.home .section.two .navig8news .news-container {
        display: block; }
        main.home .section.two .navig8news .news-container:after {
          content: "";
          display: table;
          clear: both; }
        main.home .section.two .navig8news .news-container .news-content {
          background-color: #fff;
          float: left;
          width: 100%;
          border-radius: var(--menu-border-radius);
          position: relative;
          left: 0;
          z-index: 100;
          height: 0vh;
          overflow: hidden; }
          main.home .section.two .navig8news .news-container .news-content .text {
            color: var(--color-two-hex);
            font-size: 17px;
            overflow: hidden;
            padding: 120px 60px 150px;
            max-height: 60vh;
            width: 65%;
            /* width: 50%; */
            max-width: 800px;
            margin: 0 auto;
            background-color: white; }
            @media only screen and (max-width: 1024px) {
              main.home .section.two .navig8news .news-container .news-content .text {
                width: auto; } }
            @media only screen and (max-width: 768px) {
              main.home .section.two .navig8news .news-container .news-content .text {
                margin: 0 var(--page-margin-left-ml);
                margin-right: 10px;
                padding: 28px 0; } }
            @media only screen and (max-width: 480px) {
              main.home .section.two .navig8news .news-container .news-content .text {
                margin: 0;
                padding: 28px 0 28px 22px; } }
            main.home .section.two .navig8news .news-container .news-content .text div:not(.scroll-content) p {
              margin-bottom: 0;
              margin-top: 0; }
            main.home .section.two .navig8news .news-container .news-content .text div:not(.scroll-content) hr {
              margin: 8px 0; }
            main.home .section.two .navig8news .news-container .news-content .text .scroll-content {
              padding-bottom: 0px;
              padding-right: 25px;
              padding-bottom: 25px; }
              @media only screen and (max-width: 768px) {
                main.home .section.two .navig8news .news-container .news-content .text .scroll-content {
                  padding-right: 25px;
                  padding-bottom: 25px; } }
            main.home .section.two .navig8news .news-container .news-content .text p {
              margin-top: 0;
              margin-bottom: 1.1em;
              line-height: 1.7;
              font-weight: 400;
              text-align: justify; }
              @media only screen and (max-width: 480px) {
                main.home .section.two .navig8news .news-container .news-content .text p {
                  text-align: left;
                  line-height: 1.4; } }
        main.home .section.two .navig8news .news-container:after {
          content: "";
          display: table;
          clear: both; }
        main.home .section.two .navig8news .news-container .news-item {
          float: left;
          color: white;
          position: relative;
          border-bottom: 1px solid #2A5F70; }
          main.home .section.two .navig8news .news-container .news-item:first-child {
            border-top: 1px solid #2A5F70; }
          main.home .section.two .navig8news .news-container .news-item .news-item-in {
            position: absolute;
            border-radius: var(--menu-border-radius);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            cursor: pointer; }
          main.home .section.two .navig8news .news-container .news-item:hover {
            z-index: 100; }
          main.home .section.two .navig8news .news-container .news-item .column.one .news-category, main.home .section.two .navig8news .news-container .news-item .column.one .news-date {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            z-index: 1;
            position: relative; }
            @media only screen and (max-width: 1920px) {
              main.home .section.two .navig8news .news-container .news-item .column.one .news-category, main.home .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 13px; } }
            @media only screen and (max-width: 1440px) {
              main.home .section.two .navig8news .news-container .news-item .column.one .news-category, main.home .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 12px;
                letter-spacing: 0; } }
            @media only screen and (max-width: 1024px) {
              main.home .section.two .navig8news .news-container .news-item .column.one .news-category, main.home .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 11px; } }
            @media only screen and (max-width: 768px) {
              main.home .section.two .navig8news .news-container .news-item .column.one .news-category, main.home .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 11px; } }
            @media only screen and (max-width: 480px) {
              main.home .section.two .navig8news .news-container .news-item .column.one .news-category, main.home .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 9px; } }
            main.home .section.two .navig8news .news-container .news-item .column.one .news-category .colorbg, main.home .section.two .navig8news .news-container .news-item .column.one .news-date .colorbg {
              content: '';
              top: 0;
              width: 0%;
              position: absolute;
              left: 0;
              height: 0%;
              z-index: -1; }
          main.home .section.two .navig8news .news-container .news-item .column.two {
            display: flex;
            align-items: center; }
            main.home .section.two .navig8news .news-container .news-item .column.two .news-title {
              font-size: 1.7vw;
              font-weight: 600;
              width: 100%; }
          main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
            height: 166px;
            width: 100%; }
            @media only screen and (max-width: 1920px) {
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 155px; } }
            @media only screen and (max-width: 1440px) {
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 123px; } }
            @media only screen and (max-width: 1280px) {
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 116px; } }
            @media only screen and (max-width: 1024px) {
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 126px; } }
            @media only screen and (max-width: 768px) {
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 100px; } }
            @media only screen and (max-width: 480px) {
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 130px; } }
            main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .news-item-in {
              display: flex; }
            main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column {
              flex: 1 1 auto; }
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                width: calc(16.66% - 8px);
                height: calc(100% - 8px);
                margin: 4px 0;
                border-right: 1px solid #2A5F70; }
                @media only screen and (max-width: 1024px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                    width: calc(8% - 12px); } }
                @media only screen and (max-width: 768px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                    width: calc(26% - 8px); } }
                @media only screen and (max-width: 480px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                    width: calc(27% - 8px); } }
                main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                  display: flex;
                  align-items: center;
                  width: calc(100% - 8px);
                  padding: 0px 50px;
                  margin: 0 4px;
                  height: 50%;
                  padding-right: 10px; }
                  @media only screen and (max-width: 1440px) {
                    main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0 40px;
                      padding-right: 5px; } }
                  @media only screen and (max-width: 1280px) {
                    main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0 30px;
                      padding-right: 5px; } }
                  @media only screen and (max-width: 1024px) {
                    main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0 1.5vw 0 1.5vw;
                      padding-right: 0.2vw; } }
                  @media only screen and (max-width: 480px) {
                    main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0px 0px 0px 5px; } }
                main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category {
                  border-bottom: 1px solid #2A5F70; }
              main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                width: 83.34%;
                padding: 0 60px; }
                @media only screen and (max-width: 1440px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0 40px; } }
                @media only screen and (max-width: 1280px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0 30px; } }
                @media only screen and (max-width: 1024px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0 25px; } }
                @media only screen and (max-width: 480px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0px 15px; } }
                @media only screen and (max-width: 480px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    width: 73%; } }
                @media only screen and (max-width: 1440px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 25px; } }
                @media only screen and (max-width: 1280px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 23px; } }
                @media only screen and (max-width: 1024px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 2.3vw; } }
                @media only screen and (max-width: 768px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 18px; } }
                @media only screen and (max-width: 480px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 16.5px;
                    line-height: 1.3; } }
                @media only screen and (min-width: 769px) and (max-width: 1024px) {
                  main.home .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    width: 74%; } }
    main.home .section.two .full-height {
      height: 90vh;
      min-height: 55vw;
      max-height: 55vw;
      position: relative; }
      @media (min-aspect-ratio: 3 / 1) {
        main.home .section.two .full-height {
          min-height: 65vw; } }
      @media only screen and (max-width: 1920px) {
        main.home .section.two .full-height {
          min-height: 48vw;
          max-height: 48vw; } }
      @media only screen and (max-width: 1600px) {
        main.home .section.two .full-height {
          min-height: 38vw;
          max-height: 38vw; } }
      @media only screen and (max-width: 1440px) {
        main.home .section.two .full-height {
          max-height: 37vw;
          min-height: 37vw; } }
      @media only screen and (max-width: 1280px) {
        main.home .section.two .full-height {
          min-height: 52vw;
          max-height: 60vw; } }
      @media only screen and (max-width: 1024px) {
        main.home .section.two .full-height {
          height: 80vh;
          max-height: 39vw; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.home .section.two .full-height {
          height: 80vh !important;
          max-height: 31vw !important;
          min-height: 30vw !important; } }
      @media only screen and (max-width: 768px) {
        main.home .section.two .full-height {
          height: auto;
          max-height: unset; } }
      main.home .section.two .full-height .full-height-in {
        position: absolute;
        bottom: -50px;
        width: 100%; }
        @media only screen and (max-width: 1024px) {
          main.home .section.two .full-height .full-height-in {
            bottom: -30px; } }
        @media only screen and (max-width: 768px) {
          main.home .section.two .full-height .full-height-in {
            bottom: 0;
            position: relative; } }
      main.home .section.two .full-height .full-bg {
        width: 85%;
        margin: 0 0 0 auto;
        top: 40px;
        position: relative; }
        main.home .section.two .full-height .full-bg svg {
          -webkit-filter: drop-shadow(6px 6px 6px rgba(0, 0, 11, 0.2));
          filter: drop-shadow(6px 6px 6px rgba(0, 0, 11, 0.2)); }
      main.home .section.two .full-height h6 {
        color: var(--color-four-hex);
        font-weight: 600;
        font-size: 19px;
        letter-spacing: 1px;
        line-height: 1.6; }
        main.home .section.two .full-height h6.latest {
          margin-top: 6vw;
          margin-bottom: 40px; }
        @media only screen and (max-width: 1440px) {
          main.home .section.two .full-height h6 {
            font-size: 17px;
            line-height: 1.5; } }
        @media only screen and (max-width: 1280px) {
          main.home .section.two .full-height h6 {
            font-size: 16px; } }
        @media only screen and (max-width: 1024px) {
          main.home .section.two .full-height h6 {
            font-size: 15px;
            letter-spacing: 0px;
            margin-bottom: 0.3em;
            margin-top: 6em; }
            main.home .section.two .full-height h6.latest {
              margin-top: 30px; } }
        @media only screen and (max-width: 768px) {
          main.home .section.two .full-height h6 {
            margin-top: 0.5em;
            margin-bottom: 0;
            font-size: 13px; } }
        @media only screen and (max-width: 768px) {
          main.home .section.two .full-height h6 {
            margin-bottom: 5px; }
            main.home .section.two .full-height h6.latest {
              margin-top: 30px; } }
    @media only screen and (max-width: 768px) and (max-width: 480px) {
      main.home .section.two .full-height h6.latest {
        margin-top: 0; } }

      main.home .section.two .full-height h2 {
        line-height: 1.04;
        font-size: 1.9vw;
        font-weight: 300;
        margin-top: 7px;
        margin-bottom: 1em; }
        @media only screen and (max-width: 1440px) {
          main.home .section.two .full-height h2 {
            font-size: 2.5vw;
            margin-bottom: 0.7em; } }
        @media only screen and (max-width: 1024px) {
          main.home .section.two .full-height h2 {
            font-size: 2.4vw;
            width: 70%; }
            main.home .section.two .full-height h2 br:nth-child(2) {
              display: none; } }
        @media only screen and (max-width: 768px) {
          main.home .section.two .full-height h2 {
            width: 60%;
            font-size: 4vw;
            line-height: 1; }
            main.home .section.two .full-height h2 br:nth-child(2) {
              display: none; } }
        @media only screen and (max-width: 480px) {
          main.home .section.two .full-height h2 {
            font-size: 24px;
            width: 100%;
            max-width: 280px; } }
      main.home .section.two .full-height .bottom-left {
        padding-top: 4vh;
        left: 0;
        position: relative;
        letter-spacing: -.1px;
        width: 50%; }
        @media only screen and (max-width: 768px) {
          main.home .section.two .full-height .bottom-left {
            width: 100%;
            padding-top: 10px; } }

/*--------------------------------------------------------------
## Home page new
--------------------------------------------------------------*/
main.home-new .page-text {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 23px;
  transform: translate(-164px, 0) rotate(-90deg);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1;
  top: calc(88px + 248px);
  cursor: pointer;
  pointer-events: all;
  z-index: 153; }
  main.home-new .page-text span {
    color: inherit;
    display: inline-block;
    padding: 15px 0;
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding-right: 30px; }
    main.home-new .page-text span.active, main.home-new .page-text span:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1280px) {
      main.home-new .page-text span {
        padding-right: 20px; } }
    main.home-new .page-text span:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 1440px) {
    main.home-new .page-text {
      font-size: 11px;
      left: 37px;
      top: calc(88px + 202px); } }
  @media only screen and (max-width: 1280px) {
    main.home-new .page-text {
      font-size: 10px;
      left: 41px;
      top: calc(88px + 137px); } }
  @media only screen and (max-width: 1024px) {
    main.home-new .page-text {
      left: 29px;
      top: calc(87px + 117px); } }
  @media only screen and (max-width: 768px) {
    main.home-new .page-text {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.home-new .page-text {
      display: none; } }
  main.home-new .page-text.dark span {
    color: white; }
  main.home-new .page-text.light span {
    color: var(--color-five-hex); }
main.home-new #myearth {
  z-index: 1;
  width: calc(50% + 126px - 6vw);
  height: 100vh;
  position: absolute;
  max-height: 100vw;
  right: 0;
  overflow: visible;
  top: 44px; }
  main.home-new #myearth .earth-overlay {
    position: relative !important; }
  main.home-new #myearth canvas {
    opacity: 0;
    visibility: hidden; }
  main.home-new #myearth #photo {
    background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
    position: absolute;
    transform: translate(-50%, -120%);
    left: 0;
    top: 0;
    border-radius: 4px;
    pointer-events: all;
    z-index: 100;
    filter: drop-shadow(0 15px 20px rgba(0, 0, 0, 0.3)); }
    main.home-new #myearth #photo #close-photo {
      position: absolute;
      right: 2px;
      top: 2px;
      width: 32px;
      height: 32px;
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg) center center no-repeat;
      background-size: 16px 16px;
      cursor: pointer;
      pointer-events: all; }
    main.home-new #myearth #photo .photo-text {
      color: "#ffffff";
      padding: 15px 20px 20px 20px;
      font-size: 15px;
      font-weight: 300; }
      main.home-new #myearth #photo .photo-text div {
        margin-bottom: 5px;
        font-size: 18px; }
      main.home-new #myearth #photo .photo-text p {
        margin: 0; }
    main.home-new #myearth #photo button {
      -webkit-transition: color 0.1s ease-in-out;
      -moz-transition: color 0.1s ease-in-out;
      -ms-transition: color 0.1s ease-in-out;
      -o-transition: color 0.1s ease-in-out;
      transition: color 0.1s ease-in-out;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
      border-radius: var(--menu-border-radius);
      outline: 0;
      background: #103B51;
      color: var(--color-four-hex);
      /* background: var(--color-one-hex); */
      font-size: 14px;
      margin-top: 10px;
      padding-bottom: 10px;
      cursor: pointer;
      pointer-events: all; }
      main.home-new #myearth #photo button:hover {
        color: white; }
  main.home-new #myearth canvas {
    object-fit: cover;
    object-position: right; }
  main.home-new #myearth #glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    max-width: 100vh;
    height: 100%;
    max-height: 100vw;
    transform: translate(-50%, -50%);
    background: radial-gradient(ellipse at center, rgba(0, 184, 255, 0.34) 25%, rgba(0, 193, 255, 0.17) 53%, rgba(0, 179, 255, 0.14) 41%, rgba(0, 156, 255, 0) 70%);
    z-index: 200;
    pointer-events: none; }
main.home-new .space {
  height: 100vh; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home-new .space {
      height: 80vh; } }
main.home-new .space2 {
  position: relative;
  height: 100vh;
  top: -30vh;
  display: none; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.home-new .space2 {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.home-new .space2 {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.home-new .space2 {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.home-new .space2 {
      display: none; } }
  @media only screen and (max-width: 768px) {
    main.home-new .space2 {
      display: none; } }
main.home-new .animation-height {
  height: 2000px;
  position: relative;
  top: 0;
  display: none; }
main.home-new .animation-height2 {
  height: 2000px;
  position: relative;
  top: 0;
  display: none; }
main.home-new .mobspace {
  height: 200vh;
  position: relative;
  top: 0;
  position: relative; }
main.home-new .earthspace {
  height: 300px;
  position: relative;
  top: 0;
  position: relative; }
  @media only screen and (min-width: 769px) {
    main.home-new .earthspace {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.home-new .earthspace {
      height: 200px; } }
main.home-new .mob-home-images-bg {
  position: fixed;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  display: block;
  background-color: var(--color-two-hex); }
main.home-new .mob-home-images {
  position: fixed;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: -2;
  opacity: 0;
  display: block; }
  main.home-new .mob-home-images .image {
    height: 100%; }
    main.home-new .mob-home-images .image.one img {
      opacity: 1;
      visibility: visible; }
    main.home-new .mob-home-images .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      opacity: 0;
      visibility: hidden; }
main.home-new .mob-home-svg {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 5;
  left: 50%;
  display: block;
  opacity: 0;
  transform-origin: 0% 50%; }
  main.home-new .mob-home-svg svg {
    height: 100%;
    left: -10%;
    left: 50%;
    transform: translate(-50%, 0); }
    @media only screen and (min-width: 241px) {
      main.home-new .mob-home-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-width: 241px) and (max-width: 480px) {
      main.home-new .mob-home-svg svg#mobsvg1 {
        display: none; } }
main.home-new .section {
  position: relative; }
  main.home-new .section.one {
    padding: var(--page-margin-top) var(--page-margin-right) 0 var(--page-margin-left); }
    main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5px;
      color: var(--color-five-hex);
      transform: scale(3.4);
      opacity: 0;
      pointer-events: all;
      transform-origin: 0% 0%; }
      @media only screen and (max-width: 480px) {
        main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) {
          display: none; } }
      main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row {
        display: flex;
        position: relative; }
        main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row.last-child .col .bottom-line {
          width: 100%;
          height: 1px;
          background-color: var(--color-five-hex);
          bottom: 0;
          left: 0;
          position: absolute; }
        main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col {
          flex: 1 1 auto;
          margin-right: 4.2vw;
          width: calc(33.3% - 4.2vw);
          position: relative;
          padding-top: 3.4vh;
          padding-bottom: 3.3vh; }
          main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .top-line {
            content: '';
            width: 0%;
            height: 1px;
            background-color: var(--color-five-hex);
            top: 0;
            left: 0;
            position: absolute; }
          @media only screen and (max-width: 768px) {
            main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col {
              padding-top: 5vh;
              padding-bottom: 3vw; } }
          main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col:last-child {
            margin-right: 0;
            border-right: none; }
          main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col:not(:last-child):after {
            content: "";
            width: 1px;
            right: -2.1vw;
            height: calc(100% + 1px);
            background-color: var(--color-five-hex);
            top: 0;
            position: absolute; }
          main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
            font-weight: 600;
            font-size: 3.4vw;
            line-height: 1.1;
            margin: 0; }
            @media only screen and (max-width: 1280px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 4.2vw; } }
            @media only screen and (max-width: 1024px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 4.5vw; } }
            @media only screen and (max-width: 768px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 5vw; } }
            @media only screen and (max-width: 480px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 11vw;
                line-height: 1; } }
          main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.1; }
            @media only screen and (max-width: 1440px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 20px; } }
            @media only screen and (max-width: 1024px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 16px; } }
            @media only screen and (max-width: 768px) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.1;
                margin-top: 0; } }
          main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
            position: relative;
            padding: 0 2vw;
            border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
            background: var(--bg-color-dark-hex);
            margin-right: 1.5vw;
            flex: 1 1 auto;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
            border-radius: var(--menu-border-radius); }
            main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:last-child {
              margin-right: 0; }
            @media only screen and (orientation: portrait) {
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
                width: calc(50% - 3vw);
                margin-bottom: 3vw; }
                main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(odd) {
                  margin-right: 3vw; }
                main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(even) {
                  margin-right: 0; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
    width: calc(100%);
    margin-bottom: 3vw; }
    main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(odd) {
      margin-right: 0; }
    main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(even) {
      margin-right: 0; } }

            main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-icon img {
              height: 3.5vw; }
            main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
              padding-top: 10vh;
              padding-bottom: 1.8vw; }
              @media only screen and (max-width: 1440px) {
                main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
                  font-size: 0.9rem;
                  padding-top: 2vh;
                  padding-bottom: 1.8vw; } }
              @media only screen and (max-width: 1024px) {
                main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
                  font-size: 0.8rem;
                  padding-bottom: 1.3vw; } }
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-title h3 {
                font-weight: 200;
                margin-bottom: 0;
                background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                width: auto;
                display: inline-block;
                font-size: 3.4vw;
                line-height: 1.1; }
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content-separator img {
                height: 0.3vw; }
              main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content {
                font-size: 22px;
                font-weight: 500;
                margin-top: 0;
                color: white; }
                main.home-new .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content p {
                  margin: 0; }
    main.home-new .section.one .boxes.mobile {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5px;
      color: var(--color-five-hex);
      transform: scale(2.09);
      transform-origin: 0% 0%;
      opacity: 0;
      pointer-events: none; }
      @media only screen and (min-width: 481px) {
        main.home-new .section.one .boxes.mobile {
          display: none; } }
      main.home-new .section.one .boxes.mobile .row {
        display: flex;
        position: relative; }
        main.home-new .section.one .boxes.mobile .row.last-child .col .bottom-line {
          width: 100%;
          height: 1px;
          background-color: var(--color-five-hex);
          bottom: 0;
          left: 0;
          position: absolute; }
        main.home-new .section.one .boxes.mobile .row .col {
          flex: 1 1 auto;
          margin-right: 4.2vw;
          width: calc(50% - 4.2vw);
          position: relative;
          padding-top: 3.4vh;
          padding-bottom: 3.3vh; }
          main.home-new .section.one .boxes.mobile .row .col .top-line {
            content: '';
            width: 0%;
            height: 1px;
            background-color: var(--color-five-hex);
            top: 0;
            left: 0;
            position: absolute; }
          @media only screen and (max-width: 480px) {
            main.home-new .section.one .boxes.mobile .row .col {
              padding-top: 8vh; } }
          main.home-new .section.one .boxes.mobile .row .col:last-child {
            margin-right: 0;
            border-right: none; }
          main.home-new .section.one .boxes.mobile .row .col:not(:last-child):after {
            content: "";
            width: 1px;
            right: -2.1vw;
            height: calc(100% + 1px);
            background-color: var(--color-five-hex);
            top: 0;
            position: absolute; }
          main.home-new .section.one .boxes.mobile .row .col .number h3 {
            font-weight: 600;
            font-size: 3.4vw;
            line-height: 1.1;
            margin: 0; }
            @media only screen and (max-width: 768px) {
              main.home-new .section.one .boxes.mobile .row .col .number h3 {
                font-size: 7.7vw; } }
            @media only screen and (max-width: 480px) {
              main.home-new .section.one .boxes.mobile .row .col .number h3 {
                font-size: 10vw; } }
          main.home-new .section.one .boxes.mobile .row .col .desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.1; }
            @media only screen and (max-width: 768px) {
              main.home-new .section.one .boxes.mobile .row .col .desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.1;
                margin-top: 10px; } }
          main.home-new .section.one .boxes.mobile .row .col .box {
            position: relative;
            padding: 0 2vw;
            border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
            background: var(--bg-color-dark-hex);
            margin-right: 1.5vw;
            flex: 1 1 auto;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
            border-radius: var(--menu-border-radius); }
            main.home-new .section.one .boxes.mobile .row .col .box:last-child {
              margin-right: 0; }
            @media only screen and (orientation: portrait) {
              main.home-new .section.one .boxes.mobile .row .col .box {
                width: calc(50% - 3vw);
                margin-bottom: 3vw; }
                main.home-new .section.one .boxes.mobile .row .col .box:nth-child(odd) {
                  margin-right: 3vw; }
                main.home-new .section.one .boxes.mobile .row .col .box:nth-child(even) {
                  margin-right: 0; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home-new .section.one .boxes.mobile .row .col .box {
    width: calc(100%);
    margin-bottom: 3vw; }
    main.home-new .section.one .boxes.mobile .row .col .box:nth-child(odd) {
      margin-right: 0; }
    main.home-new .section.one .boxes.mobile .row .col .box:nth-child(even) {
      margin-right: 0; } }

            main.home-new .section.one .boxes.mobile .row .col .box .box-icon img {
              height: 3.5vw; }
            main.home-new .section.one .boxes.mobile .row .col .box .box-inner {
              padding-top: 10vh;
              padding-bottom: 3.3vh; }
              @media only screen and (max-width: 1440px) {
                main.home-new .section.one .boxes.mobile .row .col .box .box-inner {
                  font-size: 0.9rem;
                  padding-top: 2vh;
                  padding-bottom: 2vh; } }
              @media only screen and (max-width: 1024px) {
                main.home-new .section.one .boxes.mobile .row .col .box .box-inner {
                  font-size: 0.8rem; } }
              main.home-new .section.one .boxes.mobile .row .col .box .box-inner .box-title h3 {
                font-weight: 200;
                margin-bottom: 0;
                background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                width: auto;
                display: inline-block;
                font-size: 3.4vw;
                line-height: 1.1; }
              main.home-new .section.one .boxes.mobile .row .col .box .box-inner .box-content-separator img {
                height: 0.3vw; }
              main.home-new .section.one .boxes.mobile .row .col .box .box-inner .box-content {
                font-size: 22px;
                font-weight: 500;
                margin-top: 0;
                color: white; }
                main.home-new .section.one .boxes.mobile .row .col .box .box-inner .box-content p {
                  margin: 0; }
    main.home-new .section.one .explore-btn {
      margin-top: 40px;
      background: 0 0;
      border-radius: var(--menu-border-radius);
      width: 160px;
      padding: 8px 25px 8px 35px;
      margin: 50px 0;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--color-five-hex);
      backdrop-filter: blur(var(--menu-blur)); }
      @media only screen and (max-width: 768px) {
        main.home-new .section.one .explore-btn {
          width: 110px;
          padding: 6.5px 10px 6.5px 20px;
          margin: 20px 0 70px; } }
      main.home-new .section.one .explore-btn:hover a svg {
        right: -10px; }
      main.home-new .section.one .explore-btn a {
        text-decoration: none;
        color: var(--color-five-hex);
        font-weight: 600;
        font-size: 16px; }
        @media only screen and (max-width: 768px) {
          main.home-new .section.one .explore-btn a {
            font-size: 14px; } }
        main.home-new .section.one .explore-btn a svg {
          -webkit-transition: right 0.3s ease-in-out;
          -moz-transition: right 0.3s ease-in-out;
          -ms-transition: right 0.3s ease-in-out;
          -o-transition: right 0.3s ease-in-out;
          transition: right 0.3s ease-in-out;
          padding-left: 0px;
          padding-top: 4px;
          width: 42px;
          position: relative;
          right: 0px; }
          @media only screen and (max-width: 768px) {
            main.home-new .section.one .explore-btn a svg {
              width: 16px; } }
    @media only screen and (max-width: 1920px) {
      main.home-new .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xxxl) 0 var(--page-margin-left-xxxl);
        padding-top: 130px; } }
    @media only screen and (max-width: 1440px) {
      main.home-new .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xxl) 0 var(--page-margin-left-xxl);
        padding-top: 120px; } }
    @media only screen and (max-width: 1280px) {
      main.home-new .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xl) 0 var(--page-margin-left-xl);
        padding-top: 120px; } }
    @media only screen and (max-width: 1024px) {
      main.home-new .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-l) 0 var(--page-margin-left-l);
        padding-top: 83px; } }
    @media only screen and (max-width: 768px) {
      main.home-new .section.one {
        min-height: unset;
        position: relative;
        padding: var(--page-margin-top-ml) var(--page-margin-left-ml);
        padding-top: 83px;
        padding-bottom: var(--page-margin-left-ml); } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home-new .section.one {
    padding-top: var(--page-margin-top-m);
    padding-left: var(--page-margin-left-m);
    padding-right: var(--page-margin-right-m); } }

    main.home-new .section.one h1 {
      color: var(--color-five-hex);
      font-size: 7.15vw;
      line-height: 0.9;
      margin-top: 0.1em; }
      @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        main.home-new .section.one h1 {
          letter-spacing: -1px; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.home-new .section.one h1 {
          letter-spacing: -1px; } }
    main.home-new .section.one h2 {
      color: var(--color-five-hex);
      font-size: 7.15vw;
      line-height: 0.95;
      margin-top: 0.1em; }
    main.home-new .section.one .section-title {
      margin-bottom: calc(4.2vw); }
      @media only screen and (min-width: 481px) {
        main.home-new .section.one .section-title.mobile {
          display: none; } }
      @media only screen and (max-width: 480px) {
        main.home-new .section.one .section-title.desktop {
          display: none; } }
      main.home-new .section.one .section-title h1 {
        opacity: 1; }
        @media only screen and (max-width: 1440px) {
          main.home-new .section.one .section-title h1 {
            font-size: 7.8vw; } }
        @media only screen and (max-width: 1024px) {
          main.home-new .section.one .section-title h1 {
            font-size: 7vw;
            margin-bottom: calc(5.1vw); } }
        @media only screen and (max-width: 768px) {
          main.home-new .section.one .section-title h1 {
            font-size: 8.5vw;
            line-height: 0.95; } }
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
          main.home-new .section.one .section-title h1 {
            font-size: 8.1vw; } }
        @media only screen and (max-width: 480px) {
          main.home-new .section.one .section-title h1 {
            font-size: 15.3vw; } }
    main.home-new .section.one .business-activities {
      position: relative;
      text-align: center; }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.home-new .section.one .business-activities {
          display: none; } }
      @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        main.home-new .section.one .business-activities {
          display: none; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
        main.home-new .section.one .business-activities {
          display: none; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
        main.home-new .section.one .business-activities {
          display: none; } }
      @media only screen and (max-width: 768px) {
        main.home-new .section.one .business-activities {
          display: none; } }
      main.home-new .section.one .business-activities h4 {
        letter-spacing: 13px;
        color: transparent; }
        @media only screen and (max-width: 1440px) {
          main.home-new .section.one .business-activities h4 {
            font-size: 33px; } }
  @media only screen and (max-width: 1440px) and (orientation: portrait) {
    main.home-new .section.one .business-activities h4 {
      padding-top: 10px; } }

        @media only screen and (max-width: 1280px) {
          main.home-new .section.one .business-activities h4 {
            font-size: 2.1vw;
            margin-top: 23px; } }
        @media only screen and (max-width: 1024px) {
          main.home-new .section.one .business-activities h4 {
            font-size: 2.5vw;
            letter-spacing: 7px; } }
  main.home-new .section.two {
    padding: 0 var(--page-margin-right) 180px var(--page-margin-left);
    color: white;
    padding-bottom: calc(var(--page-margin-left) + 20px + 40px); }
    @media only screen and (max-width: 1920px) {
      main.home-new .section.two {
        padding: var(--page-margin-left-xxxl);
        padding-bottom: calc(var(--page-margin-left-xxxl) + 20px + 40px);
        padding-top: 0; } }
    @media only screen and (max-width: 1440px) {
      main.home-new .section.two {
        padding: var(--page-margin-left-xxl);
        padding-bottom: calc(var(--page-margin-left-xxl) + 20px + 40px);
        padding-top: 0; } }
    @media only screen and (max-width: 1280px) {
      main.home-new .section.two {
        padding: var(--page-margin-left-xl);
        flex-wrap: wrap;
        padding-bottom: calc(var(--page-margin-left-xl) + 20px + 40px);
        padding-top: 0; } }
    @media only screen and (max-width: 1024px) {
      main.home-new .section.two {
        padding: var(--page-margin-top-l) var(--page-margin-left-l);
        padding-bottom: calc(var(--page-margin-left-l) + 20px + 40px);
        padding-top: 0; } }
    @media only screen and (max-width: 768px) {
      main.home-new .section.two {
        padding: var(--page-margin-left-ml);
        padding-top: 0;
        padding-bottom: 0; } }
    @media only screen and (max-width: 480px) {
      main.home-new .section.two {
        padding: var(--page-margin-left-m);
        padding-bottom: var(--page-margin-left-m);
        padding-top: 0;
        padding-bottom: 0; } }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      main.home-new .section.two footer {
        position: absolute !important;
        left: 7px;
        width: calc(100% - 14px); }
        main.home-new .section.two footer .bottom {
          bottom: 0;
          position: relative; } }
    main.home-new .section.two .explore-btn-contact {
      position: absolute;
      bottom: 1.1vw;
      font-size: 14px; }
      @media only screen and (max-width: 768px) {
        main.home-new .section.two .explore-btn-contact {
          position: absolute;
          bottom: 3vw;
          font-size: 12px; } }
      @media only screen and (max-width: 480px) {
        main.home-new .section.two .explore-btn-contact {
          position: absolute;
          bottom: 3vw;
          font-size: 11px; } }
      main.home-new .section.two .explore-btn-contact a {
        color: var(--color-four-hex);
        text-decoration: none; }
    main.home-new .section.two .explore-btn-news {
      border-radius: var(--menu-border-radius);
      width: 160px;
      padding: 8px 25px 8px 35px;
      margin: 50px 0;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
      -webkit-transition: border 0.3s ease-in-out;
      -moz-transition: border 0.3s ease-in-out;
      -ms-transition: border 0.3s ease-in-out;
      -o-transition: border 0.3s ease-in-out;
      transition: border 0.3s ease-in-out; }
      @media only screen and (max-width: 768px) {
        main.home-new .section.two .explore-btn-news {
          width: 110px;
          padding: 6.5px 10px 6.5px 20px;
          margin: 20px 0 70px; } }
      main.home-new .section.two .explore-btn-news:hover {
        border: var(--menu-border-border-top) var(--menu-border-border-style) white; }
        main.home-new .section.two .explore-btn-news:hover a {
          color: white; }
        main.home-new .section.two .explore-btn-news:hover a svg {
          right: -10px;
          color: white; }
      main.home-new .section.two .explore-btn-news a {
        text-decoration: none;
        color: var(--color-four-hex);
        font-weight: 600;
        font-size: 16px;
        width: 100%;
        -webkit-transition: color 0.3s ease-in-out;
        -moz-transition: color 0.3s ease-in-out;
        -ms-transition: color 0.3s ease-in-out;
        -o-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out; }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .explore-btn-news a {
            font-size: 14px; } }
        main.home-new .section.two .explore-btn-news a svg {
          -webkit-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          -moz-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          -ms-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          -o-transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          transition: right 0.3s ease-in-out, color 0.3s ease-in-out;
          padding-left: 0px;
          padding-top: 4px;
          width: 32px;
          position: relative;
          right: 0px; }
          @media only screen and (max-width: 768px) {
            main.home-new .section.two .explore-btn-news a svg {
              width: 16px; } }
    main.home-new .section.two .boxes {
      position: relative;
      display: block;
      width: 35%;
      color: white; }
      @media only screen and (max-width: 768px) {
        main.home-new .section.two .boxes {
          width: 100%;
          margin-top: 2vw; } }
      main.home-new .section.two .boxes .box-row {
        display: flex; }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .boxes .box-row {
            flex-wrap: wrap; } }
        main.home-new .section.two .boxes .box-row.one {
          margin-bottom: 2.2vw; }
          @media only screen and (max-width: 768px) {
            main.home-new .section.two .boxes .box-row.one {
              margin-bottom: 0; } }
        main.home-new .section.two .boxes .box-row.one .box {
          width: calc(25% - 2.2vw); }
        main.home-new .section.two .boxes .box-row .box {
          position: relative;
          padding: 0 1.2vw;
          border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
          background: var(--bg-color-dark-hex);
          margin-right: 1.2vw;
          flex: 1 1 auto;
          box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
          border-radius: var(--menu-border-radius); }
          @media only screen and (max-width: 1280px) {
            main.home-new .section.two .boxes .box-row .box {
              padding: 0 1vw;
              margin-right: 0.8vw; } }
          @media only screen and (max-width: 1024px) {
            main.home-new .section.two .boxes .box-row .box {
              padding: 0 0.7vw;
              margin-right: 0.7vw; } }
          @media only screen and (max-width: 768px) {
            main.home-new .section.two .boxes .box-row .box {
              padding: 0 3vw;
              margin-right: 3vw; } }
          @media only screen and (max-width: 480px) {
            main.home-new .section.two .boxes .box-row .box {
              padding: 0 3vw; } }
          main.home-new .section.two .boxes .box-row .box:last-child {
            margin-right: 0; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home-new .section.two .boxes .box-row .box {
    width: calc(100%);
    margin-bottom: 50px; } }

          main.home-new .section.two .boxes .box-row .box .box-icon img {
            height: 3.5vw; }
          main.home-new .section.two .boxes .box-row .box .box-inner {
            padding-top: 7vh;
            padding-bottom: 3.2vw; }
            @media only screen and (max-width: 1440px) {
              main.home-new .section.two .boxes .box-row .box .box-inner {
                font-size: 0.9rem;
                padding-top: 7vh;
                padding-bottom: 3.2vw; } }
            @media only screen and (max-width: 1024px) {
              main.home-new .section.two .boxes .box-row .box .box-inner {
                font-size: 0.8rem;
                padding-top: 4vh;
                padding-bottom: 0.7vw;
                padding-bottom: 3.2vw; } }
            @media only screen and (max-width: 768px) {
              main.home-new .section.two .boxes .box-row .box .box-inner {
                padding-top: 4vh;
                padding-bottom: 8vw; } }
            @media only screen and (max-width: 480px) {
              main.home-new .section.two .boxes .box-row .box .box-inner {
                padding-top: 4vh;
                padding-bottom: 40px; } }
            main.home-new .section.two .boxes .box-row .box .box-inner .box-title h3 {
              font-weight: 200;
              margin-bottom: 0;
              background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              width: auto;
              display: inline-block;
              font-size: 2.7vw;
              line-height: 1.1; }
              @media only screen and (max-width: 1440px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 3.2vw; } }
              @media only screen and (max-width: 1024px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 3.2vw; } }
              @media only screen and (max-width: 768px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 7vw; } }
              @media only screen and (max-width: 480px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-title h3 {
                  font-size: 10vw; } }
            main.home-new .section.two .boxes .box-row .box .box-inner .box-content-separator img {
              height: 0.3vw; }
            main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
              font-size: 22px;
              font-weight: 500;
              margin-top: 0;
              color: white;
              line-height: 1; }
              @media only screen and (max-width: 1920px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 18px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 1440px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 16px;
                  line-height: 1.3; } }
              @media only screen and (max-width: 1280px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 14px; } }
              @media only screen and (max-width: 1024px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 12px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 768px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 2.6vw;
                  line-height: 1.1; } }
              @media only screen and (max-width: 480px) {
                main.home-new .section.two .boxes .box-row .box .box-inner .box-content {
                  font-size: 16px; } }
              main.home-new .section.two .boxes .box-row .box .box-inner .box-content p {
                margin: 0; }
    main.home-new .section.two .navig8news {
      margin-top: 30px; }
      @media only screen and (max-width: 768px) {
        main.home-new .section.two .navig8news {
          margin-top: 0; } }
      main.home-new .section.two .navig8news .news-container {
        display: block; }
        main.home-new .section.two .navig8news .news-container:after {
          content: "";
          display: table;
          clear: both; }
        main.home-new .section.two .navig8news .news-container .news-content {
          background-color: #fff;
          float: left;
          width: 100%;
          border-radius: var(--menu-border-radius);
          position: relative;
          left: 0;
          z-index: 100;
          height: 0vh;
          overflow: hidden; }
          main.home-new .section.two .navig8news .news-container .news-content .text {
            color: var(--color-two-hex);
            font-size: 17px;
            overflow: hidden;
            padding: 120px 60px 150px;
            max-height: 60vh;
            width: 65%;
            /* width: 50%; */
            max-width: 800px;
            margin: 0 auto;
            background-color: white; }
            @media only screen and (max-width: 1024px) {
              main.home-new .section.two .navig8news .news-container .news-content .text {
                width: auto; } }
            @media only screen and (max-width: 768px) {
              main.home-new .section.two .navig8news .news-container .news-content .text {
                margin: 0 var(--page-margin-left-ml);
                margin-right: 10px;
                padding: 28px 0; } }
            @media only screen and (max-width: 480px) {
              main.home-new .section.two .navig8news .news-container .news-content .text {
                margin: 0;
                padding: 28px 0 28px 22px; } }
            main.home-new .section.two .navig8news .news-container .news-content .text div:not(.scroll-content) p {
              margin-bottom: 0;
              margin-top: 0; }
            main.home-new .section.two .navig8news .news-container .news-content .text div:not(.scroll-content) hr {
              margin: 8px 0; }
            main.home-new .section.two .navig8news .news-container .news-content .text .scroll-content {
              padding-bottom: 0px;
              padding-right: 25px;
              padding-bottom: 25px; }
              @media only screen and (max-width: 768px) {
                main.home-new .section.two .navig8news .news-container .news-content .text .scroll-content {
                  padding-right: 25px;
                  padding-bottom: 25px; } }
            main.home-new .section.two .navig8news .news-container .news-content .text p {
              margin-top: 0;
              margin-bottom: 1.1em;
              line-height: 1.7;
              font-weight: 400;
              text-align: justify; }
              @media only screen and (max-width: 480px) {
                main.home-new .section.two .navig8news .news-container .news-content .text p {
                  text-align: left;
                  line-height: 1.4; } }
        main.home-new .section.two .navig8news .news-container:after {
          content: "";
          display: table;
          clear: both; }
        main.home-new .section.two .navig8news .news-container .news-item {
          float: left;
          color: white;
          position: relative;
          border-bottom: 1px solid #2A5F70; }
          main.home-new .section.two .navig8news .news-container .news-item:first-child {
            border-top: 1px solid #2A5F70; }
          main.home-new .section.two .navig8news .news-container .news-item .news-item-in {
            position: absolute;
            border-radius: var(--menu-border-radius);
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            cursor: pointer; }
          main.home-new .section.two .navig8news .news-container .news-item:hover {
            z-index: 100; }
          main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 1px;
            z-index: 1;
            position: relative; }
            @media only screen and (max-width: 1920px) {
              main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 13px; } }
            @media only screen and (max-width: 1440px) {
              main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 12px;
                letter-spacing: 0; } }
            @media only screen and (max-width: 1024px) {
              main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 11px; } }
            @media only screen and (max-width: 768px) {
              main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 11px; } }
            @media only screen and (max-width: 480px) {
              main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date {
                font-size: 9px; } }
            main.home-new .section.two .navig8news .news-container .news-item .column.one .news-category .colorbg, main.home-new .section.two .navig8news .news-container .news-item .column.one .news-date .colorbg {
              content: '';
              top: 0;
              width: 0%;
              position: absolute;
              left: 0;
              height: 0%;
              z-index: -1; }
          main.home-new .section.two .navig8news .news-container .news-item .column.two {
            display: flex;
            align-items: center; }
            main.home-new .section.two .navig8news .news-container .news-item .column.two .news-title {
              font-size: 1.7vw;
              font-weight: 600;
              width: 100%; }
          main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
            height: 166px;
            width: 100%; }
            @media only screen and (max-width: 1920px) {
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 155px; } }
            @media only screen and (max-width: 1440px) {
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 123px; } }
            @media only screen and (max-width: 1280px) {
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 116px; } }
            @media only screen and (max-width: 1024px) {
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 126px; } }
            @media only screen and (max-width: 768px) {
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 100px; } }
            @media only screen and (max-width: 480px) {
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) {
                height: 130px; } }
            main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .news-item-in {
              display: flex; }
            main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column {
              flex: 1 1 auto; }
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                width: calc(16.66% - 8px);
                height: calc(100% - 8px);
                margin: 4px 0;
                border-right: 1px solid #2A5F70; }
                @media only screen and (max-width: 1024px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                    width: calc(8% - 12px); } }
                @media only screen and (max-width: 768px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                    width: calc(26% - 8px); } }
                @media only screen and (max-width: 480px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
                    width: calc(27% - 8px); } }
                main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                  display: flex;
                  align-items: center;
                  width: calc(100% - 8px);
                  padding: 0px 50px;
                  margin: 0 4px;
                  height: 50%;
                  padding-right: 10px; }
                  @media only screen and (max-width: 1440px) {
                    main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0 40px;
                      padding-right: 5px; } }
                  @media only screen and (max-width: 1280px) {
                    main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0 30px;
                      padding-right: 5px; } }
                  @media only screen and (max-width: 1024px) {
                    main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0 1.5vw 0 1.5vw;
                      padding-right: 0.2vw; } }
                  @media only screen and (max-width: 480px) {
                    main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                      padding: 0px 0px 0px 5px; } }
                main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category {
                  border-bottom: 1px solid #2A5F70; }
              main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                width: 83.34%;
                padding: 0 60px; }
                @media only screen and (max-width: 1440px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0 40px; } }
                @media only screen and (max-width: 1280px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0 30px; } }
                @media only screen and (max-width: 1024px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0 25px; } }
                @media only screen and (max-width: 480px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    padding: 0px 15px; } }
                @media only screen and (max-width: 480px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    width: 73%; } }
                @media only screen and (max-width: 1440px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 25px; } }
                @media only screen and (max-width: 1280px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 23px; } }
                @media only screen and (max-width: 1024px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 2.3vw; } }
                @media only screen and (max-width: 768px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 18px; } }
                @media only screen and (max-width: 480px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title {
                    font-size: 16.5px;
                    line-height: 1.3; } }
                @media only screen and (min-width: 769px) and (max-width: 1024px) {
                  main.home-new .section.two .navig8news .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
                    width: 74%; } }
    main.home-new .section.two .full-height {
      height: 100vh;
      position: relative;
      min-height: 900px; }
      @media only screen and (max-width: 768px) {
        main.home-new .section.two .full-height {
          height: auto;
          max-height: unset; } }
      main.home-new .section.two .full-height .full-height-in {
        position: absolute;
        bottom: -50px;
        width: 100%; }
        @media only screen and (max-width: 1024px) {
          main.home-new .section.two .full-height .full-height-in {
            bottom: -30px; } }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .full-height .full-height-in {
            bottom: 0;
            position: relative; } }
      main.home-new .section.two .full-height .full-bg {
        width: 85%;
        margin: 0 0 0 auto;
        top: 40px;
        position: relative; }
        main.home-new .section.two .full-height .full-bg svg {
          -webkit-filter: drop-shadow(6px 6px 6px rgba(0, 0, 11, 0.2));
          filter: drop-shadow(6px 6px 6px rgba(0, 0, 11, 0.2)); }
      main.home-new .section.two .full-height h6 {
        color: var(--color-four-hex);
        font-weight: 600;
        font-size: 19px;
        letter-spacing: 1px;
        line-height: 1.6; }
        main.home-new .section.two .full-height h6.latest {
          margin-top: 6vw;
          margin-bottom: 40px; }
        @media only screen and (max-width: 1440px) {
          main.home-new .section.two .full-height h6 {
            font-size: 17px;
            line-height: 1.5; } }
        @media only screen and (max-width: 1280px) {
          main.home-new .section.two .full-height h6 {
            font-size: 16px; } }
        @media only screen and (max-width: 1024px) {
          main.home-new .section.two .full-height h6 {
            font-size: 15px;
            letter-spacing: 0px;
            margin-bottom: 0.3em;
            margin-top: 6em; }
            main.home-new .section.two .full-height h6.latest {
              margin-top: 30px; } }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .full-height h6 {
            margin-top: 0.5em;
            margin-bottom: 0;
            font-size: 13px; } }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .full-height h6 {
            margin-bottom: 5px; }
            main.home-new .section.two .full-height h6.latest {
              margin-top: 30px; } }
    @media only screen and (max-width: 768px) and (max-width: 480px) {
      main.home-new .section.two .full-height h6.latest {
        margin-top: 0; } }

      main.home-new .section.two .full-height h2 {
        line-height: 1.04;
        font-size: 1.9vw;
        font-weight: 300;
        margin-top: 7px;
        margin-bottom: 1em; }
        @media only screen and (max-width: 1440px) {
          main.home-new .section.two .full-height h2 {
            font-size: 2.5vw;
            margin-bottom: 0.7em; } }
        @media only screen and (max-width: 1024px) {
          main.home-new .section.two .full-height h2 {
            font-size: 2.4vw;
            width: 70%; }
            main.home-new .section.two .full-height h2 br:nth-child(2) {
              display: none; } }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .full-height h2 {
            width: 60%;
            font-size: 4vw;
            line-height: 1; }
            main.home-new .section.two .full-height h2 br:nth-child(2) {
              display: none; } }
        @media only screen and (max-width: 480px) {
          main.home-new .section.two .full-height h2 {
            font-size: 24px;
            width: 100%;
            max-width: 280px; } }
      main.home-new .section.two .full-height .bottom-left {
        padding-top: 4vh;
        left: 0;
        position: relative;
        letter-spacing: -.1px;
        width: 50%; }
        @media only screen and (max-width: 768px) {
          main.home-new .section.two .full-height .bottom-left {
            width: 100%;
            padding-top: 10px; } }
main.home-new .titles {
  position: fixed;
  transform-origin: 0% 0%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  will-change: transform;
  cursor: pointer;
  z-index: 152; }
  main.home-new .titles.second {
    display: none; }
  main.home-new .titles.inner {
    position: absolute; }
  main.home-new .titles a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    display: block; }
  main.home-new .titles:not(.below) {
    overflow: hidden; }
  main.home-new .titles.nextserv {
    overflow: visible;
    color: white; }
  main.home-new .titles.below {
    display: none; }
    main.home-new .titles.below a {
      -webkit-text-stroke: 1px #ffffffd0; }
  @media only screen and (max-width: 480px) {
    main.home-new .titles {
      z-index: 153; } }
  main.home-new .titles__list {
    position: absolute;
    top: 0;
    left: 0; }
  main.home-new .titles__title {
    position: relative;
    display: flex;
    align-items: top;
    justify-content: left;
    font-size: 7.15vw;
    font-weight: 700;
    letter-spacing: -0.1vw;
    line-height: 0.75;
    padding-bottom: 1.8vw;
    padding-top: 1.5vw;
    width: 77vw; }
    @media only screen and (max-width: 1024px) {
      main.home-new .titles__title {
        font-size: 6vw; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    main.home-new .titles__title {
      font-size: 7.2vw; } }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      main.home-new .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      main.home-new .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      main.home-new .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      main.home-new .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (max-width: 768px) {
      main.home-new .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (max-width: 480px) {
      main.home-new .titles__title {
        padding-top: 3vw;
        padding-bottom: 11vw; } }
    @media only screen and (max-width: 480px) {
      main.home-new .titles__title a {
        width: 100%; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home-new .titles__title {
    font-size: 11.8vw; } }

    main.home-new .titles__title:not([data-stroke]) {
      color: #fff; }
    main.home-new .titles__title[data-stroke] {
      color: transparent; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.home-new .titles__title {
    width: 90vw; } }

    main.home-new .titles__title--proxy {
      visibility: hidden; }
    main.home-new .titles__title .subtitles {
      position: absolute;
      font-size: 1.1vw;
      font-weight: 600;
      letter-spacing: 0;
      right: 7%;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      opacity: 0; }
      @media only screen and (max-width: 1440px) {
        main.home-new .titles__title .subtitles {
          font-size: 1.3vw; } }
      @media only screen and (max-width: 1280px) {
        main.home-new .titles__title .subtitles {
          right: 4%; } }
      @media only screen and (max-width: 1024px) {
        main.home-new .titles__title .subtitles {
          display: none; } }
      @media only screen and (orientation: portrait) {
        main.home-new .titles__title .subtitles {
          right: 0;
          font-size: 1.5vw; } }
      main.home-new .titles__title .subtitles div {
        padding-bottom: 1.1vw;
        padding-left: 1.5vw; }
        main.home-new .titles__title .subtitles div:before {
          content: " ";
          width: 2px;
          height: 18px;
          left: 0;
          background-color: white;
          position: absolute; }
          @media only screen and (max-width: 1440px) {
            main.home-new .titles__title .subtitles div:before {
              width: 1px;
              height: 15px; } }
        @media only screen and (max-width: 1440px) {
          main.home-new .titles__title .subtitles div {
            padding-bottom: 1.3vw;
            padding-left: 1.3vw; } }
        @media only screen and (orientation: portrait) {
          main.home-new .titles__title .subtitles div {
            padding-bottom: 1.9vw; } }
        main.home-new .titles__title .subtitles div:last-child {
          padding-bottom: 0; }

/*--------------------------------------------------------------
## Careers page
--------------------------------------------------------------*/
.career-overlay-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4998;
  opacity: 0;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  display: none;
  background: var(--color-two-hex); }

@keyframes fadeinup {
  0% {
    transform: translate3d(0, 190px, 0);
    opacity: 0;
    visibility: hidden; }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible; } }
.horizontal-spacer {
  position: absolute;
  width: 100vw;
  pointer-events: all;
  z-index: -1; }
  .horizontal-spacer footer, .horizontal-spacer footer.site-footer.mobile.posts {
    position: absolute !important;
    bottom: 0;
    width: 100%; }
    .horizontal-spacer footer .bottom, .horizontal-spacer footer.site-footer.mobile.posts .bottom {
      width: calc(100% - 20px) !important;
      right: 0;
      left: 0;
      margin: 0 auto; }
    @media only screen and (max-width: 900px) {
      .horizontal-spacer footer, .horizontal-spacer footer.site-footer.mobile.posts {
        left: calc(-1 * var(--page-margin-left-l)); } }
    @media only screen and (max-width: 768px) {
      .horizontal-spacer footer, .horizontal-spacer footer.site-footer.mobile.posts {
        left: calc(-1 * var(--page-margin-left-ml)); } }
    @media only screen and (max-width: 480px) {
      .horizontal-spacer footer, .horizontal-spacer footer.site-footer.mobile.posts {
        left: calc(-1 * var(--page-margin-left-m)); } }
  @media only screen and (max-width: 480px) {
    .horizontal-spacer {
      position: absolute; } }

.close-container.careers {
  position: fixed;
  width: 40px;
  height: 40px;
  left: -25px;
  top: -44px;
  opacity: 0;
  visibility: hidden; }
  @media only screen and (max-width: 768px) {
    .close-container.careers {
      left: 9px;
      top: 7px;
      z-index: 4999; } }
  .close-container.careers .close-btn {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    /* text-align: center; */
    height: 100%;
    cursor: pointer; }
    .close-container.careers .close-btn:hover[data-cat-chemicals] span {
      background-color: var(--color-news-chemicals-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-chemicals] .circle {
      border: 1px solid var(--color-news-chemicals-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-chemicals] .close-txt {
      color: var(--color-news-chemicals-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-esg] span {
      background-color: var(--color-news-esg-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-esg] .circle {
      border: 1px solid var(--color-news-esg-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-esg] .close-txt {
      color: var(--color-news-esg-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-n8-chemical-tankers-inc] span {
      background-color: var(--color-news-n8-chemical-tankers-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-n8-chemical-tankers-inc] .circle {
      border: 1px solid var(--color-news-n8-chemical-tankers-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-n8-chemical-tankers-inc] .close-txt {
      color: var(--color-news-n8-chemical-tankers-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-navig8-assets] span {
      background-color: var(--color-news-n8-products-2020-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-navig8-assets] .circle {
      border: 1px solid var(--color-news-n8-products-2020-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-navig8-assets] .close-txt {
      color: var(--color-news-n8-products-2020-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-ship-management] span {
      background-color: var(--color-news-ship-management-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-ship-management] .circle {
      border: 1px solid var(--color-news-ship-management-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-ship-management] .close-txt {
      color: var(--color-news-ship-management-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-tankers] span {
      background-color: var(--color-news-tankers-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-tankers] .circle {
      border: 1px solid var(--color-news-tankers-one-hex); }
    .close-container.careers .close-btn:hover[data-cat-tankers] .close-txt {
      color: var(--color-news-tankers-one-hex); }
    .close-container.careers .close-btn:hover:before, .close-container.careers .close-btn:hover:after {
      background-color: black; }
    .close-container.careers .close-btn .close-txt {
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out;
      display: inline;
      position: absolute;
      right: 50px;
      top: 11px;
      font-size: 13px;
      color: var(--color-five-hex); }
      @media only screen and (max-width: 1920px) {
        .close-container.careers .close-btn .close-txt {
          font-size: 13px; } }
      @media only screen and (max-width: 1440px) {
        .close-container.careers .close-btn .close-txt {
          font-size: 12px; } }
      @media only screen and (max-width: 1024px) {
        .close-container.careers .close-btn .close-txt {
          font-size: 11px; } }
      @media only screen and (max-width: 768px) {
        .close-container.careers .close-btn .close-txt {
          font-size: 11px;
          display: none; } }
      @media only screen and (max-width: 480px) {
        .close-container.careers .close-btn .close-txt {
          font-size: 9px; } }
    .close-container.careers .close-btn .circle {
      -webkit-transition: border 0.2s ease-in-out;
      -moz-transition: border 0.2s ease-in-out;
      -ms-transition: border 0.2s ease-in-out;
      -o-transition: border 0.2s ease-in-out;
      transition: border 0.2s ease-in-out;
      position: absolute;
      top: -9px;
      left: -3px;
      width: 39px;
      height: 39px;
      border-radius: 50%;
      /* background: white; */
      border: 1px solid var(--color-five-hex); }
    .close-container.careers .close-btn .fbrow {
      top: 13px; }
    .close-container.careers .close-btn .sbrow {
      top: 20px; }
    .close-container.careers .close-btn .tbrow {
      top: 27px; }
    .close-container.careers .close-btn .fbrow {
      transform: translate(0, 7px) rotate(31deg); }
    .close-container.careers .close-btn .tbrow {
      transform: translate(0, -7px) rotate(-31deg); }
    .close-container.careers .close-btn span {
      display: inline-block;
      width: 24px;
      height: 2px;
      background: var(--color-five-hex);
      position: absolute;
      right: 8px; }
      @media only screen and (max-width: 768px) {
        .close-container.careers .close-btn span {
          height: 1px; } }

.career-overlay {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4998;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  width: 200vw;
  display: none;
  height: 100vh;
  border-radius: var(--menu-border-radius); }
  .career-overlay hr {
    padding: 0 !important; }
  @media only screen and (max-width: 1024px) {
    .career-overlay {
      left: 5px;
      top: 5px;
      width: calc(100vw - 10px);
      height: calc(100vh - 10px); } }
  @media only screen and (max-width: 768px) {
    .career-overlay {
      width: calc(100vw - 16px);
      top: 7px;
      left: 8px;
      height: calc(100vh - 16px);
      border-radius: var(--menu-border-radius); } }
  .career-overlay .column-one {
    float: left;
    width: 70vw;
    height: 100%;
    padding: calc(6vw + 88px) 6vw;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .career-overlay .column-one {
        float: unset;
        width: calc(100vw - 14px);
        height: auto;
        padding: 40px 38px;
        position: relative; } }
    .career-overlay .column-one .title h3 {
      font-weight: 600;
      margin-bottom: 0;
      font-size: 36px;
      line-height: 1.1;
      margin-top: 0;
      color: var(--color-four-hex); }
      @media only screen and (max-width: 480px) {
        .career-overlay .column-one .title h3 {
          font-size: 26px; } }
    .career-overlay .column-one .popup-content {
      color: var(--color-five-hex);
      margin-top: 30px;
      max-height: 55vh;
      overflow: hidden; }
      @media only screen and (max-width: 768px) {
        .career-overlay .column-one .popup-content {
          margin-top: 5px;
          height: auto;
          max-height: unset; } }
      @media only screen and (max-width: 480px) {
        .career-overlay .column-one .popup-content {
          margin-top: 5px; } }
      .career-overlay .column-one .popup-content p {
        margin-top: 0;
        margin-bottom: .9em;
        font-weight: 400;
        text-align: left; }
        @media only screen and (max-width: 768px) {
          .career-overlay .column-one .popup-content p {
            padding-top: 7px; } }
        .career-overlay .column-one .popup-content p:last-child {
          margin-bottom: 0; }
      .career-overlay .column-one .popup-content .excerpt .rm {
        color: var(--color-four-hex);
        pointer-events: all;
        cursor: pointer;
        display: inline-block; }
      .career-overlay .column-one .popup-content .excerpt ul {
        padding: 0;
        margin: 0 20px; }
      .career-overlay .column-one .popup-content .full-text {
        display: none;
        opacity: 0;
        visibility: hidden;
        font-size: 15px; }
        .career-overlay .column-one .popup-content .full-text ul {
          padding: 0;
          margin: 0 20px; }
  .career-overlay .column-two {
    float: left;
    width: 30vw;
    background-color: white;
    height: 100%;
    padding: calc(6vw + 88px) 6vw; }
    @media only screen and (max-width: 768px) {
      .career-overlay .column-two {
        position: absolute;
        padding: var(--page-margin-left-ml);
        float: unset;
        width: calc(100vw - 14px);
        height: auto;
        padding: 38px;
        bottom: 0; } }
    @media only screen and (max-width: 480px) {
      .career-overlay .column-two {
        height: auto; } }
    .career-overlay .column-two .buttons {
      padding-top: 88px; }
      @media only screen and (max-width: 768px) {
        .career-overlay .column-two .buttons {
          padding-top: 0; } }
      .career-overlay .column-two .buttons .apply {
        border-radius: var(--menu-border-radius);
        background-color: var(--color-four-hex);
        color: white;
        text-align: center;
        padding: 13px 20px;
        width: 100%;
        font-weight: 600;
        cursor: pointer;
        margin-top: 160px; }
        .career-overlay .column-two .buttons .apply i, .career-overlay .column-two .buttons .apply svg {
          -webkit-transition: transform 0.2s ease-in-out;
          -moz-transition: transform 0.2s ease-in-out;
          -ms-transition: transform 0.2s ease-in-out;
          -o-transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out; }
        .career-overlay .column-two .buttons .apply:not(.active) i, .career-overlay .column-two .buttons .apply:not(.active) svg {
          margin-right: 10px; }
        @media only screen and (max-width: 480px) {
          .career-overlay .column-two .buttons .apply {
            padding: 8px;
            margin-bottom: 5px; } }
        .career-overlay .column-two .buttons .apply a {
          color: white;
          text-decoration: none; }
      .career-overlay .column-two .buttons .link {
        color: var(--color-five-hex);
        padding: 15px 0;
        font-size: 14px; }
        @media only screen and (max-width: 480px) {
          .career-overlay .column-two .buttons .link {
            margin-bottom: 5px;
            padding: 0; } }
        .career-overlay .column-two .buttons .link .link-input {
          margin-top: 10px;
          position: relative; }
          @media only screen and (max-width: 480px) {
            .career-overlay .column-two .buttons .link .link-input {
              margin-top: 5px; } }
          .career-overlay .column-two .buttons .link .link-input input {
            outline: 0;
            color: var(--color-five-hex);
            padding: 10px 20px;
            border-radius: var(--menu-border-radius);
            border: 1px solid var(--color-four-hex);
            width: 100%;
            padding-right: 50px; }
            @media only screen and (max-width: 480px) {
              .career-overlay .column-two .buttons .link .link-input input {
                padding: 8px;
                padding-right: 35px; } }
          .career-overlay .column-two .buttons .link .link-input .copy-to-clipboard {
            position: absolute;
            right: 20px;
            color: var(--color-four-hex);
            top: 10px;
            font-size: 18px; }
            @media only screen and (max-width: 480px) {
              .career-overlay .column-two .buttons .link .link-input .copy-to-clipboard {
                top: 8px;
                right: 14px; } }
          .career-overlay .column-two .buttons .link .link-input .copied {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            background: var(--color-two-hex);
            color: #fff;
            padding: 5px 10px;
            text-align: center;
            right: 0;
            font-size: 15px;
            border-radius: var(--menu-border-radius);
            top: 6px; }
      .career-overlay .column-two .buttons .share {
        color: var(--color-five-hex);
        font-size: 14px; }
        .career-overlay .column-two .buttons .share .icons {
          margin-top: 10px;
          color: var(--color-four-hex);
          font-size: 35px; }
          @media only screen and (max-width: 480px) {
            .career-overlay .column-two .buttons .share .icons {
              margin-top: 5px; } }
          .career-overlay .column-two .buttons .share .icons svg, .career-overlay .column-two .buttons .share .icons i {
            cursor: pointer; }
          .career-overlay .column-two .buttons .share .icons .a2a_kit {
            line-height: 32px;
            width: calc(100%);
            padding: 0;
            background: transparent;
            position: relative; }
            @media only screen and (max-width: 768px) {
              .career-overlay .column-two .buttons .share .icons .a2a_kit {
                display: flex;
                justify-content: space-between; } }
            .career-overlay .column-two .buttons .share .icons .a2a_kit div {
              display: none; }
            .career-overlay .column-two .buttons .share .icons .a2a_kit a {
              width: 50px;
              height: auto;
              max-width: 50px;
              padding: 0;
              float: left;
              margin-right: 15px; }
              @media only screen and (max-width: 768px) {
                .career-overlay .column-two .buttons .share .icons .a2a_kit a {
                  margin-right: 0; } }
              @media only screen and (max-width: 480px) {
                .career-overlay .column-two .buttons .share .icons .a2a_kit a {
                  height: auto;
                  margin-right: 0;
                  max-width: 12vw; } }
  .career-overlay .column-three {
    float: left;
    width: 70vw;
    height: 100%;
    padding: calc(6vw + 88px) 6vw; }
    @media only screen and (max-width: 768px) {
      .career-overlay .column-three {
        display: none; } }
    .career-overlay .column-three .apply-form {
      padding-top: 90px;
      color: var(--color-five-hex); }
      .career-overlay .column-three .apply-form h5 {
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 1.1;
        margin-top: 0;
        color: var(--color-four-hex); }

main.careers .page-text {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 21px;
  transform: translate(-100px, 0) rotate(-90deg);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1;
  top: calc(88px + 180px);
  cursor: pointer;
  pointer-events: all;
  z-index: 153; }
  main.careers .page-text span {
    color: inherit;
    display: inline-block;
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding: 15px 0;
    padding-right: 30px; }
    main.careers .page-text span.active, main.careers .page-text span:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1280px) {
      main.careers .page-text span {
        padding-right: 20px; } }
    main.careers .page-text span:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 1440px) {
    main.careers .page-text {
      font-size: 11px;
      left: 30px;
      top: calc(88px + 151px); } }
  @media only screen and (max-width: 1280px) {
    main.careers .page-text {
      font-size: 10px;
      left: 24px;
      top: calc(118px + 62px); } }
  @media only screen and (max-width: 1024px) {
    main.careers .page-text {
      left: 12px;
      top: calc(87px + 72px); } }
  @media only screen and (max-width: 768px) {
    main.careers .page-text {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.careers .page-text {
      display: none; } }
  main.careers .page-text.dark span {
    color: white; }
  main.careers .page-text.light span {
    color: var(--color-five-hex); }
main.careers .section {
  position: relative; }
  main.careers .section.one {
    height: 560px;
    background-color: var(--color-one-hex);
    z-index: 1; }
    @media only screen and (max-width: 1920px) {
      main.careers .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1440px) {
      main.careers .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1280px) {
      main.careers .section.one {
        height: 400px; } }
    @media only screen and (max-width: 1024px) {
      main.careers .section.one {
        height: 350px; } }
    @media only screen and (max-width: 768px) {
      main.careers .section.one {
        height: 100vh;
        background-color: unset;
        min-height: 266px; } }
    main.careers .section.one .section-bg {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: bottom;
      opacity: 0.5; }
      main.careers .section.one .section-bg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: left; }
    main.careers .section.one .section-in {
      padding: 80px var(--page-margin-right) 80px var(--page-margin-left);
      height: 100%;
      position: relative; }
      @media only screen and (min-width: 769px) {
        main.careers .section.one .section-in {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
      @media only screen and (max-width: 1920px) {
        main.careers .section.one .section-in {
          padding: var(--page-margin-left-xxxl);
          padding-bottom: 50px; } }
      @media only screen and (max-width: 1440px) {
        main.careers .section.one .section-in {
          padding: var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.careers .section.one .section-in {
          padding: var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.careers .section.one .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l);
          top: 0; } }
      @media only screen and (max-width: 768px) {
        main.careers .section.one .section-in {
          padding: var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.careers .section.one .section-in {
          padding: var(--page-margin-left-m); } }
      main.careers .section.one .section-in .image-container {
        background-color: transparent; }
      main.careers .section.one .section-in .image {
        height: 120%;
        width: 0;
        visibility: hidden;
        background-color: var(--color-five-hex); }
      main.careers .section.one .section-in .image-container {
        width: calc(13%);
        overflow: hidden;
        flex: 1 1 auto;
        margin-left: 0;
        height: 680px;
        z-index: 1;
        position: relative;
        background-size: cover;
        border-radius: var(--menu-border-radius);
        height: 60vh; }
        @media only screen and (max-width: 1920px) {
          main.careers .section.one .section-in .image-container {
            max-height: 550px; } }
        @media only screen and (max-width: 1440px) {
          main.careers .section.one .section-in .image-container {
            max-height: 450px; } }
        @media only screen and (max-width: 1280px) {
          main.careers .section.one .section-in .image-container {
            max-height: 420px; } }
        @media only screen and (max-width: 1024px) {
          main.careers .section.one .section-in .image-container {
            max-height: 400px;
            width: 280px; } }
        @media only screen and (max-width: 768px) {
          main.careers .section.one .section-in .image-container {
            height: 350px;
            position: absolute;
            opacity: 0.3;
            width: 100%;
            margin-left: 0;
            visibility: visible;
            display: none; } }
        main.careers .section.one .section-in .image-container img {
          width: 0%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      main.careers .section.one .section-in .text {
        align-self: flex-start;
        margin-top: 0;
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-right: 4vw; }
        @media only screen and (max-width: 1024px) {
          main.careers .section.one .section-in .text {
            width: calc(100% - 4vw - 280px); } }
        @media only screen and (max-width: 768px) {
          main.careers .section.one .section-in .text {
            width: 100%; } }
        main.careers .section.one .section-in .text .section-content {
          color: #A9AEB3;
          font-weight: 600;
          line-height: 2;
          font-size: 20px; }
        main.careers .section.one .section-in .text h2 {
          margin-top: 0;
          color: white;
          opacity: 0;
          font-size: 5.2vw;
          line-height: 1.04; }
          @media only screen and (max-width: 1024px) {
            main.careers .section.one .section-in .text h2 {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 768px) {
            main.careers .section.one .section-in .text h2 {
              font-size: 5.7vw; } }
          @media only screen and (max-width: 480px) {
            main.careers .section.one .section-in .text h2 {
              font-size: 10vw; } }
      main.careers .section.one .section-in .placeholder {
        align-self: flex-start;
        margin-top: 0;
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-right: 4vw; }
      main.careers .section.one .section-in .small-title {
        left: 0;
        top: -15px;
        color: #fff;
        display: flex;
        justify-content: left;
        position: absolute;
        transform-origin: 0% 0%;
        will-change: transform;
        width: 45vw;
        z-index: 160;
        overflow: hidden; }
        @media only screen and (max-width: 768px) {
          main.careers .section.one .section-in .small-title {
            width: 50vw; } }
        main.careers .section.one .section-in .small-title a {
          color: white;
          text-decoration: none; }
        main.careers .section.one .section-in .small-title h6 {
          margin: 0;
          /* margin-bottom: 1em; */
          letter-spacing: 1px;
          /* margin-bottom: 1em; */
          line-height: 1;
          padding-left: 0.3vw;
          font-weight: 600;
          font-size: 19px; }
          @media only screen and (max-width: 1440px) {
            main.careers .section.one .section-in .small-title h6 {
              font-size: 17px; } }
          @media only screen and (max-width: 1280px) {
            main.careers .section.one .section-in .small-title h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.careers .section.one .section-in .small-title h6 {
              font-size: 15px; } }
          @media only screen and (max-width: 768px) {
            main.careers .section.one .section-in .small-title h6 {
              font-size: 14px;
              letter-spacing: 1; } }
          @media only screen and (max-width: 480px) {
            main.careers .section.one .section-in .small-title h6 {
              font-size: 13px; } }
      main.careers .section.one .section-in .inner-title {
        bottom: 60px;
        color: white;
        display: flex;
        align-items: top;
        justify-content: left;
        letter-spacing: -0.1vw;
        line-height: 5.1vw;
        font-size: 5.2vw;
        position: absolute;
        transform-origin: 0% 0%;
        padding-top: 1.5vw;
        will-change: transform;
        width: 65%;
        z-index: 160; }
        @media only screen and (max-width: 1920px) {
          main.careers .section.one .section-in .inner-title {
            bottom: 50px; } }
        @media only screen and (max-width: 768px) {
          main.careers .section.one .section-in .inner-title {
            bottom: 40px;
            width: 80%;
            z-index: 160;
            opacity: 0;
            visibility: hidden;
            padding-top: 1vw; } }
        main.careers .section.one .section-in .inner-title h2 {
          margin-top: 0;
          color: white;
          opacity: 1;
          font-size: 5.2vw;
          line-height: 1.04; }
          @media only screen and (max-width: 1024px) {
            main.careers .section.one .section-in .inner-title h2 {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 768px) {
            main.careers .section.one .section-in .inner-title h2 {
              font-size: 6vw;
              margin-top: 15px; } }
          @media only screen and (max-width: 480px) {
            main.careers .section.one .section-in .inner-title h2 {
              font-size: 10vw; } }
  main.careers .section.two {
    background-color: var(--bg-color-light-hex);
    color: var(--color-five-hex);
    color: var(--color-five-hex); }
    main.careers .section.two .section-in {
      padding: 100px var(--page-margin-right) 80px var(--page-margin-left);
      position: relative; }
      @media only screen and (max-width: 1920px) {
        main.careers .section.two .section-in {
          padding: var(--page-margin-top-xxxl) var(--page-margin-left-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.careers .section.two .section-in {
          padding: var(--page-margin-top-xxl) var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.careers .section.two .section-in {
          padding: var(--page-margin-top-xl) var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.careers .section.two .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l); } }
      @media only screen and (max-width: 768px) {
        main.careers .section.two .section-in {
          padding: var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.careers .section.two .section-in {
          padding: var(--page-margin-left-m); } }
      main.careers .section.two .section-in .pin-spacer {
        z-index: 2; }
    main.careers .section.two .flex {
      display: flex; }
      @media only screen and (max-width: 1024px) {
        main.careers .section.two .flex {
          flex-wrap: wrap; } }
      main.careers .section.two .flex .left-side {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-right: 4vw;
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 130px; }
        @media only screen and (max-width: 1280px) {
          main.careers .section.two .flex .left-side {
            grid-column-gap: 50px;
            width: 65%;
            margin-right: 0; } }
        @media only screen and (max-width: 1024px) {
          main.careers .section.two .flex .left-side {
            grid-template-columns: auto;
            grid-column-gap: 0;
            width: 50%;
            margin-right: 0; } }
        @media only screen and (max-width: 768px) {
          main.careers .section.two .flex .left-side {
            grid-template-columns: auto;
            grid-column-gap: 0;
            width: 100%;
            margin-right: 0; } }
        main.careers .section.two .flex .left-side .section-text {
          padding-bottom: 65px;
          padding-top: 65px;
          border-bottom: 1px solid var(--color-five-hex);
          opacity: 0; }
          main.careers .section.two .flex .left-side .section-text.animated {
            animation-name: fadeinup; }
          @media only screen and (max-width: 1920px) {
            main.careers .section.two .flex .left-side .section-text {
              padding-top: 25px;
              padding-bottom: 25px; } }
          @media only screen and (max-width: 768px) {
            main.careers .section.two .flex .left-side .section-text {
              opacity: 1; } }
          @media only screen and (min-width: 1025px) {
            main.careers .section.two .flex .left-side .section-text:nth-child(1):after, main.careers .section.two .flex .left-side .section-text:nth-child(3):after {
              content: '';
              width: 1px;
              height: calc(100% + 1px);
              position: absolute;
              right: -65px;
              top: 0;
              background-color: var(--color-five-hex); } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    main.careers .section.two .flex .left-side .section-text:nth-child(1):after, main.careers .section.two .flex .left-side .section-text:nth-child(3):after {
      right: -25px; } }
          @media only screen and (min-width: 1025px) {
            main.careers .section.two .flex .left-side .section-text:nth-child(1), main.careers .section.two .flex .left-side .section-text:nth-child(2) {
              border-top: 1px solid var(--color-five-hex); } }
          @media only screen and (max-width: 1024px) {
            main.careers .section.two .flex .left-side .section-text {
              padding-top: 17px;
              padding-bottom: 20px; }
              main.careers .section.two .flex .left-side .section-text:last-child {
                border-bottom: 0; } }
          main.careers .section.two .flex .left-side .section-text h5 {
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--color-four-hex);
            margin-top: 0; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.careers .section.two .flex .left-side .section-text h5 {
                font-size: 26px; } }
            @media only screen and (max-width: 1024px) {
              main.careers .section.two .flex .left-side .section-text h5 {
                font-size: 22px;
                margin-bottom: 10px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.careers .section.two .flex .left-side .section-text h5 {
                font-size: 24px; } }
          main.careers .section.two .flex .left-side .section-text p {
            margin-top: 0;
            margin-bottom: .9em;
            font-weight: 400; }
            main.careers .section.two .flex .left-side .section-text p:last-child {
              margin-bottom: 0; }
      main.careers .section.two .flex .placeholder {
        width: calc(30%);
        flex: 1 1 auto;
        margin-left: 25px;
        height: 583px; }
        @media only screen and (max-width: 1920px) {
          main.careers .section.two .flex .placeholder {
            height: 550px; } }
        @media only screen and (max-width: 1440px) {
          main.careers .section.two .flex .placeholder {
            height: 450px; } }
        @media only screen and (max-width: 1280px) {
          main.careers .section.two .flex .placeholder {
            height: 420px; } }
        @media only screen and (max-width: 1024px) {
          main.careers .section.two .flex .placeholder {
            height: 400px;
            width: 280px; } }
        @media only screen and (max-width: 768px) {
          main.careers .section.two .flex .placeholder {
            display: none; } }
    main.careers .section.two .vac-bg {
      position: fixed;
      left: calc(-1 * var(--page-margin-left));
      top: 15%;
      width: 100vw;
      opacity: 0;
      visibility: hidden; }
      main.careers .section.two .vac-bg img {
        object-fit: cover;
        width: 100%;
        transform: scale(1.3); }
    main.careers .section.two .vacancies-copy {
      position: absolute;
      width: 100vw; }
    main.careers .section.two .vacancies {
      margin-top: 300px;
      z-index: 3;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        main.careers .section.two .vacancies {
          margin-top: 150px; } }
      @media only screen and (max-width: 768px) {
        main.careers .section.two .vacancies {
          margin-top: 100px; } }
      @media only screen and (max-width: 480px) {
        main.careers .section.two .vacancies {
          margin-top: 50px; } }
      main.careers .section.two .vacancies h2 {
        position: relative;
        top: 0;
        left: 0;
        font-weight: 600;
        margin-bottom: 0;
        color: white;
        font-size: 3.1vw;
        line-height: 1.1; }
        main.careers .section.two .vacancies h2.padding {
          width: calc(70%); }
        @media only screen and (max-width: 1920px) {
          main.careers .section.two .vacancies h2 {
            font-size: 4vw; } }
        @media only screen and (max-width: 768px) {
          main.careers .section.two .vacancies h2 {
            font-size: 30px; } }
        @media only screen and (max-width: 480px) {
          main.careers .section.two .vacancies h2 {
            font-size: 7vw; } }
        main.careers .section.two .vacancies h2.clipped {
          clip-path: inset(0px 0px 0px 0px);
          position: absolute;
          width: 100vw;
          top: -.27em;
          left: calc(-1 * var(--page-margin-left));
          padding-left: var(--page-margin-left);
          color: var(--color-five-hex); }
          @media only screen and (max-width: 1920px) {
            main.careers .section.two .vacancies h2.clipped {
              left: calc(-1 * var(--page-margin-left-xxxl));
              padding-left: var(--page-margin-left-xxxl); } }
          @media only screen and (max-width: 1440px) {
            main.careers .section.two .vacancies h2.clipped {
              left: calc(-1 * var(--page-margin-left-xxl));
              padding-left: var(--page-margin-left-xxl); } }
          @media only screen and (max-width: 1280px) {
            main.careers .section.two .vacancies h2.clipped {
              left: calc(-1 * var(--page-margin-left-xl));
              padding-left: var(--page-margin-left-xl); } }
          @media only screen and (max-width: 1024px) {
            main.careers .section.two .vacancies h2.clipped {
              left: calc(-1 * var(--page-margin-left-l));
              padding-left: var(--page-margin-left-l); } }
          @media only screen and (max-width: 768px) {
            main.careers .section.two .vacancies h2.clipped {
              display: none; } }
      main.careers .section.two .vacancies .horizontal-boxes {
        display: flex;
        flex-wrap: wrap;
        margin-top: 8vh;
        width: 3000px; }
        @media only screen and (max-width: 480px) {
          main.careers .section.two .vacancies .horizontal-boxes {
            margin-top: 24px; } }
        main.careers .section.two .vacancies .horizontal-boxes .horizontal-box {
          background-color: rgba(255, 255, 255, 0.88);
          width: 372px;
          border-radius: var(--menu-border-radius);
          margin-right: 13px;
          cursor: grab;
          height: 100%;
          position: relative;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -o-user-select: none;
          color: var(--color-five-hex); }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box:last-child {
            margin-right: 0; }
          @media only screen and (max-width: 1280px) {
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box {
              width: 250px;
              margin-right: 9px; } }
          @media only screen and (max-width: 1024px) {
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box {
              width: 220px;
              margin-right: 9px; } }
          @media only screen and (max-width: 768px) {
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box {
              opacity: 1; } }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in {
            padding: 0 38px;
            position: relative;
            padding-top: 0;
            display: flex;
            align-items: center;
            height: 380px;
            overflow: hidden; }
            @media only screen and (max-width: 1280px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in {
                height: 280px;
                padding: 0 18px; } }
            @media only screen and (max-width: 1024px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in {
                padding: 0 20px;
                height: 270px; } }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .container {
              width: 100%; }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-title {
              padding-top: 0; }
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-title h3 {
                font-weight: 600;
                margin-bottom: 0;
                font-size: 36px;
                line-height: 1.1;
                margin-top: 0; }
                @media only screen and (max-width: 1280px) {
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-title h3 {
                    font-size: 26px; } }
                @media only screen and (max-width: 1024px) {
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-title h3 {
                    font-size: 22px; } }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-content {
              font-size: 17px;
              margin-bottom: 0;
              line-height: 2.1;
              top: 30px;
              font-weight: 400;
              height: 0;
              visibility: hidden; }
              @media only screen and (max-width: 768px) {
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-content {
                  opacity: 1; } }
              @media only screen and (max-width: 1920px) {
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-content {
                  font-size: 16px; } }
              @media only screen and (max-width: 1024px) {
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-content {
                  font-size: 15px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-content {
                  font-size: 14px; } }
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-content p {
                padding-top: 1em;
                margin-top: 0;
                margin-bottom: 0; }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons {
              padding-top: 20px;
              bottom: 20px;
              position: relative;
              display: none;
              opacity: 0;
              visibility: hidden;
              height: 0; }
              @media only screen and (max-width: 1280px) {
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons {
                  padding-top: 76px; } }
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply {
                border-radius: var(--menu-border-radius);
                background-color: var(--color-four-hex);
                color: white;
                text-align: center;
                padding: 13px 20px;
                width: 100%;
                font-weight: 600;
                cursor: pointer;
                margin-top: 160px; }
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply i, main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply svg {
                  -webkit-transition: transform 0.2s ease-in-out;
                  -moz-transition: transform 0.2s ease-in-out;
                  -ms-transition: transform 0.2s ease-in-out;
                  -o-transition: transform 0.2s ease-in-out;
                  transition: transform 0.2s ease-in-out; }
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply:not(.active) i, main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply:not(.active) svg {
                  margin-right: 10px; }
                @media only screen and (max-width: 1280px) {
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply {
                    margin-top: 0;
                    padding: 6px;
                    font-size: 14px; } }
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply a {
                  color: white;
                  text-decoration: none; }
                  @media only screen and (max-width: 1280px) {
                    main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .apply a {
                      font-size: 14px; } }
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link {
                color: var(--color-five-hex);
                padding: 15px 0;
                font-size: 14px; }
                @media only screen and (max-width: 1280px) {
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link {
                    padding: 5px 0; } }
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input {
                  margin-top: 10px;
                  position: relative; }
                  @media only screen and (max-width: 1280px) {
                    main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input {
                      margin-top: 5px; } }
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input input {
                    outline: 0;
                    color: var(--color-five-hex);
                    padding: 10px 20px;
                    border-radius: var(--menu-border-radius);
                    border: 1px solid var(--color-four-hex);
                    width: 100%;
                    padding-right: 50px; }
                    @media only screen and (max-width: 1280px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input input {
                        padding: 6px;
                        padding-right: 50px;
                        font-size: 14px; } }
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input .copy-to-clipboard {
                    position: absolute;
                    right: 20px;
                    color: var(--color-four-hex);
                    top: 10px;
                    font-size: 18px; }
                    @media only screen and (max-width: 1280px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input .copy-to-clipboard {
                        top: 5px; } }
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .link .link-input .copied {
                    position: absolute;
                    opacity: 0;
                    visibility: hidden;
                    background: var(--color-two-hex);
                    color: #fff;
                    padding: 5px 10px;
                    text-align: center;
                    right: 0;
                    font-size: 15px;
                    border-radius: var(--menu-border-radius);
                    top: 6px; }
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share {
                color: var(--color-five-hex);
                font-size: 14px; }
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons {
                  margin-top: 10px;
                  color: var(--color-four-hex);
                  font-size: 35px;
                  height: 30px; }
                  @media only screen and (max-width: 1280px) {
                    main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons {
                      margin-top: 20px;
                      height: auto; } }
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons svg, main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons i {
                    cursor: pointer; }
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons .a2a_kit {
                    line-height: 32px;
                    width: calc(100% - 66px);
                    padding: 38px 0;
                    background: transparent;
                    display: flex;
                    justify-content: space-between; }
                    @media only screen and (max-width: 1280px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons .a2a_kit {
                        padding: 20px 0; } }
                    @media only screen and (max-width: 1280px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons .a2a_kit {
                        padding: 20px 0;
                        width: calc(100% - 40px); }
                        main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons .a2a_kit div {
                          display: none; } }
                    main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons .a2a_kit a {
                      width: 60px;
                      height: 60px;
                      float: unset; }
                      @media only screen and (max-width: 1280px) {
                        main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .buttons .share .icons .a2a_kit a {
                          height: auto; } }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .horizontal-box-in .hor-box-full-content {
              display: none;
              visibility: hidden; }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .read-more {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
            position: relative;
            bottom: 0;
            border-top: 1px solid #535e67;
            font-size: 17px;
            padding: 20px 38px;
            margin: 0 5px;
            font-weight: 700;
            cursor: pointer;
            pointer-events: all; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .read-more {
                font-size: 16px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .read-more {
                font-size: 15px; } }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box .read-more.active {
              color: var(--color-four-hex); }
        main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content {
          background-color: white;
          width: 0px;
          border-radius: var(--menu-border-radius);
          margin-right: 0px;
          cursor: grab;
          max-width: 580px;
          height: 0;
          opacity: 0;
          visibility: hidden;
          position: relative;
          -moz-user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -o-user-select: none;
          color: var(--color-five-hex);
          top: -125px; }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content:last-child {
            margin-right: 0; }
          @media only screen and (max-width: 1280px) {
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content {
              top: -42px; } }
          @media only screen and (max-width: 1024px) {
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content {
              top: -15px; } }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in {
            padding: 38px;
            position: relative;
            height: 630px;
            overflow: hidden;
            opacity: 0;
            visibility: hidden;
            padding-bottom: 0; }
            @media only screen and (max-width: 1280px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in {
                height: 360px;
                padding: 18px; } }
            @media only screen and (max-width: 1024px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in {
                height: 300px;
                padding: 20px; } }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in p:first-child {
              margin-top: 0; }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .scrollbar-thumb.scrollbar-thumb-y {
              background: var(--color-four-hex);
              width: 6px;
              left: unset;
              right: 0; }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content {
              padding-bottom: 38px; }
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul {
                margin: 0;
                padding: 0 20px; }
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul ul {
                  margin: 0;
                  padding: 2px 25px;
                  list-style-type: circle; }
                  main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul ul li {
                    font-size: 16px; }
                    @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul ul li {
                        font-size: 16px; } }
                    @media only screen and (max-width: 1280px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul ul li {
                        font-size: 15px; } }
                    @media only screen and (max-width: 1024px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul ul li {
                        font-size: 15px; } }
                    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                      main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content > ul ul li {
                        font-size: 15px; } }
              @media only screen and (max-width: 1280px) {
                main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .horizontal-box-in .hor-box-full-content {
                  padding-bottom: 25px; } }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .hor-box-iframe {
            display: none;
            visibility: hidden;
            opacity: 0;
            width: 100%;
            height: 100%; }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .hor-box-iframe iframe {
              width: 100%;
              height: 100%;
              outline: 0;
              border: 0; }
          main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .read-more {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
            position: relative;
            bottom: 0;
            border-top: 1px solid #535e67;
            font-size: 17px;
            padding: 20px 38px;
            margin: 0 5px;
            font-weight: 700;
            cursor: pointer;
            pointer-events: all; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .read-more {
                font-size: 16px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .read-more {
                font-size: 14px; } }
            main.careers .section.two .vacancies .horizontal-boxes .horizontal-box-content .read-more.active {
              color: var(--color-four-hex); }

/*--------------------------------------------------------------
## Mumbai Careers page
--------------------------------------------------------------*/
main.mumbai-careers .vacancies-btn {
  border-radius: var(--menu-border-radius);
  background-color: var(--color-four-hex);
  color: white;
  text-align: center;
  padding: 13px 20px;
  width: 280px;
  font-weight: 600;
  cursor: pointer; }
  main.mumbai-careers .vacancies-btn:hover a svg {
    right: -12px; }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .vacancies-btn {
      margin: 0 auto;
      width: 230px; } }
  @media only screen and (max-width: 480px) {
    main.mumbai-careers .vacancies-btn {
      padding: 8px;
      margin-bottom: 5px; } }
  main.mumbai-careers .vacancies-btn a {
    color: white;
    text-decoration: none;
    font-size: 18px; }
    @media only screen and (max-width: 768px) {
      main.mumbai-careers .vacancies-btn a {
        font-size: 15px; } }
    main.mumbai-careers .vacancies-btn a svg {
      -webkit-transition: right 0.3s ease-in-out;
      -moz-transition: right 0.3s ease-in-out;
      -ms-transition: right 0.3s ease-in-out;
      -o-transition: right 0.3s ease-in-out;
      transition: right 0.3s ease-in-out;
      padding-left: 10px;
      width: 42px;
      position: relative;
      font-size: 23px;
      right: 0px;
      top: 2px; }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .vacancies-btn a svg {
          width: 33px;
          top: 0px;
          vertical-align: middle;
          height: 22px; } }
main.mumbai-careers .space {
  height: 100vh; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.mumbai-careers .space {
      height: 80vh; } }
main.mumbai-careers .section {
  position: relative; }
  main.mumbai-careers .section.one {
    height: 560px;
    background-color: var(--color-one-hex);
    z-index: 7; }
    @media only screen and (max-width: 1920px) {
      main.mumbai-careers .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1440px) {
      main.mumbai-careers .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1280px) {
      main.mumbai-careers .section.one {
        height: 400px; } }
    @media only screen and (max-width: 1024px) {
      main.mumbai-careers .section.one {
        height: 350px; } }
    @media only screen and (max-width: 768px) {
      main.mumbai-careers .section.one {
        height: 100vh;
        background-color: unset;
        min-height: 266px; } }
    main.mumbai-careers .section.one .section-bg {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: bottom;
      opacity: 0.5; }
      main.mumbai-careers .section.one .section-bg img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: left; }
    main.mumbai-careers .section.one .section-in {
      padding: 80px var(--page-margin-right) 80px var(--page-margin-left);
      height: 100%;
      position: relative; }
      @media only screen and (min-width: 769px) {
        main.mumbai-careers .section.one .section-in {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.one .section-in {
          padding: var(--page-margin-left-xxxl);
          padding-bottom: 50px; } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.one .section-in {
          padding: var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.one .section-in {
          padding: var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.one .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l);
          top: 0; } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.one .section-in {
          padding: var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.one .section-in {
          padding: var(--page-margin-left-m); } }
      main.mumbai-careers .section.one .section-in .image {
        height: 530px;
        width: 0; }
        @media only screen and (max-width: 1024px) {
          main.mumbai-careers .section.one .section-in .image {
            height: 370px; } }
      main.mumbai-careers .section.one .section-in .image-container {
        background-color: transparent;
        width: calc(20%);
        flex: 1 1 auto;
        top: 280px;
        right: var(--page-margin-right);
        margin-left: 0;
        height: 680px;
        z-index: 1;
        position: absolute;
        background-size: cover;
        height: 530px; }
        @media only screen and (max-width: 1920px) {
          main.mumbai-careers .section.one .section-in .image-container {
            top: 180px;
            right: var(--page-margin-right-xxxl);
            max-height: 550px; } }
        @media only screen and (max-width: 1440px) {
          main.mumbai-careers .section.one .section-in .image-container {
            top: 180px;
            right: var(--page-margin-right-xxl);
            max-height: 450px; } }
        @media only screen and (max-width: 1280px) {
          main.mumbai-careers .section.one .section-in .image-container {
            top: 120px;
            max-height: 420px;
            right: var(--page-margin-right-xl); } }
        @media only screen and (max-width: 1024px) {
          main.mumbai-careers .section.one .section-in .image-container {
            top: 180px;
            max-height: 400px;
            right: var(--page-margin-right-l);
            width: 180px; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.one .section-in .image-container {
            height: 350px;
            position: absolute;
            opacity: 0.3;
            width: 100%;
            margin-left: 0;
            visibility: visible;
            display: none; } }
        main.mumbai-careers .section.one .section-in .image-container .image-container-inner {
          border-radius: 10px;
          width: 0%;
          background-color: var(--color-five-hex); }
          main.mumbai-careers .section.one .section-in .image-container .image-container-inner--two {
            left: calc(-60% - 26px);
            position: absolute;
            transform: translate(0px, -100%);
            height: 220px; }
            main.mumbai-careers .section.one .section-in .image-container .image-container-inner--two .image-two {
              width: 100%;
              height: 100%; }
            @media only screen and (max-width: 1024px) {
              main.mumbai-careers .section.one .section-in .image-container .image-container-inner--two {
                left: calc(-60% - 13px);
                height: 185px; } }
            main.mumbai-careers .section.one .section-in .image-container .image-container-inner--two img {
              width: 0%; }
          main.mumbai-careers .section.one .section-in .image-container .image-container-inner--three {
            position: absolute;
            transform: translate(0px, 26px);
            left: calc(-60% - 26px);
            height: 291px; }
            main.mumbai-careers .section.one .section-in .image-container .image-container-inner--three .image-three {
              width: 100%;
              height: 100%; }
              main.mumbai-careers .section.one .section-in .image-container .image-container-inner--three .image-three img {
                width: 0%; }
            @media only screen and (max-width: 1024px) {
              main.mumbai-careers .section.one .section-in .image-container .image-container-inner--three {
                left: calc(-60% - 13px);
                transform: translate(0px, 13px);
                height: 185px; } }
        main.mumbai-careers .section.one .section-in .image-container .image img {
          width: 0%; }
        main.mumbai-careers .section.one .section-in .image-container img {
          height: 100%;
          object-fit: cover;
          object-position: center;
          overflow: hidden;
          border-radius: var(--menu-border-radius); }
      main.mumbai-careers .section.one .section-in .text {
        align-self: flex-start;
        margin-top: 0;
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-right: 4vw; }
        @media only screen and (max-width: 1024px) {
          main.mumbai-careers .section.one .section-in .text {
            width: calc(100% - 4vw - 280px); } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.one .section-in .text {
            width: 100%; } }
        main.mumbai-careers .section.one .section-in .text .section-content {
          color: #A9AEB3;
          font-weight: 600;
          line-height: 2;
          font-size: 20px; }
        main.mumbai-careers .section.one .section-in .text h2 {
          margin-top: 0;
          color: white;
          opacity: 0;
          font-size: 5.2vw;
          line-height: 1.04; }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.one .section-in .text h2 {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.one .section-in .text h2 {
              font-size: 5.7vw; } }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.one .section-in .text h2 {
              font-size: 10vw; } }
      main.mumbai-careers .section.one .section-in .placeholder {
        align-self: flex-start;
        margin-top: 0;
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-right: 4vw; }
      main.mumbai-careers .section.one .section-in .small-title {
        left: 0;
        top: -15px;
        color: #fff;
        display: flex;
        justify-content: left;
        position: absolute;
        transform-origin: 0% 0%;
        will-change: transform;
        width: 45vw;
        z-index: 160;
        overflow: hidden; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.one .section-in .small-title {
            width: 50vw; } }
        main.mumbai-careers .section.one .section-in .small-title a {
          color: white;
          text-decoration: none; }
        main.mumbai-careers .section.one .section-in .small-title h6 {
          margin: 0;
          /* margin-bottom: 1em; */
          letter-spacing: 1px;
          /* margin-bottom: 1em; */
          line-height: 1;
          padding-left: 0.3vw;
          font-weight: 600;
          font-size: 19px; }
          @media only screen and (max-width: 1440px) {
            main.mumbai-careers .section.one .section-in .small-title h6 {
              font-size: 17px; } }
          @media only screen and (max-width: 1280px) {
            main.mumbai-careers .section.one .section-in .small-title h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.one .section-in .small-title h6 {
              font-size: 15px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.one .section-in .small-title h6 {
              font-size: 14px;
              letter-spacing: 1; } }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.one .section-in .small-title h6 {
              font-size: 13px; } }
      main.mumbai-careers .section.one .section-in .inner-title {
        bottom: 60px;
        color: white;
        display: flex;
        align-items: top;
        justify-content: left;
        letter-spacing: -0.1vw;
        line-height: 5.1vw;
        font-size: 5.2vw;
        position: absolute;
        transform-origin: 0% 0%;
        padding-top: 1.5vw;
        will-change: transform;
        width: 65%;
        z-index: 160; }
        @media only screen and (max-width: 1920px) {
          main.mumbai-careers .section.one .section-in .inner-title {
            bottom: 50px; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.one .section-in .inner-title {
            bottom: 40px;
            width: 80%;
            z-index: 160;
            opacity: 0;
            visibility: hidden;
            padding-top: 1vw; } }
        main.mumbai-careers .section.one .section-in .inner-title h2 {
          margin-top: 0;
          color: white;
          opacity: 1;
          font-size: 5.2vw;
          line-height: 1.04; }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.one .section-in .inner-title h2 {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.one .section-in .inner-title h2 {
              font-size: 6vw;
              margin-top: 15px; } }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.one .section-in .inner-title h2 {
              font-size: 10vw; } }
  main.mumbai-careers .section.two {
    background-color: white;
    color: var(--color-five-hex); }
    main.mumbai-careers .section.two .section-in {
      padding: 100px var(--page-margin-right) 80px var(--page-margin-left);
      position: relative;
      display: flex; }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.two .section-in {
          padding: var(--page-margin-top-xxxl) var(--page-margin-left-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.two .section-in {
          padding: var(--page-margin-top-xxl) var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.two .section-in {
          padding: var(--page-margin-top-xl) var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.two .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l); } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.two .section-in {
          padding: var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.two .section-in {
          padding: var(--page-margin-left-m); } }
      main.mumbai-careers .section.two .section-in .column-one {
        align-self: flex-start;
        margin-top: 0;
        flex: 1 1 auto;
        opacity: 0;
        visibility: hidden;
        width: calc(65% - 4vw);
        margin-right: 4vw; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.two .section-in .column-one {
            width: 100%;
            margin-right: 0;
            opacity: 1;
            visibility: visible; } }
        main.mumbai-careers .section.two .section-in .column-one .column-one__content {
          width: 75%; }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.two .section-in .column-one .column-one__content {
              width: 100%; } }
          main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2 {
            /* font-size: 80px; */
            font-weight: 700;
            margin-bottom: 0;
            font-size: 3.4vw;
            line-height: 1.1;
            margin-top: 0;
            margin-bottom: 53px; }
            @media only screen and (max-width: 768px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2 {
                margin-bottom: 20px; } }
            @media only screen and (max-width: 480px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2 {
                margin-bottom: 0;
                margin-top: 0; } }
            main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.padding {
              width: calc(70%); }
              @media only screen and (max-width: 768px) {
                main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.padding {
                  width: 100%; } }
              @media only screen and (max-width: 480px) {
                main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.padding {
                  width: 100%; } }
            @media only screen and (max-width: 768px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.more-padding-top {
                padding-top: 0; } }
            @media only screen and (max-width: 480px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.more-padding-top {
                padding-top: 0; } }
            @media only screen and (max-width: 768px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.more-padding-bottom {
                padding-bottom: 0; } }
            @media only screen and (max-width: 480px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2.more-padding-bottom {
                padding-bottom: 0; } }
            @media only screen and (max-width: 1920px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2 {
                font-size: 3.8vw; } }
            @media only screen and (max-width: 768px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2 {
                font-size: 5.7vw;
                line-height: 1; } }
            @media only screen and (max-width: 480px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-title h2 {
                font-size: 32px; } }
          main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-text {
            margin-bottom: 53px;
            width: 87%; }
            @media only screen and (max-width: 768px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .section-text {
                width: 100%;
                margin-bottom: 20px; } }
          main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid {
            display: flex;
            margin-bottom: 40px; }
            @media only screen and (min-width: 769px) {
              main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid {
                display: none; } }
            main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
            main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-one, main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-two {
              height: 200px;
              width: calc(50% - 10px);
              border-radius: var(--menu-border-radius);
              overflow: hidden; }
              @media only screen and (max-width: 480px) {
                main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-one, main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-two {
                  width: calc(50% - 5px); } }
            main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-one {
              margin-right: 10px; }
              @media only screen and (max-width: 480px) {
                main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-one {
                  margin-right: 5px; } }
            main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-two {
              margin-left: 10px; }
              @media only screen and (max-width: 480px) {
                main.mumbai-careers .section.two .section-in .column-one .column-one__content .mobile-image-grid .item-two {
                  margin-left: 5px; } }
      main.mumbai-careers .section.two .section-in .column-two {
        width: 13%;
        flex: 1 1 auto; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.two .section-in .column-two {
            display: none; } }
  main.mumbai-careers .section.section-intro {
    width: 100%;
    height: 100vh;
    z-index: 1; }
    main.mumbai-careers .section.section-intro .section-bg {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: var(--color-one-hex); }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.section-intro .section-bg {
          width: calc(100vw - 2*var(--page-margin-left-ml));
          height: calc(100vh - 152px - 3*var(--page-margin-left-ml));
          left: var(--page-margin-left-ml);
          top: var(--page-margin-left-ml);
          min-height: calc(100vh - var(--page-margin-left-ml) - 4*5.7vw); } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.section-intro .section-bg {
          width: calc(100vw - 2*var(--page-margin-left-m));
          height: calc(100vh - 152px - 3*var(--page-margin-left-m));
          left: var(--page-margin-left-m);
          top: var(--page-margin-left-m);
          min-height: calc(100vh - 3*var(--page-margin-left-m) - 4*32px); } }
      main.mumbai-careers .section.section-intro .section-bg img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        border-radius: var(--menu-border-radius); }
    main.mumbai-careers .section.section-intro.z-index-5 {
      background: var(--color-one-hex); }
    main.mumbai-careers .section.section-intro.z-index-3 {
      background: var(--color-one-hex); }
    main.mumbai-careers .section.section-intro .section-title {
      position: absolute;
      bottom: calc(var(--page-margin-left) / 2);
      /* left: calc(50vh - 750px); */
      right: 0;
      left: 0;
      /* top: 0; */
      margin: auto;
      width: 100vw;
      padding: 0 var(--page-margin-left);
      max-width: calc(1400px + 2*var(--page-margin-left)); }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.section-intro .section-title {
          padding: 0 var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2*var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.section-intro .section-title {
          max-width: calc(1300px + 2*var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.section-intro .section-title {
          max-width: calc(1300px + 2*var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.section-intro .section-title {
          max-width: calc(1300px + 2*var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.section-intro .section-title {
          padding: 0 var(--page-margin-left-ml);
          bottom: 5.7vw;
          max-width: calc(1300px + 2*var(--page-margin-left-ml)); }
          main.mumbai-careers .section.section-intro .section-title.less-bottom {
            bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.section-intro .section-title {
          padding: var(--page-margin-left-m);
          padding-top: 0px;
          padding-bottom: 0;
          bottom: 32px; }
          main.mumbai-careers .section.section-intro .section-title.less-bottom {
            bottom: 0; } }
      main.mumbai-careers .section.section-intro .section-title.right {
        display: flex; }
        main.mumbai-careers .section.section-intro .section-title.right .filler {
          width: 30%;
          flex: 1 1 auto; }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.section-intro .section-title.right .filler {
              width: calc(30% + 4vw); } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.section-intro .section-title.right .filler {
              display: none; } }
        main.mumbai-careers .section.section-intro .section-title.right h2 {
          flex: 1 1 auto;
          margin-left: 4vw;
          width: calc(65% - 4vw); }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.section-intro .section-title.right h2 {
              width: 100%;
              margin-left: 0;
              flex: none; } }
      main.mumbai-careers .section.section-intro .section-title.clipped {
        clip-path: inset(0px 0px 0px 0px);
        color: white; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.section-intro .section-title.clipped.mobile-gray {
            color: var(--color-five-hex); } }
      main.mumbai-careers .section.section-intro .section-title h2 {
        /* font-size: 80px; */
        font-weight: 700;
        margin-bottom: 0;
        font-size: 3.4vw;
        line-height: 1.1;
        margin-top: 0; }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.section-intro .section-title h2 {
            margin-top: 0; } }
        main.mumbai-careers .section.section-intro .section-title h2.padding {
          width: calc(70%); }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.section-intro .section-title h2.padding {
              width: 100%; } }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.section-intro .section-title h2.padding {
              width: 100%; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.section-intro .section-title h2.more-padding-top {
            padding-top: 0; } }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.section-intro .section-title h2.more-padding-top {
            padding-top: 0; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.section-intro .section-title h2.more-padding-bottom {
            padding-bottom: 0; } }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.section-intro .section-title h2.more-padding-bottom {
            padding-bottom: 0; } }
        @media only screen and (max-width: 1920px) {
          main.mumbai-careers .section.section-intro .section-title h2 {
            font-size: 3.8vw; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.section-intro .section-title h2 {
            font-size: 5.7vw;
            line-height: 1; } }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.section-intro .section-title h2 {
            font-size: 32px; } }
  main.mumbai-careers .section.three {
    overflow: hidden;
    position: relative;
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 768px) {
      main.mumbai-careers .section.three {
        background: transparent; } }
    main.mumbai-careers .section.three .section-in {
      display: flex;
      padding: 103px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.three .section-in {
          padding: 103px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.three .section-in {
          padding: 103px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.three .section-in {
          padding: 103px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.three .section-in {
          padding: 57px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.three .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.three .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.mumbai-careers .section.three .section-in .left-side {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-left: 4vw;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: min-content min-content;
        grid-column-gap: 50px; }
        @media only screen and (max-width: 1280px) {
          main.mumbai-careers .section.three .section-in .left-side {
            grid-column-gap: 10px;
            width: 65%;
            margin-left: 0; } }
        @media only screen and (max-width: 1024px) {
          main.mumbai-careers .section.three .section-in .left-side {
            grid-template-columns: auto;
            grid-column-gap: 0;
            width: 50%;
            margin-left: 0; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.three .section-in .left-side {
            grid-template-columns: auto;
            grid-column-gap: 0;
            width: 100%;
            margin-left: 0; } }
        main.mumbai-careers .section.three .section-in .left-side .section-text {
          padding-bottom: 65px;
          padding-top: 65px;
          position: relative;
          border-bottom: 1px solid var(--color-four-hex); }
          main.mumbai-careers .section.three .section-in .left-side .section-text.animated {
            animation-name: fadeinup; }
          @media only screen and (max-width: 1920px) {
            main.mumbai-careers .section.three .section-in .left-side .section-text {
              padding-top: 45px;
              padding-bottom: 45px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.three .section-in .left-side .section-text {
              opacity: 1; } }
          @media only screen and (min-width: 1025px) {
            main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(1):after, main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(3):after {
              content: '';
              width: 1px;
              height: calc(100% + 1px);
              position: absolute;
              right: -25px;
              top: 0;
              background-color: var(--color-four-hex); } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(1):after, main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(3):after {
      right: -5px; } }
          @media only screen and (min-width: 1025px) {
            main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(1), main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(2) {
              border-top: 1px solid var(--color-four-hex); } }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.three .section-in .left-side .section-text {
              padding-top: 17px;
              padding-bottom: 20px; }
              main.mumbai-careers .section.three .section-in .left-side .section-text:last-child {
                border-bottom: 0; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.three .section-in .left-side .section-text:nth-child(1) {
              border-top: 1px solid var(--color-four-hex); }
            main.mumbai-careers .section.three .section-in .left-side .section-text:last-child {
              border-bottom: 1px solid var(--color-four-hex); } }
          main.mumbai-careers .section.three .section-in .left-side .section-text h5 {
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--color-four-hex);
            margin-top: 0; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.mumbai-careers .section.three .section-in .left-side .section-text h5 {
                font-size: 26px; } }
            @media only screen and (max-width: 1024px) {
              main.mumbai-careers .section.three .section-in .left-side .section-text h5 {
                font-size: 22px;
                margin-bottom: 10px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.mumbai-careers .section.three .section-in .left-side .section-text h5 {
                font-size: 24px; } }
          main.mumbai-careers .section.three .section-in .left-side .section-text p {
            margin-top: 0;
            margin-bottom: .9em;
            font-weight: 400; }
            main.mumbai-careers .section.three .section-in .left-side .section-text p:last-child {
              margin-bottom: 0; }
      main.mumbai-careers .section.three .section-in .placeholder {
        flex: 1 1 auto;
        width: calc(30%);
        padding-top: 14px; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.three .section-in .placeholder {
            width: 100%;
            padding-top: 0; } }
        main.mumbai-careers .section.three .section-in .placeholder .image {
          width: 87%;
          position: relative;
          z-index: 1;
          overflow: hidden;
          object-fit: cover;
          height: calc(100vh - 2*68px - 2*var(--menu-top));
          border-radius: var(--menu-border-radius);
          max-height: 510px;
          min-height: 350px; }
          @media only screen and (max-width: 1920px) {
            main.mumbai-careers .section.three .section-in .placeholder .image {
              max-height: 560px; } }
          @media only screen and (max-width: 1440px) {
            main.mumbai-careers .section.three .section-in .placeholder .image {
              max-height: 430px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.three .section-in .placeholder .image {
              width: 100%;
              height: 433px;
              box-shadow: none;
              display: none; } }
          main.mumbai-careers .section.three .section-in .placeholder .image img {
            height: 650px;
            width: 100%;
            object-fit: cover; }
            @media only screen and (max-width: 768px) {
              main.mumbai-careers .section.three .section-in .placeholder .image img {
                height: 433px; } }
  main.mumbai-careers .section.four {
    background-color: var(--bg-color-light-hex);
    color: var(--color-five-hex); }
    main.mumbai-careers .section.four .section-in {
      display: flex;
      padding: 103px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.four .section-in {
          padding: 103px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.four .section-in {
          padding: 103px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.four .section-in {
          padding: 103px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.four .section-in {
          padding: 57px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.four .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap;
          padding-bottom: calc(var(--page-margin-left) + 265px); } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.four .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 325px; } }
      main.mumbai-careers .section.four .section-in .testimonials-intro {
        width: 47%; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.four .section-in .testimonials-intro {
            width: 100%; } }
        main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-title h2 {
          font-weight: 700;
          margin-bottom: 0;
          font-size: 3.4vw;
          line-height: 1.1;
          margin-top: 0;
          padding-bottom: 24px; }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-title h2 {
              margin-top: 0; } }
          @media only screen and (max-width: 1920px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-title h2 {
              font-size: 3.8vw; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-title h2 {
              font-size: 5.7vw;
              line-height: 1; } }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-title h2 {
              font-size: 32px; } }
        main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-text h6 {
          font-weight: 600;
          margin-top: .35em;
          margin-bottom: .75em;
          line-height: 1.6;
          font-size: 19px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1440px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-text h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-text h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-text h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.four .section-in .testimonials-intro .testimonials-text h6 {
              margin-top: 0.5em;
              font-size: 13px;
              margin-bottom: 0; } }
  main.mumbai-careers .section.testimonials {
    background-color: white; }
    main.mumbai-careers .section.testimonials .testimonials-grid {
      display: grid;
      grid-template-columns: auto auto;
      column-gap: 100px;
      row-gap: 100px;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
      margin-top: -450px;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.testimonials .testimonials-grid {
          margin-top: -314px;
          column-gap: 50px;
          row-gap: 50px; } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.testimonials .testimonials-grid {
          display: block;
          margin-top: calc(-1*var(--page-margin-left) - 273px); }
          main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:first-child {
            display: none; } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.testimonials .testimonials-grid {
          display: block;
          margin-top: -314px; }
          main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:first-child {
            display: none; } }
      main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:first-child {
        height: calc(-1 * -450px - 100px); }
        @media only screen and (max-width: 1024px) {
          main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:first-child {
            height: calc(-1 * -314px - 50px); } }
      main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) {
        box-shadow: 20px 20px 80px #00000017;
        overflow: hidden;
        border-radius: var(--menu-border-radius);
        grid-row-end: span 3; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) {
            margin-bottom: 26px; } }
        main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-image {
          width: 100%;
          height: 347px; }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-image {
              height: 257px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-image {
              height: 287px;
              max-width: unset; } }
          main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-text {
          padding: 26px 90px;
          color: var(--color-five-hex); }
          @media only screen and (max-width: 1280px) {
            main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-text {
              padding: 20px 45px; } }
          main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:not(:first-child) .testimonial-box-in .testimonial-text svg {
            font-size: 40px;
            color: var(--color-four-hex); }
      main.mumbai-careers .section.testimonials .testimonials-grid .testimonial-box:nth-child(2) {
        grid-row-end: span 2; }
    main.mumbai-careers .section.testimonials .section-in {
      display: flex;
      padding: 103px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.testimonials .section-in {
          padding: 103px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.testimonials .section-in {
          padding: 103px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.testimonials .section-in {
          padding: 103px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.testimonials .section-in {
          padding: 57px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.testimonials .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.testimonials .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.mumbai-careers .section.testimonials .section-in .testimonials-intro {
        width: 50%; }
        main.mumbai-careers .section.testimonials .section-in .testimonials-intro .testimonials-title h2 {
          font-weight: 700;
          margin-bottom: 50px;
          font-size: 3.4vw;
          line-height: 1.1; }
        main.mumbai-careers .section.testimonials .section-in .testimonials-intro .testimonials-text h6 {
          font-weight: 600;
          margin-top: .35em;
          margin-bottom: .75em;
          line-height: 1.6;
          font-size: 19px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1440px) {
            main.mumbai-careers .section.testimonials .section-in .testimonials-intro .testimonials-text h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.mumbai-careers .section.testimonials .section-in .testimonials-intro .testimonials-text h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.testimonials .section-in .testimonials-intro .testimonials-text h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.testimonials .section-in .testimonials-intro .testimonials-text h6 {
              margin-top: 0.5em;
              font-size: 13px;
              margin-bottom: 0; } }
  main.mumbai-careers .section.five {
    overflow: hidden;
    position: relative;
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 768px) {
      main.mumbai-careers .section.five {
        background: transparent; } }
    main.mumbai-careers .section.five .section-in {
      display: flex;
      padding: 103px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.mumbai-careers .section.five .section-in {
          padding: 103px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.mumbai-careers .section.five .section-in {
          padding: 103px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.mumbai-careers .section.five .section-in {
          padding: 103px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.mumbai-careers .section.five .section-in {
          padding: 57px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.mumbai-careers .section.five .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.mumbai-careers .section.five .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.mumbai-careers .section.five .section-in .placeholder {
        flex: 1 1 auto;
        width: calc(30%);
        margin-right: 0; }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.five .section-in .placeholder {
            display: none; } }
        main.mumbai-careers .section.five .section-in .placeholder .image {
          width: 87%;
          position: relative;
          overflow: hidden;
          z-index: 1;
          float: right;
          height: 500px;
          border-radius: var(--menu-border-radius); }
          main.mumbai-careers .section.five .section-in .placeholder .image img {
            height: calc(100% + 12vw);
            object-fit: cover;
            object-position: left;
            width: 100%; }
      main.mumbai-careers .section.five .section-in .left-side {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-right: 4vw;
        display: grid;
        grid-template-columns: auto auto;
        grid-column-gap: 50px;
        grid-template-rows: min-content min-content; }
        @media only screen and (max-width: 1280px) {
          main.mumbai-careers .section.five .section-in .left-side {
            grid-column-gap: 10px;
            width: 65%;
            margin-right: 0; } }
        @media only screen and (max-width: 1024px) {
          main.mumbai-careers .section.five .section-in .left-side {
            grid-template-columns: auto;
            grid-column-gap: 0;
            width: 50%;
            margin-right: 0; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.five .section-in .left-side {
            grid-template-columns: auto;
            grid-column-gap: 0;
            width: 100%;
            margin-right: 0; } }
        main.mumbai-careers .section.five .section-in .left-side .section-text {
          padding-bottom: 65px;
          padding-top: 65px;
          position: relative;
          border-bottom: 1px solid var(--color-four-hex); }
          main.mumbai-careers .section.five .section-in .left-side .section-text.animated {
            animation-name: fadeinup; }
          @media only screen and (max-width: 1920px) {
            main.mumbai-careers .section.five .section-in .left-side .section-text {
              padding-top: 45px;
              padding-bottom: 45px; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.five .section-in .left-side .section-text {
              opacity: 1; } }
          @media only screen and (min-width: 1025px) {
            main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(1):after, main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(3):after {
              content: '';
              width: 1px;
              height: calc(100% + 1px);
              position: absolute;
              right: -25px;
              top: 0;
              background-color: var(--color-four-hex); } }
  @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(1):after, main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(3):after {
      right: -5px; } }
          @media only screen and (min-width: 1025px) {
            main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(1), main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(2) {
              border-top: 1px solid var(--color-four-hex); } }
          @media only screen and (max-width: 1024px) {
            main.mumbai-careers .section.five .section-in .left-side .section-text {
              padding-top: 17px;
              padding-bottom: 20px; }
              main.mumbai-careers .section.five .section-in .left-side .section-text:last-child {
                border-bottom: 0; } }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.five .section-in .left-side .section-text:nth-child(1) {
              border-top: 1px solid var(--color-four-hex); }
            main.mumbai-careers .section.five .section-in .left-side .section-text:last-child {
              border-bottom: 1px solid var(--color-four-hex); } }
          main.mumbai-careers .section.five .section-in .left-side .section-text h5 {
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 20px;
            color: var(--color-four-hex);
            margin-top: 0; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.mumbai-careers .section.five .section-in .left-side .section-text h5 {
                font-size: 26px; } }
            @media only screen and (max-width: 1024px) {
              main.mumbai-careers .section.five .section-in .left-side .section-text h5 {
                font-size: 22px;
                margin-bottom: 10px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.mumbai-careers .section.five .section-in .left-side .section-text h5 {
                font-size: 24px; } }
          main.mumbai-careers .section.five .section-in .left-side .section-text p {
            margin-top: 0;
            margin-bottom: .9em;
            font-weight: 400; }
            main.mumbai-careers .section.five .section-in .left-side .section-text p:last-child {
              margin-bottom: 0; }
  main.mumbai-careers .section.six .section-in {
    padding: 103px 0;
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) {
      main.mumbai-careers .section.six .section-in {
        padding: 103px 0; } }
    @media only screen and (max-width: 1440px) {
      main.mumbai-careers .section.six .section-in {
        padding: 103px 0; } }
    @media only screen and (max-width: 1280px) {
      main.mumbai-careers .section.six .section-in {
        padding: 103px 0; } }
    @media only screen and (max-width: 1024px) {
      main.mumbai-careers .section.six .section-in {
        padding: 57px 0; } }
    @media only screen and (max-width: 768px) {
      main.mumbai-careers .section.six .section-in {
        width: 100%;
        padding: calc(var(--page-margin-left) - 15px) 0;
        flex-wrap: wrap;
        margin-bottom: 0; } }
    @media only screen and (max-width: 480px) {
      main.mumbai-careers .section.six .section-in {
        padding-top: 27px;
        padding-bottom: 27px; } }
    main.mumbai-careers .section.six .section-in .footer-section-bg {
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0; }
      main.mumbai-careers .section.six .section-in .footer-section-bg img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    main.mumbai-careers .section.six .section-in .section-title {
      width: 50%;
      margin: 0 auto; }
      main.mumbai-careers .section.six .section-in .section-title h2 {
        /* font-size: 80px; */
        font-weight: 700;
        margin-bottom: 0;
        font-size: 3.4vw;
        text-align: center;
        line-height: 1.1;
        margin-top: 0;
        margin-bottom: 53px; }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.six .section-in .section-title h2 {
            margin-top: 0; } }
        main.mumbai-careers .section.six .section-in .section-title h2.padding {
          width: calc(70%); }
          @media only screen and (max-width: 768px) {
            main.mumbai-careers .section.six .section-in .section-title h2.padding {
              width: 100%; } }
          @media only screen and (max-width: 480px) {
            main.mumbai-careers .section.six .section-in .section-title h2.padding {
              width: 100%; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.six .section-in .section-title h2.more-padding-top {
            padding-top: 0; } }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.six .section-in .section-title h2.more-padding-top {
            padding-top: 0; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.six .section-in .section-title h2.more-padding-bottom {
            padding-bottom: 0; } }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.six .section-in .section-title h2.more-padding-bottom {
            padding-bottom: 0; } }
        @media only screen and (max-width: 1920px) {
          main.mumbai-careers .section.six .section-in .section-title h2 {
            font-size: 3.8vw; } }
        @media only screen and (max-width: 768px) {
          main.mumbai-careers .section.six .section-in .section-title h2 {
            font-size: 5.7vw;
            line-height: 1; } }
        @media only screen and (max-width: 480px) {
          main.mumbai-careers .section.six .section-in .section-title h2 {
            font-size: 32px; } }
    main.mumbai-careers .section.six .section-in .vacancies-btn {
      margin: 0 auto; }
  main.mumbai-careers .section.seven {
    height: 82px;
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 900px) {
      main.mumbai-careers .section.seven {
        height: auto;
        padding-top: 20px;
        padding-bottom: 1px; } }
    @media only screen and (min-width: 769px) and (max-width: 900px) {
      main.mumbai-careers .section.seven footer.mobile {
        margin-bottom: 7px; } }
    main.mumbai-careers .section.seven footer.mobile .bottom {
      width: calc(100% - 20px) !important;
      right: 0;
      left: 0;
      margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .section.mob-z-index-6 {
      z-index: 6 !important; } }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .section.mob-z-index-5 {
      z-index: 5 !important; } }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .section.mob-z-index-4 {
      z-index: 4 !important; } }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .section.mob-z-index-3 {
      z-index: 3 !important; } }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .section.mob-z-index-2 {
      z-index: 2 !important; } }
  @media only screen and (max-width: 768px) {
    main.mumbai-careers .section.mob-z-index-1 {
      z-index: 1 !important; } }
  main.mumbai-careers .section.z-index-6 {
    z-index: 6; }
  main.mumbai-careers .section.z-index-5 {
    z-index: 5; }
  main.mumbai-careers .section.z-index-4 {
    z-index: 4; }
  main.mumbai-careers .section.z-index-3 {
    z-index: 3; }
  main.mumbai-careers .section.z-index-2 {
    z-index: 2; }
  main.mumbai-careers .section.z-index-1 {
    z-index: 1; }

/*--------------------------------------------------------------
## Contact page
--------------------------------------------------------------*/
main.contact .page-text {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 9px;
  transform: translate(-50px, 0) rotate(-90deg);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1;
  top: calc(88px + 140px);
  cursor: pointer;
  pointer-events: all;
  z-index: 153; }
  main.contact .page-text span {
    color: inherit;
    padding: 15px 0;
    display: inline-block;
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding-right: 30px; }
    main.contact .page-text span.active, main.contact .page-text span:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1280px) {
      main.contact .page-text span {
        padding-right: 20px; } }
    main.contact .page-text span:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 1440px) {
    main.contact .page-text {
      font-size: 11px;
      left: 16px;
      top: calc(88px + 115px); } }
  @media only screen and (max-width: 1280px) {
    main.contact .page-text {
      font-size: 10px;
      left: 5px;
      top: calc(118px + 30px); } }
  @media only screen and (max-width: 1024px) {
    main.contact .page-text {
      font-size: 10px;
      left: -6px;
      top: calc(88px + 39px); } }
  @media only screen and (max-width: 768px) {
    main.contact .page-text {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.contact .page-text {
      display: none; } }
  main.contact .page-text.dark span {
    color: white; }
  main.contact .page-text.light span {
    color: var(--color-five-hex); }
main.contact .boxes {
  position: relative;
  width: 55%; }
  @media only screen and (max-width: 768px) {
    main.contact .boxes {
      width: 100%;
      margin-top: 4vw; } }
  main.contact .boxes .box-row {
    display: flex; }
    @media only screen and (max-width: 768px) {
      main.contact .boxes .box-row {
        flex-wrap: wrap; } }
    main.contact .boxes .box-row.one {
      margin-bottom: 2.2vw; }
      @media only screen and (max-width: 768px) {
        main.contact .boxes .box-row.one {
          margin-bottom: 0; } }
    main.contact .boxes .box-row.one .box {
      width: calc(25% - 2.2vw); }
    main.contact .boxes .box-row .box {
      opacity: 1;
      visibility: visible;
      position: relative;
      padding: 0 2vw;
      border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
      background: var(--bg-color-dark-hex);
      margin-right: 1.5vw;
      flex: 1 1 auto;
      box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
      border-radius: var(--menu-border-radius); }
      @media only screen and (max-width: 1280px) {
        main.contact .boxes .box-row .box {
          padding: 0 1.5vw; } }
      @media only screen and (max-width: 768px) {
        main.contact .boxes .box-row .box {
          padding: 0 5vw; } }
      @media only screen and (max-width: 480px) {
        main.contact .boxes .box-row .box {
          padding: 0 3vw; } }
      main.contact .boxes .box-row .box:last-child {
        margin-right: 0; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.contact .boxes .box-row .box {
    width: calc(100%);
    margin-bottom: 0px; } }

      main.contact .boxes .box-row .box .box-icon img {
        height: 3.5vw; }
      main.contact .boxes .box-row .box .box-inner {
        padding-top: 10vh;
        padding-bottom: 1.8vw; }
        @media only screen and (max-width: 1440px) {
          main.contact .boxes .box-row .box .box-inner {
            font-size: 0.9rem;
            padding-top: 7vh;
            padding-bottom: 1.8vw; } }
        @media only screen and (max-width: 1024px) {
          main.contact .boxes .box-row .box .box-inner {
            font-size: 0.8rem;
            padding-bottom: 1.3vw; } }
        @media only screen and (max-width: 768px) {
          main.contact .boxes .box-row .box .box-inner {
            padding-top: 5vh;
            padding-bottom: 3vh; } }
        main.contact .boxes .box-row .box .box-inner .box-title h3 {
          font-weight: 200;
          margin-bottom: 0;
          background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          width: auto;
          display: inline-block;
          font-size: 3.4vw;
          line-height: 1.1; }
          @media only screen and (max-width: 1920px) {
            main.contact .boxes .box-row .box .box-inner .box-title h3 {
              font-size: 3.8vw; } }
          @media only screen and (max-width: 1024px) {
            main.contact .boxes .box-row .box .box-inner .box-title h3 {
              font-size: 4vw; } }
          @media only screen and (max-width: 768px) {
            main.contact .boxes .box-row .box .box-inner .box-title h3 {
              font-size: 8vw; } }
          @media only screen and (max-width: 480px) {
            main.contact .boxes .box-row .box .box-inner .box-title h3 {
              font-size: 10vw; } }
        main.contact .boxes .box-row .box .box-inner .box-content-separator img {
          height: 0.3vw; }
        main.contact .boxes .box-row .box .box-inner .box-content {
          font-size: 22px;
          font-weight: 500;
          margin-top: 0;
          color: white; }
          @media only screen and (max-width: 1920px) {
            main.contact .boxes .box-row .box .box-inner .box-content {
              font-size: 20px;
              line-height: 1.3; } }
          @media only screen and (max-width: 1440px) {
            main.contact .boxes .box-row .box .box-inner .box-content {
              font-size: 16px;
              line-height: 1.3; } }
          @media only screen and (max-width: 1024px) {
            main.contact .boxes .box-row .box .box-inner .box-content {
              font-size: 15px;
              line-height: 1.2; } }
          @media only screen and (max-width: 768px) {
            main.contact .boxes .box-row .box .box-inner .box-content {
              font-size: 14px; } }
          main.contact .boxes .box-row .box .box-inner .box-content p {
            margin: 0; }
main.contact .section .disable-scroll {
  pointer-events: none; }
main.contact .section h6 {
  font-size: 22px;
  margin-top: 3vh;
  margin-bottom: 0; }
  @media only screen and (max-width: 1920px) {
    main.contact .section h6 {
      margin-top: 0; } }
main.contact .section h4 {
  line-height: 1.3;
  font-weight: 300;
  letter-spacing: 0; }
main.contact .section.one {
  background-color: var(--color-one-hex);
  padding: var(--page-margin-top) var(--page-margin-right) 210px var(--page-margin-left);
  padding-bottom: calc(var(--page-margin-left) + 20px + 40px); }
  @media only screen and (max-width: 1920px) {
    main.contact .section.one {
      padding: var(--page-margin-left-xxxl);
      padding-top: 130px;
      padding-bottom: calc(var(--page-margin-left-xxxl) + 20px + 40px); } }
  @media only screen and (max-width: 1440px) {
    main.contact .section.one {
      padding: var(--page-margin-left-xxl);
      padding-top: 120px;
      padding-bottom: calc(var(--page-margin-left-xxl) + 20px + 40px); } }
  @media only screen and (max-width: 1280px) {
    main.contact .section.one {
      padding: var(--page-margin-left-xl);
      flex-wrap: wrap;
      padding-top: 120px;
      padding-bottom: calc(var(--page-margin-left-xl) + 20px + 40px); } }
  @media only screen and (max-width: 1024px) {
    main.contact .section.one {
      padding: var(--page-margin-top-l) var(--page-margin-left-l);
      padding-top: 83px;
      padding-bottom: calc(var(--page-margin-left-l) + 20px + 40px); } }
  @media only screen and (max-width: 900px) {
    main.contact .section.one {
      padding-bottom: 1px; } }
  @media only screen and (max-width: 768px) {
    main.contact .section.one {
      padding: var(--page-margin-top-ml) var(--page-margin-left-ml);
      display: flex;
      flex-wrap: wrap;
      padding-top: 83px;
      padding-bottom: var(--page-margin-left-ml); } }
  @media only screen and (max-width: 480px) {
    main.contact .section.one {
      padding: var(--page-margin-top-m) var(--page-margin-left-m);
      padding-bottom: var(--page-margin-left-m); } }
  main.contact .section.one #myearth {
    z-index: 0;
    width: calc(45% + 126px - 6vw);
    height: 100vh;
    position: absolute;
    max-height: 50vw;
    right: 0;
    top: 40px; }
    @media only screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 3 / 2) {
      main.contact .section.one #myearth {
        width: calc(45% + 109px - 6vw + 2vh);
        max-height: 50vw;
        top: 54px;
        right: 0; } }
    @media only screen and (orientation: portrait) {
      main.contact .section.one #myearth {
        width: calc(45% + 86px - 6vw + 2vh);
        max-height: 53vw;
        top: 39px;
        right: -14px; } }
    @media only screen and (max-width: 1280px) {
      main.contact .section.one #myearth {
        z-index: 0;
        width: calc(45% + 126px - 6vw);
        height: 100vh;
        position: absolute;
        max-height: 50vw;
        right: 0;
        top: 53px; } }
    @media only screen and (max-width: 768px) {
      main.contact .section.one #myearth {
        width: 100%;
        position: relative;
        order: 1;
        margin-bottom: 30px;
        top: 0;
        transform: unset;
        right: 0;
        max-height: 110vw; } }
    @media only screen and (max-width: 480px) {
      main.contact .section.one #myearth {
        margin-bottom: 20px;
        z-index: 1; } }
    main.contact .section.one #myearth .earth-overlay {
      position: relative !important; }
    main.contact .section.one #myearth canvas {
      opacity: 0;
      visibility: hidden; }
      @media only screen and (max-width: 768px) {
        main.contact .section.one #myearth canvas {
          opacity: 1;
          visibility: visible; } }
    main.contact .section.one #myearth #photo {
      background: linear-gradient(to right, var(--color-gradient-one-to) 0%, var(--color-gradient-one-from) 100%);
      position: absolute;
      transform: translate(-50%, -120%);
      left: 0;
      top: 0;
      border-radius: var(--menu-border-radius);
      pointer-events: all;
      z-index: 100;
      filter: drop-shadow(0 15px 20px rgba(0, 0, 0, 0.3));
      max-width: 270px; }
      main.contact .section.one #myearth #photo #close-photo {
        position: absolute;
        right: 2px;
        top: 2px;
        width: 32px;
        height: 32px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg) center center no-repeat;
        background-size: 16px 16px;
        cursor: pointer;
        pointer-events: all; }
      main.contact .section.one #myearth #photo .photo-text {
        color: "#ffffff";
        padding: 15px 20px 20px 20px;
        font-size: 15px;
        font-weight: 300; }
        @media only screen and (max-width: 480px) {
          main.contact .section.one #myearth #photo .photo-text {
            font-size: 14px; } }
        main.contact .section.one #myearth #photo .photo-text div {
          margin-bottom: 2px;
          font-size: 22px; }
          @media only screen and (max-width: 480px) {
            main.contact .section.one #myearth #photo .photo-text div {
              font-size: 19px; } }
        main.contact .section.one #myearth #photo .photo-text p {
          margin: 0; }
      main.contact .section.one #myearth #photo button {
        -webkit-transition: color 0.1s ease-in-out;
        -moz-transition: color 0.1s ease-in-out;
        -ms-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out;
        border: var(--menu-border-border-top) var(--menu-border-border-style) #5db4c3;
        border-radius: var(--menu-border-radius);
        outline: 0;
        background: #103b51;
        color: #5db4c3;
        font-size: 14px;
        margin-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
        pointer-events: all;
        width: 100%; }
        main.contact .section.one #myearth #photo button:hover {
          color: white; }
    main.contact .section.one #myearth canvas {
      object-fit: cover;
      object-position: right; }
    main.contact .section.one #myearth #glow {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      max-width: 100vh;
      height: 100%;
      max-height: 100vw;
      transform: translate(-50%, -50%);
      background: radial-gradient(ellipse at center, rgba(0, 184, 255, 0.34) 25%, rgba(0, 193, 255, 0.17) 53%, rgba(0, 179, 255, 0.14) 41%, rgba(0, 156, 255, 0) 70%);
      z-index: 200;
      pointer-events: none;
      opacity: 0;
      visibility: hidden; }
  main.contact .section.one .full-height {
    height: auto;
    position: relative;
    pointer-events: none; }
    @media only screen and (orientation: portrait) {
      main.contact .section.one .full-height {
        height: auto; } }
    @media only screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 3 / 2) {
      main.contact .section.one .full-height {
        height: auto; } }
    @media only screen and (max-width: 768px) {
      main.contact .section.one .full-height {
        width: 100%;
        order: 0;
        height: auto;
        min-height: auto; } }
    @media only screen and (max-width: 480px) {
      main.contact .section.one .full-height {
        width: 100%;
        order: 0;
        height: auto;
        min-height: auto; } }
    main.contact .section.one .full-height .full-height-in {
      top: 0;
      width: 100%;
      transform: unset;
      margin-bottom: 7vw;
      position: relative; }
      @media only screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 3 / 2) {
        main.contact .section.one .full-height .full-height-in {
          position: relative;
          margin-bottom: 5vw; } }
      @media only screen and (orientation: portrait) {
        main.contact .section.one .full-height .full-height-in {
          position: relative;
          margin-bottom: 5vw; } }
      @media only screen and (max-width: 768px) {
        main.contact .section.one .full-height .full-height-in {
          transform: unset;
          top: 0;
          position: relative;
          margin-bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.contact .section.one .full-height .full-height-in {
          margin-bottom: 0; } }
    main.contact .section.one .full-height .full-bg {
      width: 85%;
      margin: 0 0 0 auto;
      top: 40px;
      position: relative; }
      main.contact .section.one .full-height .full-bg svg {
        -webkit-filter: drop-shadow(6px 6px 6px rgba(0, 0, 11, 0.2));
        filter: drop-shadow(6px 6px 6px rgba(0, 0, 11, 0.2)); }
    main.contact .section.one .full-height .bottom-left {
      padding-top: 0;
      left: 0;
      position: relative;
      letter-spacing: -.1px;
      width: 55%; }
      @media only screen and (max-width: 1024px) {
        main.contact .section.one .full-height .bottom-left {
          width: 55%; } }
      @media only screen and (max-width: 768px) {
        main.contact .section.one .full-height .bottom-left {
          width: 100%; } }
      main.contact .section.one .full-height .bottom-left h2 {
        line-height: 1.04;
        font-size: 5.2vw;
        margin-top: 0.1em;
        color: white;
        opacity: 1; }
        @media only screen and (max-width: 1024px) {
          main.contact .section.one .full-height .bottom-left h2 {
            font-size: 5.2vw; } }
        @media only screen and (max-width: 768px) {
          main.contact .section.one .full-height .bottom-left h2 {
            font-size: 5.7vw;
            width: 90%; } }
        @media only screen and (max-width: 480px) {
          main.contact .section.one .full-height .bottom-left h2 {
            font-size: 10vw;
            width: 100%; } }
      main.contact .section.one .full-height .bottom-left h6 {
        color: var(--color-four-hex);
        font-size: 22px;
        display: none;
        letter-spacing: 2px; }
        @media only screen and (max-width: 1920px) {
          main.contact .section.one .full-height .bottom-left h6 {
            font-size: 20px;
            line-height: 1.3; } }
        @media only screen and (max-width: 1440px) {
          main.contact .section.one .full-height .bottom-left h6 {
            font-size: 16px;
            line-height: 1.3; } }
        @media only screen and (max-width: 768px) {
          main.contact .section.one .full-height .bottom-left h6 {
            font-size: 14px;
            padding-top: 75px; } }
  main.contact .section.one .locations {
    margin-top: 0; }
    @media only screen and (max-width: 1920px) {
      main.contact .section.one .locations {
        margin-top: 0; } }
    @media only screen and (max-width: 768px) {
      main.contact .section.one .locations {
        width: 100%;
        order: 2; } }
    main.contact .section.one .locations h6 {
      color: #fff;
      margin-top: 0;
      margin-bottom: 30px;
      margin-left: 10px;
      font-size: 22px;
      letter-spacing: 2px; }
      @media only screen and (max-width: 1920px) {
        main.contact .section.one .locations h6 {
          font-size: 20px;
          line-height: 1.3; } }
      @media only screen and (max-width: 1440px) {
        main.contact .section.one .locations h6 {
          font-size: 16px;
          line-height: 1.3; } }
      @media only screen and (max-width: 768px) {
        main.contact .section.one .locations h6 {
          font-size: 14px; } }
      @media only screen and (max-width: 480px) {
        main.contact .section.one .locations h6 {
          margin-left: 0;
          margin-bottom: 8px; } }
    main.contact .section.one .locations .locations-in .location {
      will-change: transform;
      overflow: hidden;
      margin: 5px 10px;
      cursor: pointer;
      color: black;
      background: white;
      border-radius: var(--menu-border-radius);
      position: relative;
      z-index: 1; }
      @media only screen and (max-width: 768px) {
        main.contact .section.one .locations .locations-in .location {
          margin: 5px 0; } }
      main.contact .section.one .locations .locations-in .location .location-overview {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 150px; }
        @media only screen and (max-width: 1920px) {
          main.contact .section.one .locations .locations-in .location .location-overview {
            height: 130px; } }
        @media only screen and (max-width: 1440px) {
          main.contact .section.one .locations .locations-in .location .location-overview {
            height: 110px; } }
        @media only screen and (max-width: 1280px) {
          main.contact .section.one .locations .locations-in .location .location-overview {
            height: 110px; } }
        @media only screen and (max-width: 1024px) {
          main.contact .section.one .locations .locations-in .location .location-overview {
            height: 130px; } }
        @media only screen and (max-width: 768px) {
          main.contact .section.one .locations .locations-in .location .location-overview {
            height: 165px; } }
        @media only screen and (max-width: 480px) {
          main.contact .section.one .locations .locations-in .location .location-overview {
            flex-wrap: wrap;
            height: auto; } }
        main.contact .section.one .locations .locations-in .location .location-overview .location-text {
          flex: 1 1 auto;
          color: black;
          width: 78%;
          padding: 45px 70px;
          background-color: var(--bg-color-light-hex); }
          @media only screen and (max-width: 1920px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-text {
              padding: 28px 70px;
              width: 65%; } }
          @media only screen and (max-width: 1440px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-text {
              padding: 19px 50px;
              width: 63%; } }
          @media only screen and (max-width: 1280px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-text {
              padding: 26px 50px;
              width: 50%; } }
          @media only screen and (max-width: 1024px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-text {
              width: 50%;
              padding: 43px 30px; } }
          @media only screen and (max-width: 768px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-text {
              padding: 67px 30px; } }
          @media only screen and (max-width: 480px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-text {
              width: 100%;
              padding: 15px 17px;
              padding-bottom: 7px; } }
          main.contact .section.one .locations .locations-in .location .location-overview .location-text h4 {
            font-weight: 300;
            font-size: 50px;
            color: #515C65; }
            @media only screen and (max-width: 1280px) {
              main.contact .section.one .locations .locations-in .location .location-overview .location-text h4 {
                font-size: 40px; } }
            @media only screen and (max-width: 1024px) {
              main.contact .section.one .locations .locations-in .location .location-overview .location-text h4 {
                font-size: 33px; } }
            @media only screen and (max-width: 768px) {
              main.contact .section.one .locations .locations-in .location .location-overview .location-text h4 {
                font-size: 26px;
                line-height: 1;
                margin-top: 0; } }
            @media only screen and (max-width: 480px) {
              main.contact .section.one .locations .locations-in .location .location-overview .location-text h4 {
                margin-top: 0; } }
        main.contact .section.one .locations .locations-in .location .location-overview .location-details {
          flex: 1 1 auto;
          width: 22%;
          font-size: 14px;
          padding: 0px 50px;
          background-color: rgba(207, 209, 211, 0.72);
          display: flex;
          align-items: center; }
          @media only screen and (max-width: 1920px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-details {
              width: 35%;
              padding: 0px 25px; } }
          @media only screen and (max-width: 1440px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-details {
              width: 37%;
              padding: 0px 25px; } }
          @media only screen and (max-width: 1280px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-details {
              padding: 0 25px;
              width: 50%; } }
          @media only screen and (max-width: 1024px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-details {
              width: 50%;
              padding: 0 25px; } }
          @media only screen and (max-width: 768px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-details {
              font-size: 13px;
              padding: 0 15px; } }
          @media only screen and (max-width: 480px) {
            main.contact .section.one .locations .locations-in .location .location-overview .location-details {
              width: 100%;
              background-color: var(--bg-color-light-hex);
              padding: 0px 17px;
              padding-bottom: 15px;
              font-size: 12px; }
              main.contact .section.one .locations .locations-in .location .location-overview .location-details br.hide-mobile {
                display: none; } }
          main.contact .section.one .locations .locations-in .location .location-overview .location-details p {
            color: #515C65;
            margin: 0;
            font-size: 14px;
            max-width: 350px;
            line-height: 1.6; }
      main.contact .section.one .locations .locations-in .location .location-departments {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: 0;
        cursor: auto;
        font-size: 15px; }
        main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in {
          flex: 1 1 auto;
          width: 78%;
          overflow: scroll;
          overflow-x: hidden; }
          @media only screen and (max-width: 1920px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in {
              width: 65%; } }
          @media only screen and (max-width: 1440px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in {
              width: 63%; } }
          @media only screen and (max-width: 1280px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in {
              width: 50%; } }
          @media only screen and (max-width: 1024px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in {
              width: 50%; } }
          @media only screen and (max-width: 480px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in {
              width: 60%; } }
          main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
            padding: 50px 70px;
            min-height: 50vh; }
            @media only screen and (max-width: 1920px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
                padding: 50px 70px; } }
            @media only screen and (max-width: 1440px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
                padding: 37px 50px; } }
            @media only screen and (max-width: 1280px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
                padding: 35px 50px; } }
            @media only screen and (max-width: 1024px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
                padding: 31px 30px; } }
            @media only screen and (max-width: 768px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
                padding: 41px 21px; } }
            @media only screen and (max-width: 480px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .scroll-content {
                padding: 15px 17px;
                padding-bottom: 7px; } }
          main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department {
            border-bottom: 1px solid #A9AEB3;
            padding-bottom: 30px; }
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department:not(:first-child) {
              padding-top: 30px; }
              @media only screen and (max-width: 480px) {
                main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department:not(:first-child) {
                  padding-top: 20px; } }
            @media only screen and (max-width: 768px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department {
                font-size: 13px; } }
            @media only screen and (max-width: 480px) {
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department {
                font-size: 12px;
                padding-bottom: 20px; } }
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .department-title {
              margin-bottom: 0; }
            main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              flex-wrap: wrap; }
              @media only screen and (max-width: 768px) {
                main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts {
                  word-break: break-all; } }
              main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts .contact {
                padding-top: 20px;
                max-width: 33.3%;
                width: 33.3%;
                flex: 1 1 auto; }
                @media only screen and (max-width: 1440px) {
                  main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts .contact {
                    max-width: 50%;
                    width: 50%; } }
                @media only screen and (max-width: 1280px) {
                  main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts .contact {
                    max-width: 100%;
                    width: 100%; } }
                @media only screen and (max-width: 1024px) {
                  main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts .contact {
                    max-width: 100%;
                    width: 100%; } }
                @media only screen and (max-width: 480px) {
                  main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts .contact {
                    padding-top: 15px; } }
                @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                  main.contact .section.one .locations .locations-in .location .location-departments .location-departments-in .location-department .contacts .contact {
                    max-width: 50%;
                    width: 50%; } }
        main.contact .section.one .locations .locations-in .location .location-departments .location-map {
          flex: 1 1 auto;
          width: 22%;
          max-height: 60vh;
          background-color: #E7E8EA; }
          @media only screen and (max-width: 1920px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-map {
              width: 35%; } }
          @media only screen and (max-width: 1440px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-map {
              width: 37%; } }
          @media only screen and (max-width: 1280px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-map {
              width: 50%; } }
          @media only screen and (max-width: 1024px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-map {
              width: 50%; } }
          @media only screen and (max-width: 480px) {
            main.contact .section.one .locations .locations-in .location .location-departments .location-map {
              width: 40%; } }
          main.contact .section.one .locations .locations-in .location .location-departments .location-map img {
            height: 100%;
            object-fit: cover;
            width: 100%;
            object-position: center; }
          main.contact .section.one .locations .locations-in .location .location-departments .location-map .map-item {
            height: 100%;
            width: 100%;
            display: block;
            opacity: 1;
            visibility: visible; }
  main.contact .section.one footer {
    order: 4;
    width: 100%; }
    @media only screen and (max-width: 900px) {
      main.contact .section.one footer {
        margin-top: var(--page-margin-left-l); } }
    @media only screen and (max-width: 768px) {
      main.contact .section.one footer {
        margin-top: var(--page-margin-left-ml); } }
    @media only screen and (max-width: 480px) {
      main.contact .section.one footer {
        margin-top: var(--page-margin-left-m); } }
    @media only screen and (max-width: 900px) {
      main.contact .section.one footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-l) - 30px);
        left: calc(-1 * var(--page-margin-left-l) + 10px);
        position: relative; } }
    @media only screen and (max-width: 768px) {
      main.contact .section.one footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-ml) - 20px);
        left: calc(-1 * var(--page-margin-left-ml) + 10px);
        position: relative; } }
    @media only screen and (max-width: 480px) {
      main.contact .section.one footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-m) - 20px);
        left: calc(-1 * var(--page-margin-left-m) + 10px);
        position: relative; } }
main.contact .test {
  width: 100%;
  top: 50%;
  position: relative;
  text-align: center;
  font-size: 40px; }
main.contact .height, main.contact .height2 {
  position: relative; }

#myearth {
  width: 100%;
  height: 100vh;
  max-height: 100vw;
  overflow: visible;
  opacity: 1;
  transition: opacity 1.5s ease-in; }
  @media only screen and (max-width: 768px) {
    #myearth {
      opacity: 1;
      visibility: visible; } }

#myearth.earth-ready {
  opacity: 1; }

#myearth::before {
  content: none; }

/*--------------------------------------------------------------
## About us page
--------------------------------------------------------------*/
.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, 30%, 0) scale(1.6);
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible; }
  .video-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

main.about-us .space {
  height: 100vh; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.about-us .space {
      height: 80vh; } }
main.about-us .section {
  position: relative; }
  main.about-us .section.one {
    padding: var(--page-margin-top) var(--page-margin-right) 0 var(--page-margin-left); }
    @media only screen and (max-width: 1920px) {
      main.about-us .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xxxl) 0 var(--page-margin-left-xxxl);
        padding-top: 130px; } }
    @media only screen and (max-width: 1440px) {
      main.about-us .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xxl) 0 var(--page-margin-left-xxl);
        padding-top: 120px; } }
    @media only screen and (max-width: 1280px) {
      main.about-us .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-xl) 0 var(--page-margin-left-xl);
        padding-top: 120px; } }
    @media only screen and (max-width: 1024px) {
      main.about-us .section.one {
        padding: var(--page-margin-top) var(--page-margin-right-l) 0 var(--page-margin-left-l);
        padding-top: 83px; } }
    @media only screen and (orientation: portrait) {
      main.about-us .section.one {
        padding-top: var(--page-margin-top-portrait);
        padding-bottom: var(--page-margin-bottom-portrait); } }
    @media only screen and (max-width: 768px) {
      main.about-us .section.one {
        min-height: unset;
        position: relative;
        padding: var(--page-margin-top-ml) var(--page-margin-left-ml);
        padding-top: 83px;
        padding-bottom: var(--page-margin-left-ml); } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.about-us .section.one {
    padding-top: var(--page-margin-top-m);
    padding-left: var(--page-margin-left-m);
    padding-right: var(--page-margin-right-m); } }

    main.about-us .section.one h1 {
      color: white;
      font-size: 7.15vw;
      line-height: 0.9;
      margin-top: 0.1em; }
    main.about-us .section.one h2 {
      color: white;
      font-size: 7.15vw;
      line-height: 0.95;
      margin-top: 0.1em; }
    main.about-us .section.one .section-title {
      margin-bottom: calc(4.2vw); }
      @media only screen and (min-width: 481px) {
        main.about-us .section.one .section-title.mobile {
          display: none; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.one .section-title.desktop {
          display: none; } }
      main.about-us .section.one .section-title h1 {
        opacity: 1; }
        @media only screen and (max-width: 1440px) {
          main.about-us .section.one .section-title h1 {
            font-size: 7.8vw; } }
        @media only screen and (max-width: 1024px) {
          main.about-us .section.one .section-title h1 {
            font-size: 7vw;
            margin-bottom: calc(5.1vw); } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.one .section-title h1 {
            font-size: 8.5vw;
            line-height: 0.95; } }
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
          main.about-us .section.one .section-title h1 {
            font-size: 8.1vw !important; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.one .section-title h1 {
            font-size: 15.3vw; } }
    main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5px;
      color: white;
      transform: scale(3.4);
      transform-origin: 0% 0%;
      opacity: 0; }
      @media only screen and (max-width: 480px) {
        main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) {
          display: none; } }
      main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row {
        display: flex;
        position: relative; }
        main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row.last-child .col .bottom-line {
          width: 100%;
          height: 1px;
          background-color: white;
          bottom: 0;
          left: 0;
          position: absolute; }
        main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col {
          flex: 1 1 auto;
          margin-right: 4.2vw;
          width: calc(33.3% - 4.2vw);
          /* border-right: 1px solid #889da8; */
          /* border-collapse: separate; */
          /* padding-right: 2.2vw; */
          position: relative;
          padding-top: 3.4vh;
          padding-bottom: 3.3vh; }
          main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .top-line {
            content: '';
            width: 0%;
            height: 1px;
            background-color: white;
            top: 0;
            left: 0;
            position: absolute; }
          @media only screen and (max-width: 768px) {
            main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col {
              padding-top: 5vh;
              padding-bottom: 3vw; } }
          main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col:last-child {
            margin-right: 0;
            border-right: none; }
          main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col:not(:last-child):after {
            content: "";
            width: 1px;
            right: -2.1vw;
            height: calc(100% + 1px);
            background-color: white;
            top: 0;
            position: absolute; }
          main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
            font-weight: 600;
            font-size: 3.4vw;
            line-height: 1.1;
            margin: 0; }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 4.2vw; } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 4.5vw; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 7.7vw; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .number h3 {
                font-size: 11vw;
                line-height: 1; } }
          main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.1; }
            @media only screen and (max-width: 1440px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 20px; } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 16px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.1;
                margin-top: 0; } }
          main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
            position: relative;
            padding: 0 2vw;
            border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
            background: var(--bg-color-dark-hex);
            margin-right: 1.5vw;
            flex: 1 1 auto;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
            border-radius: var(--menu-border-radius); }
            main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:last-child {
              margin-right: 0; }
            @media only screen and (orientation: portrait) {
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
                width: calc(50% - 3vw);
                margin-bottom: 3vw; }
                main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(odd) {
                  margin-right: 3vw; }
                main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(even) {
                  margin-right: 0; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box {
    width: calc(100%);
    margin-bottom: 3vw; }
    main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(odd) {
      margin-right: 0; }
    main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box:nth-child(even) {
      margin-right: 0; } }

            main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-icon img {
              height: 3.5vw; }
            main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
              padding-top: 10vh;
              padding-bottom: 3.3vh; }
              @media only screen and (max-width: 1440px) {
                main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
                  font-size: 0.9rem;
                  padding-top: 2vh;
                  padding-bottom: 2vh; } }
              @media only screen and (max-width: 1024px) {
                main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner {
                  font-size: 0.8rem; } }
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-title h3 {
                font-weight: 200;
                margin-bottom: 0;
                background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                width: auto;
                display: inline-block;
                font-size: 3.4vw;
                line-height: 1.1; }
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content-separator img {
                height: 0.3vw; }
              main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content {
                font-size: 22px;
                font-weight: 500;
                margin-top: 0;
                color: white; }
                main.about-us .section.one .boxes:not(.mobile):not(footer.site-footer.mobile.posts) .row .col .box .box-inner .box-content p {
                  margin: 0; }
    main.about-us .section.one .boxes.mobile {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5px;
      color: white;
      transform: scale(2.09);
      transform-origin: 0% 0%;
      opacity: 0; }
      @media only screen and (min-width: 481px) {
        main.about-us .section.one .boxes.mobile {
          display: none; } }
      main.about-us .section.one .boxes.mobile .row {
        display: flex;
        position: relative; }
        main.about-us .section.one .boxes.mobile .row.last-child .col .bottom-line {
          width: 100%;
          height: 1px;
          background-color: white;
          bottom: 0;
          left: 0;
          position: absolute; }
        main.about-us .section.one .boxes.mobile .row .col {
          flex: 1 1 auto;
          margin-right: 4.2vw;
          width: calc(50% - 4.2vw);
          /* border-right: 1px solid #889da8; */
          /* border-collapse: separate; */
          /* padding-right: 2.2vw; */
          position: relative;
          padding-top: 3.4vh;
          padding-bottom: 3.3vh; }
          main.about-us .section.one .boxes.mobile .row .col .top-line {
            content: '';
            width: 0%;
            height: 1px;
            background-color: white;
            top: 0;
            left: 0;
            position: absolute; }
          @media only screen and (max-width: 480px) {
            main.about-us .section.one .boxes.mobile .row .col {
              padding-top: 8vh; } }
          main.about-us .section.one .boxes.mobile .row .col:last-child {
            margin-right: 0;
            border-right: none; }
          main.about-us .section.one .boxes.mobile .row .col:not(:last-child):after {
            content: "";
            width: 1px;
            right: -2.1vw;
            height: calc(100% + 1px);
            background-color: white;
            top: 0;
            position: absolute; }
          main.about-us .section.one .boxes.mobile .row .col .number h3 {
            font-weight: 600;
            font-size: 3.4vw;
            line-height: 1.1;
            margin: 0; }
            @media only screen and (max-width: 768px) {
              main.about-us .section.one .boxes.mobile .row .col .number h3 {
                font-size: 7.7vw; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.one .boxes.mobile .row .col .number h3 {
                font-size: 10vw; } }
          main.about-us .section.one .boxes.mobile .row .col .desc {
            font-size: 22px;
            font-weight: 500;
            line-height: 1.1; }
            @media only screen and (max-width: 768px) {
              main.about-us .section.one .boxes.mobile .row .col .desc {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.1;
                margin-top: 10px; } }
          main.about-us .section.one .boxes.mobile .row .col .box {
            position: relative;
            padding: 0 2vw;
            border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
            background: var(--bg-color-dark-hex);
            margin-right: 1.5vw;
            flex: 1 1 auto;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
            border-radius: var(--menu-border-radius); }
            main.about-us .section.one .boxes.mobile .row .col .box:last-child {
              margin-right: 0; }
            @media only screen and (orientation: portrait) {
              main.about-us .section.one .boxes.mobile .row .col .box {
                width: calc(50% - 3vw);
                margin-bottom: 3vw; }
                main.about-us .section.one .boxes.mobile .row .col .box:nth-child(odd) {
                  margin-right: 3vw; }
                main.about-us .section.one .boxes.mobile .row .col .box:nth-child(even) {
                  margin-right: 0; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.about-us .section.one .boxes.mobile .row .col .box {
    width: calc(100%);
    margin-bottom: 3vw; }
    main.about-us .section.one .boxes.mobile .row .col .box:nth-child(odd) {
      margin-right: 0; }
    main.about-us .section.one .boxes.mobile .row .col .box:nth-child(even) {
      margin-right: 0; } }

            main.about-us .section.one .boxes.mobile .row .col .box .box-icon img {
              height: 3.5vw; }
            main.about-us .section.one .boxes.mobile .row .col .box .box-inner {
              padding-top: 10vh;
              padding-bottom: 3.3vh; }
              @media only screen and (max-width: 1440px) {
                main.about-us .section.one .boxes.mobile .row .col .box .box-inner {
                  font-size: 0.9rem;
                  padding-top: 2vh;
                  padding-bottom: 2vh; } }
              @media only screen and (max-width: 1024px) {
                main.about-us .section.one .boxes.mobile .row .col .box .box-inner {
                  font-size: 0.8rem; } }
              main.about-us .section.one .boxes.mobile .row .col .box .box-inner .box-title h3 {
                font-weight: 200;
                margin-bottom: 0;
                background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                width: auto;
                display: inline-block;
                font-size: 3.4vw;
                line-height: 1.1; }
              main.about-us .section.one .boxes.mobile .row .col .box .box-inner .box-content-separator img {
                height: 0.3vw; }
              main.about-us .section.one .boxes.mobile .row .col .box .box-inner .box-content {
                font-size: 22px;
                font-weight: 500;
                margin-top: 0;
                color: white; }
                main.about-us .section.one .boxes.mobile .row .col .box .box-inner .box-content p {
                  margin: 0; }
  main.about-us .section.four, main.about-us .section.six {
    background: white; }
    main.about-us .section.four .section-in, main.about-us .section.six .section-in {
      display: flex;
      padding: 53px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.four .section-in, main.about-us .section.six .section-in {
          padding: 53px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.four .section-in, main.about-us .section.six .section-in {
          padding: 53px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.four .section-in, main.about-us .section.six .section-in {
          padding: 53px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.four .section-in, main.about-us .section.six .section-in {
          padding: 34px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.four .section-in, main.about-us .section.six .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.four .section-in, main.about-us .section.six .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
    main.about-us .section.four .placeholder, main.about-us .section.six .placeholder {
      flex: 1 1 auto;
      width: calc(30%);
      padding-top: 14px; }
      @media only screen and (max-width: 768px) {
        main.about-us .section.four .placeholder, main.about-us .section.six .placeholder {
          width: 100%;
          padding-top: 0; } }
      main.about-us .section.four .placeholder .image, main.about-us .section.six .placeholder .image {
        width: 87%;
        position: relative;
        z-index: 1;
        box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        object-fit: cover;
        height: calc(100vh - 2*68px - 2*var(--menu-top));
        border-radius: var(--menu-border-radius);
        max-height: 510px;
        min-height: 350px; }
        @media only screen and (max-width: 1920px) {
          main.about-us .section.four .placeholder .image, main.about-us .section.six .placeholder .image {
            max-height: 560px; } }
        @media only screen and (max-width: 1440px) {
          main.about-us .section.four .placeholder .image, main.about-us .section.six .placeholder .image {
            max-height: 430px; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.four .placeholder .image, main.about-us .section.six .placeholder .image {
            width: 100%;
            height: 433px;
            box-shadow: none;
            display: none; } }
        main.about-us .section.four .placeholder .image img, main.about-us .section.six .placeholder .image img {
          height: 650px;
          width: 100%;
          object-fit: cover; }
          @media only screen and (max-width: 768px) {
            main.about-us .section.four .placeholder .image img, main.about-us .section.six .placeholder .image img {
              height: 433px; } }
    main.about-us .section.four .text, main.about-us .section.six .text {
      flex: 1 1 auto;
      width: calc(65% - 4vw);
      margin-left: 4vw;
      line-height: 1.9;
      font-size: 16px;
      color: var(--color-five-hex); }
      @media only screen and (max-width: 768px) {
        main.about-us .section.four .text, main.about-us .section.six .text {
          width: 100%;
          margin-left: 0;
          padding: 0; } }
      main.about-us .section.four .text p:last-child, main.about-us .section.six .text p:last-child {
        margin-bottom: 0; }
      main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
        margin-top: 0;
        font-size: 56px;
        color: var(--color-five-hex);
        line-height: 1.3;
        margin-bottom: 25px; }
        @media only screen and (max-width: 1920px) {
          main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
            font-size: 50px; } }
        @media only screen and (max-width: 1440px) {
          main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
            margin-bottom: 15px;
            font-size: 47px;
            line-height: 1.2; } }
        @media only screen and (max-width: 1280px) {
          main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
            font-size: 34px; } }
        @media only screen and (max-width: 1024px) {
          main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
            font-size: 28px; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
            font-size: 26px;
            line-height: 1; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.four .text h2, main.about-us .section.six .text h2 {
            font-size: 26px; } }
      main.about-us .section.four .text p, main.about-us .section.six .text p {
        margin-top: 0;
        margin-bottom: 1em;
        font-weight: 400;
        text-align: justify; }
        @media only screen and (max-width: 480px) {
          main.about-us .section.four .text p, main.about-us .section.six .text p {
            text-align: left; } }
  @media only screen and (max-width: 1440px) {
    main.about-us .section.four .section-in {
      align-items: unset; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.six {
      background: transparent;
      margin-top: -46px; } }
  @media only screen and (max-width: 480px) {
    main.about-us .section.six {
      margin-top: 0; } }
  main.about-us .section.six .section-in {
    padding: 0 var(--page-margin-left);
    align-items: flex-start;
    padding-bottom: 70px; }
    @media only screen and (max-width: 1920px) {
      main.about-us .section.six .section-in {
        padding: 0 var(--page-margin-left-xxxl);
        padding-bottom: 70px; } }
    @media only screen and (max-width: 1440px) {
      main.about-us .section.six .section-in {
        top: -140px;
        padding: 0 var(--page-margin-left-xxl);
        padding-bottom: 70px; } }
    @media only screen and (max-width: 1280px) {
      main.about-us .section.six .section-in {
        padding: 0 var(--page-margin-left-xl);
        padding-bottom: 70px; } }
    @media only screen and (max-width: 1024px) {
      main.about-us .section.six .section-in {
        padding-bottom: 30px; } }
    @media only screen and (max-width: 768px) {
      main.about-us .section.six .section-in {
        padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
    @media only screen and (max-width: 480px) {
      main.about-us .section.six .section-in {
        padding: var(--page-margin-left-m);
        padding-top: 0;
        padding-bottom: 20px; } }
    main.about-us .section.six .section-in .placeholder {
      height: 0; }
      @media only screen and (max-width: 768px) {
        main.about-us .section.six .section-in .placeholder {
          display: none; } }
      main.about-us .section.six .section-in .placeholder div.image {
        box-shadow: unset;
        height: 400px; }
        main.about-us .section.six .section-in .placeholder div.image img {
          height: auto; }
    main.about-us .section.six .section-in .text {
      padding: 0;
      padding-top: 30px; }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.six .section-in .text {
          padding-top: 45px; } }
      main.about-us .section.six .section-in .text p:last-child {
        margin-bottom: 0; }
      @media only screen and (max-width: 768px) {
        main.about-us .section.six .section-in .text {
          padding: 0; } }
  main.about-us .section.two {
    background-color: var(--color-six-hex);
    height: 410px; }
    main.about-us .section.two:after {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 1440px) {
      main.about-us .section.two {
        height: 328px; } }
    @media only screen and (max-width: 1280px) {
      main.about-us .section.two {
        height: 258px; } }
    @media only screen and (max-width: 1024px) {
      main.about-us .section.two {
        height: 228px; } }
    @media only screen and (max-width: 768px) {
      main.about-us .section.two {
        height: auto; } }
    main.about-us .section.two h2 {
      line-height: 90px;
      margin-bottom: 0; }
    main.about-us .section.two .section-in {
      padding-top: 50px;
      padding-left: var(--page-margin-left);
      padding-right: var(--page-margin-right);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.two .section-in {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding-left: var(--page-margin-left-xxxl);
          padding-right: var(--page-margin-right-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.two .section-in {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl));
          padding-left: var(--page-margin-left-xxl);
          padding-right: var(--page-margin-right-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.two .section-in {
          max-width: calc(1400px + 2 * var(--page-margin-left-xl));
          padding-left: var(--page-margin-left-xl);
          padding-right: var(--page-margin-right-xl); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.two .section-in {
          max-width: calc(1400px + 2 * var(--page-margin-left-l));
          padding-left: var(--page-margin-left-l);
          padding-right: var(--page-margin-right-l);
          padding-top: 30px; } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.two .section-in {
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.two .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.about-us .section.two .section-in .placeholder {
        width: calc(30%);
        margin-right: 0;
        flex: 1 1 auto; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.two .section-in .placeholder {
            display: none; } }
      main.about-us .section.two .section-in .pools-text {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-left: 4vw;
        color: #535E67; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.two .section-in .pools-text {
            width: 100%;
            margin-left: 0;
            flex: none; } }
        main.about-us .section.two .section-in .pools-text .pools-title h2 {
          margin-top: 0;
          font-size: 56px; }
          @media only screen and (max-width: 1920px) {
            main.about-us .section.two .section-in .pools-text .pools-title h2 {
              font-size: 50px; } }
          @media only screen and (max-width: 1440px) {
            main.about-us .section.two .section-in .pools-text .pools-title h2 {
              font-size: 47px;
              line-height: 1.2; } }
          @media only screen and (max-width: 1280px) {
            main.about-us .section.two .section-in .pools-text .pools-title h2 {
              font-size: 34px; } }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.two .section-in .pools-text .pools-title h2 {
              font-size: 28px; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.two .section-in .pools-text .pools-title h2 {
              font-size: 26px;
              line-height: 1; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.two .section-in .pools-text .pools-title h2 {
              font-size: 26px; } }
        main.about-us .section.two .section-in .pools-text .pools-content h6 {
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 0.75em;
          line-height: 1.6;
          font-size: 19px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1440px) {
            main.about-us .section.two .section-in .pools-text .pools-content h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.about-us .section.two .section-in .pools-text .pools-content h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.two .section-in .pools-text .pools-content h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.two .section-in .pools-text .pools-content h6 {
              margin-top: 0.5em;
              margin-bottom: 0;
              font-size: 13px; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.two .section-in .pools-text .pools-content h6 br {
              display: none; } }
  main.about-us .section.three {
    background-color: #fff;
    position: relative; }
    main.about-us .section.three:after {
      content: "";
      display: table;
      clear: both; }
    main.about-us .section.three .shadow {
      position: absolute;
      top: 0;
      height: calc(100% - 160px - calc(var(--page-margin-left) - 50px) );
      /* margin: 0 var(--page-margin-left); */
      max-width: calc(1400px );
      /* margin: 0 auto; */
      width: 100vw;
      transform: translate(-50%, 0);
      left: 50%;
      z-index: 0; }
    main.about-us .section.three .pool-table {
      padding: 0 var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding: 0 var(--page-margin-left-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl));
          padding: 0 var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-xl));
          padding: 0 var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding: 0 var(--page-margin-left-l); } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.three .pool-table {
          padding: 0; } }
      main.about-us .section.three .pool-table:after {
        content: "";
        display: table;
        clear: both; }
      main.about-us .section.three .pool-table .pool-table-in {
        padding: 70px 70px 70px;
        background-color: #ffffff9e;
        position: relative;
        width: 100%;
        top: -160px;
        box-shadow: 20px 20px 60px -20px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 1440px) {
          main.about-us .section.three .pool-table .pool-table-in {
            top: -140px; } }
        @media only screen and (max-width: 1280px) {
          main.about-us .section.three .pool-table .pool-table-in {
            padding: 40px;
            top: -100px; } }
        @media only screen and (max-width: 1024px) {
          main.about-us .section.three .pool-table .pool-table-in {
            top: -90px; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.three .pool-table .pool-table-in {
            padding: var(--page-margin-left-ml);
            top: 0;
            box-shadow: none;
            padding: 0; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.three .pool-table .pool-table-in {
            padding-bottom: 35px; } }
        main.about-us .section.three .pool-table .pool-table-in .pool-text-part {
          color: white;
          margin-top: 0;
          margin-bottom: 1.8vw;
          height: 90px;
          background: var(--color-five-hex);
          display: flex;
          align-items: center;
          padding: 30px 40px; }
          @media only screen and (max-width: 1440px) {
            main.about-us .section.three .pool-table .pool-table-in .pool-text-part {
              height: 70px; } }
          @media only screen and (max-width: 1280px) {
            main.about-us .section.three .pool-table .pool-table-in .pool-text-part {
              padding: 10px 20px;
              height: 60px; } }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.three .pool-table .pool-table-in .pool-text-part {
              height: 50px; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.three .pool-table .pool-table-in .pool-text-part {
              height: auto;
              flex-wrap: wrap;
              padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
              margin-bottom: 0; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.three .pool-table .pool-table-in .pool-text-part {
              padding: var(--page-margin-left-m);
              margin-bottom: 0;
              padding-top: 20px;
              padding-bottom: 27px; } }
          main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
            margin-bottom: 0;
            font-weight: 700;
            font-size: 30px;
            margin-top: 0;
            width: calc(30% + 4vw - 35px - 40px);
            flex: 1 1 auto;
            line-height: 40px; }
            @media only screen and (max-width: 1920px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
                font-size: 30px; } }
            @media only screen and (max-width: 1440px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
                font-size: 25px;
                width: calc(30% + 6vw - 40px); } }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
                font-size: 22px;
                width: calc(30% + 4vw - 35px - 20px); } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
                font-size: 16px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
                margin-bottom: 0;
                font-size: 23px;
                margin-top: 0;
                width: 100%;
                flex: 1 1 auto;
                line-height: 1;
                padding-bottom: 0px;
                border-right: 0; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h3 {
                font-size: 22px;
                line-height: 1;
                margin-bottom: 5px; } }
          main.about-us .section.three .pool-table .pool-table-in .pool-text-part h6 {
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 0;
            flex: 1 1 auto;
            font-size: 19px;
            line-height: 1.6;
            width: calc(65% - 4vw - 0px);
            padding-right: 6vw;
            letter-spacing: 1px; }
            @media only screen and (max-width: 1440px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h6 {
                font-size: 17px;
                line-height: 1.5; } }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h6 {
                font-size: 16px;
                line-height: 1.4;
                width: calc(65% - 4vw - 10px); } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h6 {
                font-size: 14px;
                line-height: 1.35;
                letter-spacing: 0px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h6 {
                font-weight: 600;
                margin-top: 0.5em;
                margin-bottom: 0;
                margin-left: 0;
                flex: 1 1 auto;
                font-size: 13px;
                width: 100%; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.three .pool-table .pool-table-in .pool-text-part h6 {
                margin-top: 0; } }
        main.about-us .section.three .pool-table .pool-table-in .types {
          display: grid;
          grid-template-columns: auto auto auto auto auto auto;
          grid-template-rows: auto auto auto;
          grid-row-gap: 1.8vw;
          grid-column-gap: 1.8vw; }
          @media only screen and (max-width: 768px) {
            main.about-us .section.three .pool-table .pool-table-in .types {
              grid-template-columns: auto auto auto auto auto auto;
              grid-template-rows: auto auto auto;
              padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
              grid-row-gap: 1.1vw;
              grid-column-gap: 1.1vw; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.three .pool-table .pool-table-in .types {
              grid-row-gap: 1.3vw;
              grid-column-gap: 1.3vw; } }
          @media only screen and (min-width: 241px) and (max-width: 480px) {
            main.about-us .section.three .pool-table .pool-table-in .types {
              grid-template-columns: auto auto auto;
              grid-template-rows: auto auto auto auto auto auto; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.three .pool-table .pool-table-in .types {
              padding: var(--page-margin-left-m); } }
          main.about-us .section.three .pool-table .pool-table-in .types .type-box-container {
            padding-top: 100%;
            position: relative;
            width: 100%;
            background-color: #ffffff9e; }
            main.about-us .section.three .pool-table .pool-table-in .types .type-box-container .type-box {
              border: 1px solid #dddfe1;
              border-radius: var(--menu-border-radius);
              box-shadow: 15px 15px 50px -30px rgba(0, 0, 0, 0.5);
              padding: 0;
              text-align: center;
              position: absolute;
              width: 100%;
              top: 0;
              color: var(--color-five-hex);
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 20px;
              font-weight: 600; }
              @media only screen and (max-width: 1440px) {
                main.about-us .section.three .pool-table .pool-table-in .types .type-box-container .type-box {
                  font-size: 18px; } }
              @media only screen and (max-width: 1280px) {
                main.about-us .section.three .pool-table .pool-table-in .types .type-box-container .type-box {
                  font-size: 16px; } }
              @media only screen and (max-width: 1024px) {
                main.about-us .section.three .pool-table .pool-table-in .types .type-box-container .type-box {
                  font-size: 15px;
                  box-shadow: 15px 15px 30px -20px rgba(0, 0, 0, 0.5); } }
              @media only screen and (max-width: 768px) {
                main.about-us .section.three .pool-table .pool-table-in .types .type-box-container .type-box {
                  font-size: 13px;
                  box-shadow: 7px 7px 30px -20px rgba(0, 0, 0, 0.5); } }
              @media only screen and (max-width: 480px) {
                main.about-us .section.three .pool-table .pool-table-in .types .type-box-container .type-box {
                  font-size: 14px;
                  box-shadow: 15px 15px 50px -20px rgba(0, 0, 0, 0.5); } }
    main.about-us .section.three .charterer-relationships {
      margin-bottom: -50px;
      top: -160px;
      display: flex;
      padding: calc(var(--page-margin-left) - 50px) var(--page-margin-left);
      padding-bottom: 0;
      max-width: calc(1400px + 2*var(--page-margin-left));
      padding-top: 0;
      margin: 0 auto;
      position: relative; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.three .charterer-relationships {
          padding: calc(var(--page-margin-left-xxxl) - 50px) var(--page-margin-left-xxxl);
          padding-top: 0;
          padding-bottom: 0;
          max-width: calc(1300px + 2*var(--page-margin-left-xxxl));
          margin-bottom: -70px; } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.three .charterer-relationships {
          padding: calc(var(--page-margin-left-xxl) - 50px) var(--page-margin-left-xxl);
          padding-top: 0;
          padding-bottom: 0;
          max-width: calc(1300px + 2*var(--page-margin-left-xxl));
          top: -140px;
          margin-bottom: -30px; } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.three .charterer-relationships {
          padding: calc(var(--page-margin-left-xl) - 50px) var(--page-margin-left-xl);
          padding-top: 0;
          padding-bottom: 0;
          max-width: calc(1300px + 2*var(--page-margin-left-xl));
          top: -100px; } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.three .charterer-relationships {
          padding: calc(var(--page-margin-left-l) - 50px) var(--page-margin-left-l);
          padding-top: 0;
          padding-bottom: 0;
          max-width: calc(1300px + 2*var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.three .charterer-relationships {
          padding: 0;
          flex-wrap: wrap;
          top: 0;
          margin-bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.three .charterer-relationships {
          padding: 0;
          background: white; } }
      main.about-us .section.three .charterer-relationships .inside {
        background: var(--color-six-hex);
        padding: 0; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.three .charterer-relationships .inside {
            border-bottom-left-radius: unset;
            border-bottom-right-radius: unset; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.three .charterer-relationships .inside {
            background: #fff; } }
        main.about-us .section.three .charterer-relationships .inside .text-part {
          display: flex; }
          @media only screen and (max-width: 768px) {
            main.about-us .section.three .charterer-relationships .inside .text-part {
              flex-wrap: wrap; } }
          main.about-us .section.three .charterer-relationships .inside .text-part .text {
            flex: 1 1 auto;
            width: calc(65%);
            padding: 65px 80px;
            color: var(--color-five-hex); }
            @media only screen and (max-width: 1920px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .text {
                padding: 55px 80px 58px 80px; } }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .text {
                padding: 40px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .text {
                width: 100%;
                padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
                order: 1;
                flex: none; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .text {
                padding: var(--page-margin-left-m);
                padding-top: 0;
                padding-bottom: 27px; } }
            main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
              margin-top: 0;
              /* font-size: 85px; */
              font-size: 56px;
              color: var(--color-five-hex);
              line-height: 1.3;
              margin-bottom: 25px; }
              @media only screen and (max-width: 1920px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
                  font-size: 50px; } }
              @media only screen and (max-width: 1440px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
                  margin-bottom: 15px;
                  font-size: 47px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 1280px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
                  font-size: 34px; } }
              @media only screen and (max-width: 1024px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
                  font-size: 28px; } }
              @media only screen and (max-width: 768px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
                  font-size: 26px;
                  line-height: 1; } }
              @media only screen and (max-width: 480px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .text h2 {
                  font-size: 26px; } }
            main.about-us .section.three .charterer-relationships .inside .text-part .text .text-in {
              margin-top: 0;
              font-size: 16px; }
              main.about-us .section.three .charterer-relationships .inside .text-part .text .text-in p {
                margin-top: 0;
                margin-bottom: 1em;
                font-weight: 400;
                text-align: justify; }
                @media only screen and (max-width: 480px) {
                  main.about-us .section.three .charterer-relationships .inside .text-part .text .text-in p {
                    text-align: left; } }
                main.about-us .section.three .charterer-relationships .inside .text-part .text .text-in p:last-child {
                  margin-bottom: 0; }
                main.about-us .section.three .charterer-relationships .inside .text-part .text .text-in p:last-child {
                  margin-bottom: 0; }
          main.about-us .section.three .charterer-relationships .inside .text-part .image {
            flex: 1 1 auto;
            width: calc(45%);
            overflow: hidden;
            height: 465px;
            border-bottom-right-radius: var(--menu-border-radius); }
            @media only screen and (max-width: 1440px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .image {
                height: 470px; } }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .image {
                height: 367px; } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .image {
                height: 458px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.three .charterer-relationships .inside .text-part .image {
                width: 100%;
                height: 433px;
                order: 0;
                flex: none;
                display: none; } }
            main.about-us .section.three .charterer-relationships .inside .text-part .image img {
              height: 810px;
              width: 100%;
              object-fit: cover; }
              @media only screen and (max-width: 768px) {
                main.about-us .section.three .charterer-relationships .inside .text-part .image img {
                  width: 100%;
                  height: 433px;
                  object-fit: cover; } }
  main.about-us .section.section-intro {
    width: 100%;
    height: 100vh;
    z-index: 1; }
    main.about-us .section.section-intro .section-bg {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh; }
      @media only screen and (max-width: 768px) {
        main.about-us .section.section-intro .section-bg {
          width: calc(100vw - 2*var(--page-margin-left-ml));
          height: calc(100vh - 152px - 3*var(--page-margin-left-ml));
          left: var(--page-margin-left-ml);
          top: var(--page-margin-left-ml);
          min-height: calc(100vh - var(--page-margin-left-ml) - 4*5.7vw); } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.section-intro .section-bg {
          width: calc(100vw - 2*var(--page-margin-left-m));
          height: calc(100vh - 152px - 3*var(--page-margin-left-m));
          left: var(--page-margin-left-m);
          top: var(--page-margin-left-m);
          min-height: calc(100vh - 3*var(--page-margin-left-m) - 4*32px); } }
      main.about-us .section.section-intro .section-bg img {
        width: 100%;
        object-fit: cover;
        height: 100%;
        border-radius: var(--menu-border-radius); }
    main.about-us .section.section-intro.z-index-5 {
      background: var(--color-one-hex); }
    main.about-us .section.section-intro.z-index-3 {
      background: white; }
    main.about-us .section.section-intro .section-title {
      position: absolute;
      bottom: calc(var(--page-margin-left) / 2);
      /* left: calc(50vh - 750px); */
      right: 0;
      left: 0;
      /* top: 0; */
      margin: auto;
      width: 100vw;
      padding: 0 var(--page-margin-left);
      max-width: calc(1400px + 2*var(--page-margin-left));
      color: var(--color-five-hex); }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.section-intro .section-title {
          padding: 0 var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2*var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.section-intro .section-title {
          max-width: calc(1300px + 2*var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.section-intro .section-title {
          max-width: calc(1300px + 2*var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.section-intro .section-title {
          max-width: calc(1300px + 2*var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.section-intro .section-title {
          padding: 0 var(--page-margin-left-ml);
          bottom: 5.7vw;
          max-width: calc(1300px + 2*var(--page-margin-left-ml)); }
          main.about-us .section.section-intro .section-title.less-bottom {
            bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.section-intro .section-title {
          padding: var(--page-margin-left-m);
          padding-top: 0px;
          padding-bottom: 0;
          bottom: 32px; }
          main.about-us .section.section-intro .section-title.less-bottom {
            bottom: 0; } }
      main.about-us .section.section-intro .section-title.right {
        display: flex; }
        main.about-us .section.section-intro .section-title.right .filler {
          width: 30%;
          flex: 1 1 auto; }
          @media only screen and (max-width: 768px) {
            main.about-us .section.section-intro .section-title.right .filler {
              display: none; } }
        main.about-us .section.section-intro .section-title.right h2 {
          flex: 1 1 auto;
          margin-left: 4vw;
          width: calc(65% - 4vw); }
          @media only screen and (max-width: 768px) {
            main.about-us .section.section-intro .section-title.right h2 {
              width: 100%;
              margin-left: 0;
              flex: none; } }
      main.about-us .section.section-intro .section-title.clipped {
        clip-path: inset(0px 0px 0px 0px);
        color: white; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.section-intro .section-title.clipped.mobile-gray {
            color: var(--color-five-hex); } }
      main.about-us .section.section-intro .section-title h2 {
        /* font-size: 80px; */
        font-weight: 700;
        margin-bottom: 0;
        font-size: 3.4vw;
        line-height: 1.1;
        margin-top: 0; }
        @media only screen and (max-width: 480px) {
          main.about-us .section.section-intro .section-title h2 {
            margin-top: 0; } }
        main.about-us .section.section-intro .section-title h2.padding {
          width: calc(70%); }
          @media only screen and (max-width: 768px) {
            main.about-us .section.section-intro .section-title h2.padding {
              width: 100%; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.section-intro .section-title h2.padding {
              width: 100%; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.section-intro .section-title h2.more-padding-top {
            padding-top: 0; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.section-intro .section-title h2.more-padding-top {
            padding-top: 0; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.section-intro .section-title h2.more-padding-bottom {
            padding-bottom: 0; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.section-intro .section-title h2.more-padding-bottom {
            padding-bottom: 0; } }
        @media only screen and (max-width: 1920px) {
          main.about-us .section.section-intro .section-title h2 {
            font-size: 3.8vw; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.section-intro .section-title h2 {
            font-size: 5.7vw;
            line-height: 1; } }
        @media only screen and (max-width: 480px) {
          main.about-us .section.section-intro .section-title h2 {
            font-size: 32px; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.mob-z-index-6 {
      z-index: 6 !important; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.mob-z-index-5 {
      z-index: 5 !important; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.mob-z-index-4 {
      z-index: 4 !important; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.mob-z-index-3 {
      z-index: 3 !important; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.mob-z-index-2 {
      z-index: 2 !important; } }
  @media only screen and (max-width: 768px) {
    main.about-us .section.mob-z-index-1 {
      z-index: 1 !important; } }
  main.about-us .section.z-index-6 {
    z-index: 6; }
  main.about-us .section.z-index-5 {
    z-index: 5; }
  main.about-us .section.z-index-4 {
    z-index: 4; }
  main.about-us .section.z-index-3 {
    z-index: 3; }
  main.about-us .section.z-index-2 {
    z-index: 2; }
  main.about-us .section.z-index-1 {
    z-index: 1; }
  main.about-us .section.five {
    overflow: hidden;
    position: relative;
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 768px) {
      main.about-us .section.five {
        background: transparent; } }
    main.about-us .section.five .section-in {
      padding: var(--page-margin-left);
      padding-top: calc(var(--page-margin-left) / 2);
      padding-bottom: 110px;
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      position: relative;
      display: flex; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.five .section-in {
          padding: var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding-bottom: 90px; } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.five .section-in {
          padding: var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.five .section-in {
          padding: var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.five .section-in {
          padding: var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.five .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          order: 1;
          flex: none; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.five .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.about-us .section.five .section-in .placeholder {
        flex: 1 1 auto;
        width: calc(30%);
        margin-right: 0; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.five .section-in .placeholder {
            display: none; } }
        main.about-us .section.five .section-in .placeholder .image {
          width: 87%;
          position: relative;
          overflow: hidden;
          z-index: 1;
          float: right;
          height: calc(620px + 100px);
          border-radius: var(--menu-border-radius); }
          main.about-us .section.five .section-in .placeholder .image img {
            height: calc(100% + 12vw);
            object-fit: cover;
            object-position: left;
            width: 100%; }
      main.about-us .section.five .section-in .section-info {
        width: calc(65% - 4vw);
        flex: 1 1 auto;
        margin-right: 4vw; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.five .section-in .section-info {
            width: 100%;
            margin-right: 0;
            flex: none; } }
        main.about-us .section.five .section-in .section-info .info-text p {
          font-weight: 400;
          margin-bottom: 50px; }
        main.about-us .section.five .section-in .section-info .info-box {
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          border-bottom: 1px solid #316D80;
          padding: 25px 0;
          cursor: pointer;
          pointer-events: all; }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.five .section-in .section-info .info-box {
              padding: 16px 0; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.five .section-in .section-info .info-box {
              padding: 25px 0; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.five .section-in .section-info .info-box {
              padding: 15px 0; } }
          main.about-us .section.five .section-in .section-info .info-box.bordertop {
            border-top: 1px solid #316D80; }
          main.about-us .section.five .section-in .section-info .info-box:hover, main.about-us .section.five .section-in .section-info .info-box.active {
            border-bottom: 1px solid var(--color-four-hex); }
            main.about-us .section.five .section-in .section-info .info-box:hover:first-child, main.about-us .section.five .section-in .section-info .info-box.active:first-child {
              border-top: 1px solid var(--color-four-hex); }
            main.about-us .section.five .section-in .section-info .info-box:hover .info-box-title span.number, main.about-us .section.five .section-in .section-info .info-box.active .info-box-title span.number {
              color: var(--color-four-hex); }
            main.about-us .section.five .section-in .section-info .info-box:hover .info-box-title .chevron, main.about-us .section.five .section-in .section-info .info-box.active .info-box-title .chevron {
              color: var(--color-four-hex); }
          main.about-us .section.five .section-in .section-info .info-box.border-only {
            border-bottom: 1px solid var(--color-four-hex); }
          main.about-us .section.five .section-in .section-info .info-box .info-box-title {
            font-size: 29px;
            font-weight: 600;
            position: relative;
            display: flex; }
            @media only screen and (max-width: 1440px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-title {
                font-size: 24px;
                line-height: 20px; } }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-title {
                font-size: 21px; } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-title {
                font-size: 17px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-title {
                font-size: 17px;
                display: flex; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-title {
                font-size: 17px;
                padding-right: 20px; } }
            main.about-us .section.five .section-in .section-info .info-box .info-box-title span.number {
              -webkit-transition: color 0.2s ease-in-out;
              -moz-transition: color 0.2s ease-in-out;
              -ms-transition: color 0.2s ease-in-out;
              -o-transition: color 0.2s ease-in-out;
              transition: color 0.2s ease-in-out;
              color: #316D80;
              padding-right: 20px;
              width: 60px; }
              @media only screen and (max-width: 768px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-title span.number {
                  float: left;
                  width: 40px; } }
            main.about-us .section.five .section-in .section-info .info-box .info-box-title .chevron {
              -webkit-transition: color 0.2s ease-in-out;
              -moz-transition: color 0.2s ease-in-out;
              -ms-transition: color 0.2s ease-in-out;
              -o-transition: color 0.2s ease-in-out;
              transition: color 0.2s ease-in-out;
              color: #316d80;
              font-size: 20px;
              position: absolute;
              right: 10px;
              top: 10px; }
              @media only screen and (max-width: 1440px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-title .chevron {
                  font-size: 15px;
                  top: 0px; } }
              @media only screen and (max-width: 1280px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-title .chevron {
                  font-size: 13px; } }
              @media only screen and (max-width: 768px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-title .chevron {
                  float: left;
                  top: 5px; } }
              @media only screen and (max-width: 480px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-title .chevron {
                  top: 2px; } }
          main.about-us .section.five .section-in .section-info .info-box .info-box-content ul {
            opacity: 0;
            visibility: hidden;
            margin: 0;
            height: 0px;
            padding: 0;
            overflow: hidden;
            list-style: inside;
            list-style-type: none; }
            @media only screen and (max-width: 768px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-content ul {
                left: 0;
                position: relative; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.five .section-in .section-info .info-box .info-box-content ul {
                left: 0; } }
            main.about-us .section.five .section-in .section-info .info-box .info-box-content ul p {
              margin: 30px 0; }
              @media only screen and (max-width: 480px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-content ul p {
                  margin: 15px 0; } }
            main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li {
              margin: 0 0;
              display: flex;
              font-size: 16px; }
              main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li:first-child {
                padding-top: 15px; }
              main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li:before {
                content: "•";
                /* Insert content that looks like bullets */
                padding-right: 15px;
                padding-left: 17px;
                color: var(--color-four-hex);
                /* Or a color you prefer */
                padding-top: 3px; }
                @media only screen and (max-width: 1440px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li:before {
                    padding-left: 13px; } }
                @media only screen and (max-width: 1024px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li:before {
                    padding-left: 9px; } }
                @media only screen and (max-width: 768px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li:before {
                    padding-left: 12px; } }
                @media only screen and (max-width: 480px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li:before {
                    padding-left: 9px; } }
              @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li {
                  font-size: 16px; } }
              @media only screen and (max-width: 1280px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li {
                  font-size: 15px; } }
              @media only screen and (max-width: 1024px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li {
                  font-size: 15px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li {
                  font-size: 15px; } }
              main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li span {
                padding-left: 22px;
                line-height: 1.9; }
                @media only screen and (max-width: 1920px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li span {
                    padding-left: 25px; } }
                @media only screen and (max-width: 1440px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li span {
                    padding-left: 26px; } }
                @media only screen and (max-width: 1024px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li span {
                    padding-left: 30px; } }
                @media only screen and (max-width: 768px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li span {
                    padding-left: 8px; } }
                @media only screen and (max-width: 480px) {
                  main.about-us .section.five .section-in .section-info .info-box .info-box-content ul li span {
                    padding-left: 10px; } }
        main.about-us .section.five .section-in .section-info .section-footer {
          margin-top: 120px;
          font-size: 16px;
          line-height: 1.9;
          font-weight: 600; }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.five .section-in .section-info .section-footer {
              margin-top: calc(3*var(--page-margin-left)/2); } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.five .section-in .section-info .section-footer {
              margin-top: calc(2*var(--page-margin-left-ml)); } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.five .section-in .section-info .section-footer {
              margin-top: 60px; } }
          main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 25px;
            font-size: 56px; }
            @media only screen and (max-width: 1920px) {
              main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
                font-size: 50px; } }
            @media only screen and (max-width: 1440px) {
              main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
                font-size: 47px;
                margin-bottom: 15px;
                line-height: 1.2; } }
            @media only screen and (max-width: 1280px) {
              main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
                font-size: 34px; } }
            @media only screen and (max-width: 1024px) {
              main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
                font-size: 28px; } }
            @media only screen and (max-width: 768px) {
              main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
                font-size: 26px;
                line-height: 1;
                margin-bottom: 30px; } }
            @media only screen and (max-width: 480px) {
              main.about-us .section.five .section-in .section-info .section-footer .section-footer-title h3 {
                font-size: 26px; } }
          main.about-us .section.five .section-in .section-info .section-footer p {
            font-weight: 400; }
          main.about-us .section.five .section-in .section-info .section-footer ul {
            margin: 0;
            list-style: inside;
            padding: 0; }
            main.about-us .section.five .section-in .section-info .section-footer ul li {
              margin: 0;
              font-size: 16px; }
              @media only screen and (max-width: 480px) {
                main.about-us .section.five .section-in .section-info .section-footer ul li {
                  display: flex; }
                  main.about-us .section.five .section-in .section-info .section-footer ul li:before {
                    content: "•";
                    /* Insert content that looks like bullets */
                    padding-right: 15px;
                    color: white;
                    /* Or a color you prefer */
                    padding-top: 0;
                    padding-left: 9px; } }
              main.about-us .section.five .section-in .section-info .section-footer ul li:last-child {
                margin-bottom: 0; }
              main.about-us .section.five .section-in .section-info .section-footer ul li span {
                padding-left: 30px; }
              @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                main.about-us .section.five .section-in .section-info .section-footer ul li {
                  font-size: 16px; } }
              @media only screen and (max-width: 1280px) {
                main.about-us .section.five .section-in .section-info .section-footer ul li {
                  font-size: 15px; } }
              @media only screen and (max-width: 1024px) {
                main.about-us .section.five .section-in .section-info .section-footer ul li {
                  font-size: 15px; } }
              @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                main.about-us .section.five .section-in .section-info .section-footer ul li {
                  font-size: 15px; } }
  main.about-us .section.six {
    overflow: hidden;
    position: relative; }
    @media only screen and (min-width: 769px) {
      main.about-us .section.six {
        background-color: white; } }
  main.about-us .section.seven {
    background-color: var(--color-six-hex);
    height: 372px;
    overflow: hidden;
    position: relative; }
    main.about-us .section.seven:after {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 1440px) {
      main.about-us .section.seven {
        height: 312px; } }
    @media only screen and (max-width: 1280px) {
      main.about-us .section.seven {
        height: 245px; } }
    @media only screen and (max-width: 1024px) {
      main.about-us .section.seven {
        height: 225px; } }
    main.about-us .section.seven h2 {
      line-height: 90px;
      margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      main.about-us .section.seven {
        height: auto; } }
    main.about-us .section.seven .section-in {
      padding-top: 50px;
      padding-left: var(--page-margin-left);
      padding-right: var(--page-margin-right);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.seven .section-in {
          padding-left: var(--page-margin-left-xxxl);
          padding-right: var(--page-margin-right-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.seven .section-in {
          padding-left: var(--page-margin-left-xxl);
          padding-right: var(--page-margin-right-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.seven .section-in {
          padding-left: var(--page-margin-left-xl);
          padding-right: var(--page-margin-right-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.seven .section-in {
          padding-left: var(--page-margin-left-l);
          padding-right: var(--page-margin-right-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding-top: 30px; } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.seven .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          order: 1;
          flex: none; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.seven .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.about-us .section.seven .section-in .placeholder {
        width: calc(30%);
        margin-right: 0;
        flex: 1 1 auto; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.seven .section-in .placeholder {
            display: none; } }
      main.about-us .section.seven .section-in .pools-text {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-left: 4vw;
        color: #535E67; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.seven .section-in .pools-text {
            width: 100%;
            margin-left: 0;
            flex: none; } }
        main.about-us .section.seven .section-in .pools-text .pools-title h2 {
          margin-top: 0;
          /* font-size: 85px; */
          font-size: 56px; }
          @media only screen and (max-width: 1920px) {
            main.about-us .section.seven .section-in .pools-text .pools-title h2 {
              font-size: 50px; } }
          @media only screen and (max-width: 1440px) {
            main.about-us .section.seven .section-in .pools-text .pools-title h2 {
              font-size: 47px;
              line-height: 1.2; } }
          @media only screen and (max-width: 1280px) {
            main.about-us .section.seven .section-in .pools-text .pools-title h2 {
              font-size: 34px; } }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.seven .section-in .pools-text .pools-title h2 {
              font-size: 28px; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.seven .section-in .pools-text .pools-title h2 {
              font-size: 26px;
              line-height: 1; } }
          @media only screen and (max-width: 480px) {
            main.about-us .section.seven .section-in .pools-text .pools-title h2 {
              font-size: 26px; } }
        main.about-us .section.seven .section-in .pools-text .pools-content h6 {
          font-weight: 600;
          margin-top: .35em;
          margin-bottom: .75em;
          margin-right: 13vw;
          line-height: 1.6;
          font-size: 19px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 1440px) {
            main.about-us .section.seven .section-in .pools-text .pools-content h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.about-us .section.seven .section-in .pools-text .pools-content h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.about-us .section.seven .section-in .pools-text .pools-content h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.about-us .section.seven .section-in .pools-text .pools-content h6 {
              margin-top: 0.5em;
              font-size: 13px;
              margin-bottom: 0; } }
  main.about-us .section.eight {
    background-color: #fff;
    padding-bottom: 97px;
    position: relative; }
    @media only screen and (max-width: 1280px) {
      main.about-us .section.eight {
        padding-bottom: 57px; } }
    @media only screen and (max-width: 1024px) {
      main.about-us .section.eight {
        padding-bottom: 20px; } }
    @media only screen and (max-width: 900px) {
      main.about-us .section.eight {
        padding-bottom: 1px; } }
    @media only screen and (max-width: 768px) {
      main.about-us .section.eight {
        padding-bottom: 10px; } }
    main.about-us .section.eight .pool-table {
      padding: 0 var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.about-us .section.eight .pool-table {
          padding: 0 var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.about-us .section.eight .pool-table {
          padding: 0 var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.about-us .section.eight .pool-table {
          padding: 0 var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.about-us .section.eight .pool-table {
          padding: 0 var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.about-us .section.eight .pool-table {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          order: 1;
          flex: none; } }
      @media only screen and (max-width: 480px) {
        main.about-us .section.eight .pool-table {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.about-us .section.eight .pool-table:after {
        content: "";
        display: table;
        clear: both; }
      @media only screen and (max-width: 768px) {
        main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) {
          display: none; } }
      main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in {
        padding: 70px 70px 70px;
        background-color: #ffffff9e;
        box-shadow: 20px 20px 60px -20px rgba(0, 0, 0, 0.1);
        position: relative;
        width: 100%;
        top: -123px; }
        @media only screen and (max-width: 1280px) {
          main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in {
            padding: 40px;
            top: -81px; } }
        @media only screen and (max-width: 768px) {
          main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in {
            top: 0;
            box-shadow: none;
            padding: 0; } }
        main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in .pool-text-part {
          color: #fff;
          margin-top: 0;
          margin-bottom: 60px;
          height: 90px;
          background: var(--color-five-hex);
          display: flex;
          align-items: center;
          padding: 30px 40px; }
          @media only screen and (max-width: 1440px) {
            main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in .pool-text-part {
              height: 70px; } }
          main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in .pool-text-part h3 {
            margin-bottom: 0;
            font-weight: 700;
            font-size: 40px;
            margin-top: 0;
            /* margin-left: 40px; */
            border-right: 1px solid #fff;
            width: calc(30% + 6vw - 35px - 40px);
            /* padding-right: 2vw; */
            flex: 1 1 auto; }
          main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in .pool-text-part h6 {
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 2vw;
            flex: 1 1 auto;
            font-size: 19px;
            line-height: 1.6;
            width: calc(65% - 4vw - 0px);
            letter-spacing: 0; }
        main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table {
          border-collapse: separate;
          border-spacing: 0;
          background: white;
          margin-bottom: 0;
          color: var(--color-five-hex); }
          main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead {
            border-collapse: collapse; }
            main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr {
              background-color: var(--color-five-hex); }
              main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                padding: 15px 0;
                padding-left: 15px;
                font-weight: 700;
                text-align: left;
                color: white;
                font-size: 16px; }
                @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 16px; } }
                @media only screen and (max-width: 1280px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 15px;
                    padding: 10px 0;
                    padding-left: 15px; } }
                @media only screen and (max-width: 1024px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 15px; } }
                @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 15px; } }
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:first-child {
                  padding-left: 45px; }
                  @media only screen and (max-width: 1024px) {
                    main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:first-child {
                      padding-left: 10px; } }
                @media only screen and (max-width: 1024px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:last-child {
                    padding-right: 15px; } }
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:nth-child(3), main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:nth-child(4) {
                  text-align: center; }
          main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody {
            border-collapse: collapse; }
            main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr {
              cursor: pointer;
              position: relative; }
              main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:first-child td {
                border-top: 1px solid  #D4D7D9; }
              @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected:after, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover:after {
                  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
                  position: absolute;
                  content: "";
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%; }
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td {
                  color: black;
                  z-index: 15;
                  z-index: 1;
                  box-sizing: border-box; }
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:last-child, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:last-child {
                    border-top-right-radius: var(--menu-border-radius);
                    border-bottom-right-radius: var(--menu-border-radius);
                    border-right: 2px solid var(--color-four-hex);
                    right: -8px;
                    /* width: calc(100% + 10px); */
                    /* padding-left: 30px; */
                    /* padding-left: 10px; */
                    padding-left: calc(0px - 8px);
                    background: white; }
                    main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:last-child a, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:last-child a {
                      color: var(--color-four-hex); }
                    main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:last-child:after, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:last-child:after {
                      content: "";
                      background: #fff;
                      position: absolute;
                      width: calc(100% + 10px);
                      margin: 0 auto;
                      height: calc(100% + 1px);
                      top: 0;
                      z-index: -1;
                      border-bottom: 1px solid  #D4D7D9;
                      right: 8px; }
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:first-child, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:first-child {
                    border-top-left-radius: var(--menu-border-radius);
                    border-bottom-left-radius: var(--menu-border-radius);
                    border-left: 2px solid var(--color-four-hex);
                    left: -8px;
                    /* width: calc(100% + 10px); */
                    padding-right: 0;
                    position: relative;
                    background: white;
                    padding-left: calc(45px + 6px); }
                    main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:first-child:after, main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:first-child:after {
                      content: "";
                      background: #fff;
                      position: absolute;
                      width: calc(100% + 10px);
                      height: calc(100% + 1px);
                      top: 0;
                      z-index: -1;
                      left: 8px;
                      border-bottom: 1px solid  #D4D7D9; } }
              main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                padding: 15px 0;
                padding-left: 15px;
                z-index: 0;
                position: relative;
                border-bottom: 1px solid #D4D7D9;
                font-weight: 500;
                font-size: 16px; }
                @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 16px; } }
                @media only screen and (max-width: 1280px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 15px;
                    padding: 10px 15px; } }
                @media only screen and (max-width: 1024px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 15px; } }
                @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 15px; } }
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:first-child {
                  padding-left: 45px; }
                  @media only screen and (max-width: 1024px) {
                    main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:first-child {
                      padding-left: 10px; } }
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td a {
                  -webkit-transition: all 0.2s ease-in-out;
                  -moz-transition: all 0.2s ease-in-out;
                  -ms-transition: all 0.2s ease-in-out;
                  -o-transition: all 0.2s ease-in-out;
                  transition: all 0.2s ease-in-out;
                  color: var(--color-five-hex);
                  text-decoration: none; }
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td a:hover {
                    color: var(--color-four-hex); }
                  main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td a i {
                    font-size: 18px; }
                    @media only screen and (max-width: 480px) {
                      main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td a i {
                        font-size: inherit; } }
                main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:nth-child(3), main.about-us .section.eight .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:nth-child(4) {
                  text-align: center; }
      main.about-us .section.eight .pool-table.mobile {
        display: none;
        font-size: 15px; }
        @media only screen and (max-width: 768px) {
          main.about-us .section.eight .pool-table.mobile {
            display: block; } }
        main.about-us .section.eight .pool-table.mobile table {
          border-collapse: separate;
          border-spacing: 0;
          background: white;
          margin-bottom: 0; }
        main.about-us .section.eight .pool-table.mobile tbody {
          border-collapse: collapse; }
          main.about-us .section.eight .pool-table.mobile tbody th {
            text-align: left;
            color: var(--color-four-hex);
            width: 135px;
            text-transform: uppercase; }
          main.about-us .section.eight .pool-table.mobile tbody td {
            color: var(--color-five-hex);
            line-height: 1.3; }
          main.about-us .section.eight .pool-table.mobile tbody td {
            padding-bottom: 10px; }
            main.about-us .section.eight .pool-table.mobile tbody td a {
              color: var(--color-five-hex); }
          main.about-us .section.eight .pool-table.mobile tbody th a {
            color: var(--color-five-hex);
            padding-left: 3px; }
          main.about-us .section.eight .pool-table.mobile tbody tr:nth-child(5n) td, main.about-us .section.eight .pool-table.mobile tbody tr:nth-child(5n) th {
            border-bottom: 1px solid #d6d6d6; }
          main.about-us .section.eight .pool-table.mobile tbody tr:nth-child(5n) th {
            padding-bottom: 10px; }
          main.about-us .section.eight .pool-table.mobile tbody tr:nth-child(5n+1):not(:last-child):not(:first-child) th {
            padding-top: 10px; }
    @media only screen and (min-width: 769px) and (max-width: 900px) {
      main.about-us .section.eight footer {
        margin-bottom: 10px; } }
    main.about-us .section.eight footer .bottom {
      width: calc(100% - 20px) !important;
      right: 0;
      left: 0;
      margin: 0 auto; }
main.about-us .page-text {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 34px;
  transform: translate(-162px, 0) rotate(-90deg);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1;
  top: calc(88px + 226px);
  cursor: pointer;
  pointer-events: all;
  z-index: 153; }
  main.about-us .page-text span {
    display: inline-block;
    color: inherit;
    padding: 15px 0;
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding-right: 30px; }
    main.about-us .page-text span.active, main.about-us .page-text span:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1280px) {
      main.about-us .page-text span {
        padding-right: 20px; } }
    main.about-us .page-text span:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 1440px) {
    main.about-us .page-text {
      font-size: 11px;
      left: 51px;
      top: calc(88px + 185px); } }
  @media only screen and (max-width: 1280px) {
    main.about-us .page-text {
      font-size: 10px;
      left: 50px;
      top: calc(118px + 93px); } }
  @media only screen and (max-width: 1024px) {
    main.about-us .page-text {
      font-size: 10px;
      left: 39px;
      top: calc(88px + 104px); } }
  @media only screen and (max-width: 768px) {
    main.about-us .page-text {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.about-us .page-text {
      display: none; } }
  main.about-us .page-text.dark span {
    color: white; }
  main.about-us .page-text.light span {
    color: var(--color-five-hex); }

/*--------------------------------------------------------------
## Fleet list page
--------------------------------------------------------------*/
main.fleet-list .pin-spacer {
  z-index: 3; }
main.fleet-list .section.one {
  height: 560px;
  background-color: var(--color-one-hex); }
  @media only screen and (max-width: 1920px) {
    main.fleet-list .section.one {
      height: 466px; } }
  @media only screen and (max-width: 1440px) {
    main.fleet-list .section.one {
      height: 466px; } }
  @media only screen and (max-width: 1280px) {
    main.fleet-list .section.one {
      height: 400px; } }
  @media only screen and (max-width: 1024px) {
    main.fleet-list .section.one {
      height: 350px; } }
  @media only screen and (max-width: 768px) {
    main.fleet-list .section.one {
      height: calc(100vh - 53px);
      min-height: 266px; } }
  @media only screen and (max-width: 480px) {
    main.fleet-list .section.one {
      height: calc(100vh - 53px); } }
  main.fleet-list .section.one .section-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: bottom;
    opacity: 0.2; }
  main.fleet-list .section.one .section-in {
    padding: 80px var(--page-margin-right) 80px var(--page-margin-left);
    position: relative;
    top: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1920px) {
      main.fleet-list .section.one .section-in {
        padding: 80px var(--page-margin-left-xxxl); } }
    @media only screen and (max-width: 1440px) {
      main.fleet-list .section.one .section-in {
        padding: 80px var(--page-margin-left-xxl); } }
    @media only screen and (max-width: 1280px) {
      main.fleet-list .section.one .section-in {
        padding: 80px var(--page-margin-left-xl);
        flex-wrap: wrap; } }
    @media only screen and (max-width: 1024px) {
      main.fleet-list .section.one .section-in {
        padding: var(--page-margin-top-l) var(--page-margin-left-l);
        top: 74px; } }
    @media only screen and (max-width: 768px) {
      main.fleet-list .section.one .section-in {
        height: 100%;
        top: 0;
        overflow: hidden;
        padding: 0; } }
    @media only screen and (max-width: 480px) {
      main.fleet-list .section.one .section-in {
        flex-wrap: wrap; } }
    main.fleet-list .section.one .section-in .image-mob {
      display: none;
      width: 100%;
      margin-right: 0;
      height: 100%;
      z-index: 1;
      opacity: 0.6;
      background-size: cover;
      visibility: hidden;
      background-position: center; }
      @media only screen and (max-width: 768px) {
        main.fleet-list .section.one .section-in .image-mob {
          display: block; } }
    main.fleet-list .section.one .section-in .image {
      width: calc(23% - 20px);
      margin-right: 20px;
      height: 0;
      z-index: 1;
      overflow: hidden;
      border-radius: var(--menu-border-radius);
      top: 525px;
      position: relative;
      background-color: var(--color-four-hex); }
      @media only screen and (max-width: 1920px) {
        main.fleet-list .section.one .section-in .image {
          top: 400px; } }
      @media only screen and (max-width: 1440px) {
        main.fleet-list .section.one .section-in .image {
          top: 385px; } }
      @media only screen and (max-width: 1280px) {
        main.fleet-list .section.one .section-in .image {
          top: 330px;
          width: calc(26% - 17px);
          margin-right: 17px; } }
      @media only screen and (max-width: 1024px) {
        main.fleet-list .section.one .section-in .image {
          width: calc(31% - 11px);
          margin-right: 7px;
          top: 305px; } }
      @media only screen and (max-width: 768px) {
        main.fleet-list .section.one .section-in .image {
          display: none; } }
      main.fleet-list .section.one .section-in .image .image-container {
        top: 100%;
        width: 100%;
        height: 100%;
        border-radius: var(--menu-border-radius);
        position: absolute;
        z-index: -1; }
      main.fleet-list .section.one .section-in .image img {
        top: 0;
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: var(--menu-border-radius); }
    main.fleet-list .section.one .section-in .text {
      width: calc(40% - 1.7vw);
      margin-left: 1.7vw;
      align-self: flex-start;
      margin-top: 0; }
      @media only screen and (min-width: 1441px) and (max-width: 1920px) {
        main.fleet-list .section.one .section-in .text {
          width: calc(50% - 1.7vw); } }
      @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        main.fleet-list .section.one .section-in .text {
          width: calc(43% - 1.7vw); } }
      @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        main.fleet-list .section.one .section-in .text {
          width: calc(60% - 1.7vw); } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.fleet-list .section.one .section-in .text {
          width: calc(55% - 1.7vw); } }
      @media only screen and (max-width: 768px) {
        main.fleet-list .section.one .section-in .text {
          width: 80%;
          margin-left: 0;
          align-self: flex-start;
          z-index: 2;
          padding: var(--page-margin-left-ml);
          position: absolute;
          margin-top: 0;
          top: 50px;
          opacity: 0;
          visibility: hidden; } }
      @media only screen and (max-width: 480px) {
        main.fleet-list .section.one .section-in .text {
          width: 95%;
          padding: var(--page-margin-left-m); } }
      @media only screen and (max-width: 480px) {
        main.fleet-list .section.one .section-in .text {
          margin-top: 30px; } }
      main.fleet-list .section.one .section-in .text .section-content {
        color: #ffffff;
        font-weight: 600;
        line-height: 1.7;
        font-size: 16px; }
        @media only screen and (max-width: 1024px) {
          main.fleet-list .section.one .section-in .text .section-content {
            font-size: 14px; } }
        @media only screen and (max-width: 480px) {
          main.fleet-list .section.one .section-in .text .section-content {
            font-weight: 500;
            font-size: 15px;
            line-height: 1.6; } }
      main.fleet-list .section.one .section-in .text h2 {
        margin-top: 0;
        color: white;
        opacity: 1;
        font-size: 5.2vw;
        line-height: 1.04; }
        @media only screen and (max-width: 1024px) {
          main.fleet-list .section.one .section-in .text h2 {
            font-size: 5.2vw; } }
        @media only screen and (max-width: 768px) {
          main.fleet-list .section.one .section-in .text h2 {
            font-size: 6vw;
            margin-top: 15px; } }
        @media only screen and (max-width: 480px) {
          main.fleet-list .section.one .section-in .text h2 {
            font-size: 10vw; } }
    main.fleet-list .section.one .section-in .chevron {
      position: absolute;
      bottom: 20px;
      left: var(--page-margin-left-m);
      color: white;
      z-index: 10; }
      @media only screen and (min-width: 481px) {
        main.fleet-list .section.one .section-in .chevron {
          display: none; } }
main.fleet-list .section.two {
  background-color: #EBEBEB; }
  @media only screen and (max-width: 1920px) {
    main.fleet-list .section.two {
      padding-bottom: var(--page-margin-left-xxxl); } }
  @media only screen and (max-width: 1440px) {
    main.fleet-list .section.two {
      padding-bottom: var(--page-margin-left-xxl); } }
  @media only screen and (max-width: 1280px) {
    main.fleet-list .section.two {
      padding-bottom: var(--page-margin-left-xl); } }
  @media only screen and (max-width: 1024px) {
    main.fleet-list .section.two {
      padding-bottom: var(--page-margin-left-l); } }
  @media only screen and (min-width: 769px) and (max-width: 900px) {
    main.fleet-list .section.two {
      padding-bottom: 1px; } }
  @media only screen and (max-width: 768px) {
    main.fleet-list .section.two {
      padding-bottom: 0; } }
  @media only screen and (max-width: 480px) {
    main.fleet-list .section.two {
      padding-bottom: 0; } }
  main.fleet-list .section.two footer .bottom {
    width: calc(100% - 20px) !important;
    right: 0;
    left: 0;
    margin: 0 auto; }
  main.fleet-list .section.two .action-bar {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: var(--color-five-hex);
    border-bottom: 1px solid #535e679c; }
    @media only screen and (max-width: 1280px) {
      main.fleet-list .section.two .action-bar {
        justify-content: flex-end; } }
    main.fleet-list .section.two .action-bar .search-btn {
      order: 1;
      text-align: right;
      font-size: 12px;
      width: 243%;
      border-right: 1px solid #535e679c;
      padding: 18px 0;
      padding-right: 10px; }
      @media only screen and (max-width: 1024px) {
        main.fleet-list .section.two .action-bar .search-btn {
          width: 140%; } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        main.fleet-list .section.two .action-bar .search-btn {
          width: 130px; } }
      @media only screen and (max-width: 480px) {
        main.fleet-list .section.two .action-bar .search-btn {
          width: 79px;
          border-left: 1px solid #535e679c;
          text-align: center; }
          main.fleet-list .section.two .action-bar .search-btn span {
            display: none; } }
      main.fleet-list .section.two .action-bar .search-btn svg {
        margin-left: 10px; }
    main.fleet-list .section.two .action-bar .sort-btn {
      order: 2;
      width: 30%;
      font-size: 12px;
      padding-left: 20px; }
      main.fleet-list .section.two .action-bar .sort-btn select {
        border: 0;
        background: transparent;
        font-weight: 700;
        font-size: 12px;
        color: var(--color-five-hex); }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        main.fleet-list .section.two .action-bar .sort-btn {
          width: 200px; } }
      @media only screen and (max-width: 480px) {
        main.fleet-list .section.two .action-bar .sort-btn {
          width: 70px;
          font-size: 12px;
          padding-left: 10px;
          padding-right: 20px;
          text-align: right; }
          main.fleet-list .section.two .action-bar .sort-btn span {
            display: none; } }
    main.fleet-list .section.two .action-bar .custom-select-container {
      width: 100%;
      order: 0; }
      @media only screen and (min-width: 769px) {
        main.fleet-list .section.two .action-bar .custom-select-container {
          display: none; } }
      @media only screen and (max-width: 1024px) {
        main.fleet-list .section.two .action-bar .custom-select-container {
          padding-left: calc(26vw + 34px - 20px); } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        main.fleet-list .section.two .action-bar .custom-select-container {
          padding-left: calc(var(--page-margin-right-ml) - 20px);
          width: 90%; } }
      @media only screen and (max-width: 480px) {
        main.fleet-list .section.two .action-bar .custom-select-container {
          padding-left: 0; } }
    main.fleet-list .section.two .action-bar .custom-select {
      position: relative;
      margin-left: auto;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      width: 300px; }
      @media only screen and (max-width: 1280px) {
        main.fleet-list .section.two .action-bar .custom-select {
          width: 100%; } }
      main.fleet-list .section.two .action-bar .custom-select select {
        display: none; }
      main.fleet-list .section.two .action-bar .custom-select .select-selected {
        background-color: transparent; }
        main.fleet-list .section.two .action-bar .custom-select .select-selected.select-arrow-active:after {
          border-color: transparent transparent var(--color-five-hex) transparent;
          top: 7px; }
        main.fleet-list .section.two .action-bar .custom-select .select-selected svg {
          margin-left: 8px;
          padding-top: 1px; }
      main.fleet-list .section.two .action-bar .custom-select .select-items div {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      main.fleet-list .section.two .action-bar .custom-select .select-items div, main.fleet-list .section.two .action-bar .custom-select .select-selected {
        padding: 8px 8px 8px 20px;
        cursor: pointer; }
      main.fleet-list .section.two .action-bar .custom-select .select-items div {
        color: white; }
      main.fleet-list .section.two .action-bar .custom-select .select-items {
        position: absolute;
        background-color: var(--color-one-hex);
        top: calc(100% + 10px);
        width: 100vw;
        left: 0;
        right: 0;
        z-index: 99; }
        main.fleet-list .section.two .action-bar .custom-select .select-items.select-hide {
          display: none; }
      main.fleet-list .section.two .action-bar .custom-select .select-items div:hover, main.fleet-list .section.two .action-bar .custom-select .same-as-selected {
        background-color: var(--color-two-hex); }
  main.fleet-list .section.two .pool {
    padding: 120px var(--page-margin-right) 140px var(--page-margin-left); }
    @media only screen and (min-width: 769px) {
      main.fleet-list .section.two .pool {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    @media only screen and (max-width: 1920px) {
      main.fleet-list .section.two .pool {
        padding: var(--page-margin-top-xxxl) var(--page-margin-right-xxxl) 0 var(--page-margin-left-xxxl); } }
    @media only screen and (max-width: 1440px) {
      main.fleet-list .section.two .pool {
        padding: var(--page-margin-left-xxl);
        padding-top: var(--page-margin-top-xxl); } }
    @media only screen and (max-width: 1280px) {
      main.fleet-list .section.two .pool {
        padding: var(--page-margin-left-xl);
        flex-wrap: wrap; } }
    @media only screen and (max-width: 1024px) {
      main.fleet-list .section.two .pool {
        padding: var(--page-margin-top-l) var(--page-margin-left-l); } }
    @media only screen and (max-width: 768px) {
      main.fleet-list .section.two .pool {
        padding: var(--page-margin-left-ml); } }
    @media only screen and (max-width: 480px) {
      main.fleet-list .section.two .pool {
        padding: var(--page-margin-left-m);
        padding-bottom: 50px; } }
    main.fleet-list .section.two .pool .pinned {
      width: calc(23% - 22.5px);
      margin-right: 22px;
      position: relative;
      height: 550px; }
      @media only screen and (max-width: 1280px) {
        main.fleet-list .section.two .pool .pinned {
          width: calc(26% - 17.5px);
          margin-right: 17px; } }
      @media only screen and (max-width: 1024px) {
        main.fleet-list .section.two .pool .pinned {
          width: calc(30% - 8.5px);
          margin-right: 8px; } }
      @media only screen and (max-width: 768px) {
        main.fleet-list .section.two .pool .pinned {
          display: none; } }
      main.fleet-list .section.two .pool .pinned .image {
        height: calc(40vh - 40px);
        background-size: cover; }
      main.fleet-list .section.two .pool .pinned .types {
        position: relative;
        z-index: 2;
        height: 550px; }
        main.fleet-list .section.two .pool .pinned .types .type {
          font-weight: 600;
          color: #535e67;
          font-size: 16px;
          padding: 15px 32px;
          position: relative;
          cursor: pointer;
          height: 53px;
          line-height: 1.8;
          -webkit-transition: background 0.2s ease-in-out;
          -moz-transition: background 0.2s ease-in-out;
          -ms-transition: background 0.2s ease-in-out;
          -o-transition: background 0.2s ease-in-out;
          transition: background 0.2s ease-in-out; }
          @media only screen and (max-width: 1920px) {
            main.fleet-list .section.two .pool .pinned .types .type {
              font-size: 15px;
              padding: 12px 17px;
              height: 46px; } }
          @media only screen and (max-width: 1440px) {
            main.fleet-list .section.two .pool .pinned .types .type {
              font-size: 14px;
              padding: 12px 16px;
              height: 46px; } }
          @media only screen and (max-width: 1280px) {
            main.fleet-list .section.two .pool .pinned .types .type {
              font-size: 13px;
              height: 36px;
              padding: 12px 8px; } }
          @media only screen and (max-width: 1024px) {
            main.fleet-list .section.two .pool .pinned .types .type {
              font-size: 11.5px;
              padding: 14px 17px;
              height: 43px;
              padding-right: 0; } }
          main.fleet-list .section.two .pool .pinned .types .type:hover:not(.selected) span, main.fleet-list .section.two .pool .pinned .types .type:focus span {
            color: black;
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            transform: translateY(-100%); }
          main.fleet-list .section.two .pool .pinned .types .type .type-in {
            overflow: hidden; }
          main.fleet-list .section.two .pool .pinned .types .type span {
            position: relative;
            display: inline-block;
            -webkit-transition: transform, 0.3s;
            -moz-transition: transform, 0.3s;
            -ms-transition: transform, 0.3s;
            -o-transition: transform, 0.3s;
            transition: transform, 0.3s;
            width: 100%; }
            main.fleet-list .section.two .pool .pinned .types .type span::before {
              position: absolute;
              content: attr(data-hover);
              top: calc(100% + 1px);
              font-size: 16px;
              -webkit-transform: translate3d(0, 0, 0);
              -moz-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
              left: 0;
              right: 0; }
              @media only screen and (max-width: 1920px) {
                main.fleet-list .section.two .pool .pinned .types .type span::before {
                  font-size: 15px; } }
              @media only screen and (max-width: 1440px) {
                main.fleet-list .section.two .pool .pinned .types .type span::before {
                  font-size: 14px; } }
              @media only screen and (max-width: 1280px) {
                main.fleet-list .section.two .pool .pinned .types .type span::before {
                  font-size: 13px; } }
              @media only screen and (max-width: 1024px) {
                main.fleet-list .section.two .pool .pinned .types .type span::before {
                  font-size: 11.5px; } }
          main.fleet-list .section.two .pool .pinned .types .type.selected {
            color: var(--color-four-hex);
            background-color: #fff;
            border-radius: var(--menu-border-radius);
            border-left: 2px solid var(--color-four-hex);
            border-right: 2px solid var(--color-four-hex);
            z-index: 1;
            padding: 15px 0;
            padding-left: 38px;
            left: -2px;
            box-sizing: border-box;
            line-height: 1.5;
            width: calc(100% + 6px);
            box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="0"] {
              color: var(--color-fleet-vl8-vlcc-hex);
              border-left: 2px solid var(--color-fleet-vl8-vlcc-hex);
              border-right: 2px solid var(--color-fleet-vl8-vlcc-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="1"] {
              color: var(--color-fleet-v8-aframax-hex);
              border-left: 2px solid var(--color-fleet-v8-aframax-hex);
              border-right: 2px solid var(--color-fleet-v8-aframax-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="2"] {
              color: var(--color-fleet-lr8-lr1-hex);
              border-left: 2px solid var(--color-fleet-lr8-lr1-hex);
              border-right: 2px solid var(--color-fleet-lr8-lr1-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="3"] {
              color: var(--color-fleet-alpha-lr2-hex);
              border-left: 2px solid var(--color-fleet-alpha-lr2-hex);
              border-right: 2px solid var(--color-fleet-alpha-lr2-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="4"] {
              color: var(--color-fleet-mr-tanker-hex);
              border-left: 2px solid var(--color-fleet-mr-tanker-hex);
              border-right: 2px solid var(--color-fleet-mr-tanker-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="5"] {
              color: var(--color-fleet-handy-tanker-hex);
              border-left: 2px solid var(--color-fleet-handy-tanker-hex);
              border-right: 2px solid var(--color-fleet-handy-tanker-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="6"] {
              color: var(--color-fleet-chronos-hex);
              border-left: 2px solid var(--color-fleet-chronos-hex);
              border-right: 2px solid var(--color-fleet-chronos-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="7"] {
              color: var(--color-fleet-alta-hex);
              border-left: 2px solid var(--color-fleet-alta-hex);
              border-right: 2px solid var(--color-fleet-alta-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="8"] {
              color: var(--color-fleet-delta-hex);
              border-left: 2px solid var(--color-fleet-delta-hex);
              border-right: 2px solid var(--color-fleet-delta-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="9"] {
              color: var(--color-fleet-bunker-hex);
              border-left: 2px solid var(--color-fleet-bunker-hex);
              border-right: 2px solid var(--color-fleet-bunker-hex); }
            main.fleet-list .section.two .pool .pinned .types .type.selected[data-index="10"] {
              color: var(--color-fleet-suez-hex);
              border-left: 2px solid var(--color-fleet-suez-hex);
              border-right: 2px solid var(--color-fleet-suez-hex); }
            @media only screen and (max-width: 1920px) {
              main.fleet-list .section.two .pool .pinned .types .type.selected {
                height: 46px;
                padding: 13px 0;
                padding-left: 23px;
                margin-left: 6px;
                left: -8px; } }
            @media only screen and (max-width: 1440px) {
              main.fleet-list .section.two .pool .pinned .types .type.selected {
                padding: 12px 0px;
                padding-left: 23px;
                height: 46px; } }
            @media only screen and (max-width: 1280px) {
              main.fleet-list .section.two .pool .pinned .types .type.selected {
                padding: 12px 0;
                padding-left: 14px;
                height: 43px; } }
            @media only screen and (max-width: 1024px) {
              main.fleet-list .section.two .pool .pinned .types .type.selected {
                padding: 14px 0;
                padding-left: 23px;
                height: 43px; } }
            main.fleet-list .section.two .pool .pinned .types .type.selected:after {
              content: "";
              position: absolute;
              width: 98%;
              margin: 0 auto;
              height: calc(100% + 4px);
              top: -2px;
              z-index: -1;
              left: calc(50% - 49%); }
    main.fleet-list .section.two .pool .tables {
      color: #535E67;
      width: calc(77% - 22.5px);
      margin-left: 22px; }
      @media only screen and (max-width: 1280px) {
        main.fleet-list .section.two .pool .tables {
          width: calc(74% - 17.5px);
          margin-left: 17px; } }
      @media only screen and (max-width: 1024px) {
        main.fleet-list .section.two .pool .tables {
          width: calc(70% - 17.5px);
          margin-left: 17px; } }
      @media only screen and (max-width: 768px) {
        main.fleet-list .section.two .pool .tables {
          width: 100%;
          margin-left: 0; } }
      main.fleet-list .section.two .pool .tables .table {
        background-color: var(--color-six-hex);
        box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.07);
        padding: 50px;
        margin-bottom: 50px;
        will-change: transform;
        position: relative;
        border-radius: var(--menu-border-radius); }
        @media only screen and (max-width: 600px) and (min-width: 480px) {
          main.fleet-list .section.two .pool .tables .table {
            min-width: calc(100vw - 2 * var(--page-margin-left-ml)); } }
        main.fleet-list .section.two .pool .tables .table.mobile:not(.active) {
          display: none; }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          main.fleet-list .section.two .pool .tables .table:not(.active) {
            display: none; } }
        @media only screen and (max-width: 480px) {
          main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) {
            display: none; } }
        @media only screen and (min-width: 481px) {
          main.fleet-list .section.two .pool .tables .table.mobile {
            display: none; } }
        @media only screen and (min-width: 1441px) and (max-width: 1920px) {
          main.fleet-list .section.two .pool .tables .table {
            padding: 30px;
            margin-bottom: 30px; } }
        @media only screen and (max-width: 1280px) {
          main.fleet-list .section.two .pool .tables .table {
            padding: 18px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 480px) {
          main.fleet-list .section.two .pool .tables .table {
            padding: 10px; } }
        @media only screen and (min-width: 481px) and (max-width: 768px) {
          main.fleet-list .section.two .pool .tables .table {
            margin-bottom: var(--page-margin-left-m); } }
        main.fleet-list .section.two .pool .tables .table .table-title {
          margin-bottom: 20px; }
          main.fleet-list .section.two .pool .tables .table .table-title h5 {
            font-weight: 700;
            font-size: 27px; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.fleet-list .section.two .pool .tables .table .table-title h5 {
                font-size: 22px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.fleet-list .section.two .pool .tables .table .table-title h5 {
                font-size: 20px; } }
            @media only screen and (max-width: 1280px) {
              main.fleet-list .section.two .pool .tables .table .table-title h5 {
                font-size: 24px; } }
            @media only screen and (max-width: 1024px) {
              main.fleet-list .section.two .pool .tables .table .table-title h5 {
                font-size: 20px; } }
            @media only screen and (max-width: 480px) {
              main.fleet-list .section.two .pool .tables .table .table-title h5 {
                font-size: 18px; } }
          @media only screen and (max-width: 480px) {
            main.fleet-list .section.two .pool .tables .table .table-title {
              margin-bottom: 10px; } }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="0"] table thead tr th {
          color: var(--color-fleet-vl8-vlcc-hex) !important;
          border-top: 1px solid var(--color-fleet-vl8-vlcc-hex);
          border-bottom: 1px solid var(--color-fleet-vl8-vlcc-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="1"] table thead tr th {
          color: var(--color-fleet-v8-aframax-hex) !important;
          border-top: 1px solid var(--color-fleet-v8-aframax-hex);
          border-bottom: 1px solid var(--color-fleet-v8-aframax-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="2"] table thead tr th {
          color: var(--color-fleet-lr8-lr1-hex) !important;
          border-top: 1px solid var(--color-fleet-lr8-lr1-hex);
          border-bottom: 1px solid var(--color-fleet-lr8-lr1-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="3"] table thead tr th {
          color: var(--color-fleet-alpha-lr2-hex) !important;
          border-top: 1px solid var(--color-fleet-alpha-lr2-hex);
          border-bottom: 1px solid var(--color-fleet-alpha-lr2-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="4"] table thead tr th {
          color: var(--color-fleet-mr-tanker-hex) !important;
          border-top: 1px solid var(--color-fleet-mr-tanker-hex);
          border-bottom: 1px solid var(--color-fleet-mr-tanker-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="5"] table thead tr th {
          color: var(--color-fleet-handy-tanker-hex) !important;
          border-top: 1px solid var(--color-fleet-handy-tanker-hex);
          border-bottom: 1px solid var(--color-fleet-handy-tanker-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="6"] table thead tr th {
          color: var(--color-fleet-chronos-hex) !important;
          border-top: 1px solid var(--color-fleet-chronos-hex);
          border-bottom: 1px solid var(--color-fleet-chronos-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="7"] table thead tr th {
          color: var(--color-fleet-alta-hex) !important;
          border-top: 1px solid var(--color-fleet-alta-hex);
          border-bottom: 1px solid var(--color-fleet-alta-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="8"] table thead tr th {
          color: var(--color-fleet-delta-hex) !important;
          border-top: 1px solid var(--color-fleet-delta-hex);
          border-bottom: 1px solid var(--color-fleet-delta-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="9"] table thead tr th {
          color: var(--color-fleet-bunker-hex) !important;
          border-top: 1px solid var(--color-fleet-bunker-hex);
          border-bottom: 1px solid var(--color-fleet-bunker-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts)[data-index="10"] table thead tr th {
          color: var(--color-fleet-suez-hex) !important;
          border-top: 1px solid var(--color-fleet-suez-hex);
          border-bottom: 1px solid var(--color-fleet-suez-hex); }
        main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table {
          border-collapse: separate;
          border-spacing: 0;
          background: white;
          margin-bottom: 0; }
          main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead {
            border-collapse: collapse; }
            main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr {
              background-color: var(--color-six-hex); }
              main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th {
                font-size: 16px;
                padding: 15px 0;
                padding-left: 15px;
                font-weight: 700;
                border-top: 1px solid var(--color-four-hex);
                border-bottom: 1px solid var(--color-four-hex);
                text-align: left;
                color: var(--color-four-hex); }
                @media only screen and (max-width: 1920px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th {
                    font-size: 15px;
                    padding: 12px 0;
                    padding-left: 12px; } }
                @media only screen and (max-width: 1440px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th {
                    font-size: 13px;
                    padding: 12px 0;
                    padding-left: 12px; } }
                @media only screen and (max-width: 1280px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th {
                    font-size: 13px; } }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:first-child {
                  width: 5%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(2) {
                  width: 20%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(3) {
                  width: 10%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(4) {
                  width: 5%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(5) {
                  width: 22%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(6) {
                  width: 10%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(7) {
                  width: 10%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(8) {
                  width: 5%; }
                @media only screen and (max-width: 1280px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:first-child {
                    width: 3%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(2) {
                    width: 26%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(3) {
                    width: 10%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(4) {
                    width: 5%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(5) {
                    width: 26%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(6) {
                    width: 13%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(7) {
                    width: 5%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(8) {
                    width: 5%; } }
                @media only screen and (max-width: 768px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:first-child {
                    width: 2%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(2) {
                    width: 23%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(3) {
                    width: 10%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(4) {
                    width: 5%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(5) {
                    width: 22%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(6) {
                    width: 15%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(7) {
                    width: 15%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(8) {
                    width: 5%; } }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:first-child, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(5), main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(6), main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(7), main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table thead tr th:nth-child(8) {
                  text-align: left; }
          main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody {
            border-collapse: collapse; }
            main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr {
              cursor: default;
              position: relative;
              transform: translate(0px, 0px); }
              @media only screen and (max-width: 480px) {
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr {
                  opacity: 1; } }
@media only screen and (min-width: 1281px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr.selected:after, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr:hover:after {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr.selected td, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr:hover td {
    pointer-events: none;
    color: black;
    z-index: 15;
    z-index: 1;
    box-sizing: border-box; }
    main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr.selected td:last-child, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr:hover td:last-child {
      border-top-right-radius: var(--menu-border-radius);
      border-bottom-right-radius: var(--menu-border-radius);
      border-right: 2px solid var(--color-four-hex);
      right: -8px;
      /* width: calc(100% + 10px); */
      /* padding-left: 30px; */
      text-align: center;
      padding-left: 0;
      /* padding-left: 10px; */
      position: relative;
      background: white; }
      main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr.selected td:last-child:after, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr:hover td:last-child:after {
        content: "";
        background: #fff;
        position: absolute;
        width: calc(100% + 10px);
        margin: 0 auto;
        height: calc(100% + 1px);
        top: 0;
        z-index: -1;
        border-bottom: 1px solid  #D4D7D9;
        right: 8px; }
    main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr.selected td:first-child, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr:hover td:first-child {
      border-top-left-radius: var(--menu-border-radius);
      border-bottom-left-radius: var(--menu-border-radius);
      border-left: 2px solid var(--color-four-hex);
      left: -8px;
      /* width: calc(100% + 10px); */
      /* padding-left: 30px; */
      padding-right: 0;
      /* padding-left: 10px; */
      position: relative;
      background: white; }
      main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr.selected td:first-child:after, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr:hover td:first-child:after {
        content: "";
        background: #fff;
        position: absolute;
        width: calc(100% + 10px);
        height: calc(100% + 1px);
        top: 0;
        z-index: -1;
        left: 8px;
        border-bottom: 1px solid  #D4D7D9; } }

              main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td {
                font-size: 16px;
                padding: 15px 0;
                padding-left: 15px;
                z-index: 0;
                border-bottom: 1px solid #D4D7D9;
                font-weight: 400; }
                @media only screen and (max-width: 1920px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td {
                    font-size: 15px;
                    padding: 12px 0;
                    padding-left: 12px; } }
                @media only screen and (max-width: 1440px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td {
                    font-size: 14px;
                    padding: 12px 0;
                    padding-left: 12px; } }
                @media only screen and (max-width: 1280px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td {
                    font-size: 13px; } }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:first-child {
                  width: 3%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(2) {
                  width: 25%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(3) {
                  width: 11%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(4) {
                  width: 8%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(5) {
                  width: 22%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(6) {
                  width: 12%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(7) {
                  width: 14%; }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(8) {
                  width: 5%; }
                @media only screen and (max-width: 1280px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:first-child {
                    width: 3%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(2) {
                    width: 26%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(3) {
                    width: 10%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(4) {
                    width: 5%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(5) {
                    width: 26%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(6) {
                    width: 13%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(7) {
                    width: 5%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(8) {
                    width: 5%; } }
                @media only screen and (max-width: 768px) {
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:first-child {
                    width: 2%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(2) {
                    width: 23%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(3) {
                    width: 10%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(4) {
                    width: 5%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(5) {
                    width: 22%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(6) {
                    width: 15%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(7) {
                    width: 15%; }
                  main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(8) {
                    width: 5%; } }
                main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:first-child, main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(5), main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(6), main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(7), main.fleet-list .section.two .pool .tables .table:not(.mobile):not(footer.site-footer.mobile.posts) table tbody tr td:nth-child(8) {
                  text-align: left; }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="0"] tbody th {
          color: var(--color-fleet-vl8-vlcc-hex); }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="1"] tbody th {
          color: var(--color-fleet-v8-aframax-hex); }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="2"] tbody th {
          color: var(--color-fleet-lr8-lr1-hex); }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="3"] tbody th {
          color: var(--color-fleet-alpha-lr2-hex); }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="4"] tbody th {
          color: var(--color-fleet-mr-tanker-hex); }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="5"] tbody th {
          color: var(--color-fleet-handy-tanker-hex); }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="6"] tbody th {
          color: var(--color-fleet-chronos-hex) !important; }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="7"] tbody th {
          color: var(--color-fleet-alta-hex) !important; }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="8"] tbody th {
          color: var(--color-fleet-delta-hex) !important; }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="9"] tbody th {
          color: var(--color-fleet-bunker-hex) !important; }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="10"] tbody th {
          color: var(--color-fleet-suez-hex) !important; }
        main.fleet-list .section.two .pool .tables .table.mobile table {
          border-collapse: separate;
          border-spacing: 0;
          background: white;
          margin-bottom: 0;
          font-size: 14px; }
        main.fleet-list .section.two .pool .tables .table.mobile[data-index="0"] tr[data-id="15"] th {
          color: white; }
        main.fleet-list .section.two .pool .tables .table.mobile tbody {
          border-collapse: collapse; }
          main.fleet-list .section.two .pool .tables .table.mobile tbody th {
            text-align: left;
            color: var(--color-four-hex);
            width: 103px; }
          main.fleet-list .section.two .pool .tables .table.mobile tbody th, main.fleet-list .section.two .pool .tables .table.mobile tbody td {
            padding: 2px 10px; }
          main.fleet-list .section.two .pool .tables .table.mobile tbody tr:nth-child(8n):not(:last-child) td, main.fleet-list .section.two .pool .tables .table.mobile tbody tr:nth-child(8n):not(:last-child) th {
            border-bottom: 5px solid #eeeeee;
            padding-bottom: 10px; }
          main.fleet-list .section.two .pool .tables .table.mobile tbody tr:nth-child(8n + 1):not(:last-child) td, main.fleet-list .section.two .pool .tables .table.mobile tbody tr:nth-child(8n + 1):not(:last-child) th {
            padding-top: 10px; }

/*--------------------------------------------------------------
## News page
--------------------------------------------------------------*/
main.news .page-bg {
  width: 100%;
  height: 560px;
  position: absolute;
  top: 0; }
  main.news .page-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
main.news .section {
  position: relative; }
  main.news .section.one {
    height: 560px; }
    main.news .section.one .section-in {
      padding: 0 var(--page-margin-right) 0 var(--page-margin-left);
      background-color: rgba(16, 59, 81, 0.2);
      height: 100%; }
    main.news .section.one .small-title {
      left: 0;
      top: -15px;
      color: #fff;
      display: flex;
      justify-content: left;
      position: absolute;
      transform-origin: 0% 0%;
      will-change: transform;
      width: 45vw;
      z-index: 160; }
      main.news .section.one .small-title a {
        color: white;
        text-decoration: none; }
      main.news .section.one .small-title h6 {
        margin: 0;
        /* margin-bottom: 1em; */
        font-size: 16.5px;
        font-weight: 600;
        padding-left: 5px; }
    main.news .section.one .inner-title {
      bottom: 100px;
      color: white;
      display: flex;
      align-items: top;
      justify-content: left;
      font-weight: 700;
      letter-spacing: -0.1vw;
      line-height: 5.1vw;
      font-size: 4.9vw;
      position: absolute;
      transform-origin: 0% 0%;
      padding-top: 1.5vw;
      will-change: transform;
      width: 50%;
      z-index: 160; }
      main.news .section.one .inner-title h2 {
        margin-top: 0;
        margin-bottom: 0; }
  main.news .section.two {
    background-color: #EBEBEB;
    overflow: hidden; }
    main.news .section.two .section-in {
      padding: 0 var(--page-margin-right) 210px var(--page-margin-left); }
    main.news .section.two .categories {
      width: 100%;
      display: block;
      text-align: center;
      padding: 10px 0;
      background: #ebebeb;
      margin: 0 auto;
      margin-bottom: 2px;
      position: relative;
      overflow: hidden; }
      main.news .section.two .categories .line {
        position: absolute;
        bottom: 0;
        background-color: #01559D;
        height: 5px; }
      main.news .section.two .categories .category {
        /* float: left; */
        display: inline-block;
        cursor: pointer;
        /* width: 100px; */
        font-weight: 600;
        padding: 20px;
        margin: 0 auto;
        font-size: 14px;
        color: var(--color-five-hex); }
    main.news .section.two .news-container {
      display: block; }
      main.news .section.two .news-container:after {
        content: "";
        display: table;
        clear: both; }
      main.news .section.two .news-container .news-item {
        float: left;
        background-color: white;
        color: var(--color-five-hex);
        border-bottom: 3px solid var(--color-five-hex);
        position: relative; }
        main.news .section.two .news-container .news-item .news-item-in {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: white;
          overflow: hidden;
          cursor: pointer; }
        main.news .section.two .news-container .news-item.selected-sizes {
          z-index: 1; }
          main.news .section.two .news-container .news-item.selected-sizes .news-item-in {
            top: -11.5px;
            left: -10px; }
          main.news .section.two .news-container .news-item.selected-sizes.full .column.one {
            border-right: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected-sizes.full .column.one .news-category, main.news .section.two .news-container .news-item.selected-sizes.full .column.one .news-date {
              padding-left: 60px; }
            main.news .section.two .news-container .news-item.selected-sizes.full .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected-sizes.full .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news .section.two .news-container .news-item.selected-sizes.third .news-item-in .column.one .news-category, main.news .section.two .news-container .news-item.selected-sizes.third .news-item-in .column.one .news-date {
            padding-top: 17px; }
          main.news .section.two .news-container .news-item.selected-sizes.third .news-item-in .column.one .news-category {
            padding-left: 60px; }
          main.news .section.two .news-container .news-item.selected-sizes.third .news-item-in .column.one .news-date {
            padding-right: 61.5px; }
          main.news .section.two .news-container .news-item.selected-sizes.third .news-item-in .column.two {
            padding-left: 70px;
            padding-top: 65px;
            padding-right: 70px; }
          main.news .section.two .news-container .news-item.selected-sizes.two-thirds .column.one {
            border-right: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected-sizes.two-thirds .column.one .news-category, main.news .section.two .news-container .news-item.selected-sizes.two-thirds .column.one .news-date {
              padding-left: 60px; }
            main.news .section.two .news-container .news-item.selected-sizes.two-thirds .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected-sizes.two-thirds .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news .section.two .news-container .news-item.selected-sizes.two-thirds .column.two {
            width: calc(75% + 10px); }
        main.news .section.two .news-container .news-item:hover {
          z-index: 100; }
          main.news .section.two .news-container .news-item:hover .column.one {
            border-right: unset !important;
            border-bottom: unset !important; }
            main.news .section.two .news-container .news-item:hover .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: unset !important;
              border-right: unset !important; }
            main.news .section.two .news-container .news-item:hover .column.one .news-date {
              border-bottom: unset !important; }
        main.news .section.two .news-container .news-item.selected {
          box-shadow: 0 0 100px 8px rgba(0, 0, 0, 0.2);
          z-index: 1;
          border-radius: var(--menu-border-radius); }
          main.news .section.two .news-container .news-item.selected .news-item-in {
            border-radius: var(--menu-border-radius);
            top: -11.5px;
            left: -10px; }
          main.news .section.two .news-container .news-item.selected.full .news-item-in {
            height: 200px;
            width: calc(100% + 20px); }
          main.news .section.two .news-container .news-item.selected.full .column.one {
            width: calc(16.66% + 10px);
            border-right: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected.full .column.one .news-category, main.news .section.two .news-container .news-item.selected.full .column.one .news-date {
              padding-left: 60px; }
            main.news .section.two .news-container .news-item.selected.full .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected.full .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news .section.two .news-container .news-item.selected.full .column.two {
            width: calc(83.34% + 10px); }
          main.news .section.two .news-container .news-item.selected.third .news-item-in {
            height: 520px;
            width: calc(100% + 20px); }
            main.news .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-category, main.news .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-date {
              padding-top: 17px; }
            main.news .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-category {
              padding-left: 60px; }
            main.news .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-date {
              padding-right: 61.5px; }
            main.news .section.two .news-container .news-item.selected.third .news-item-in .column.two {
              padding-left: 70px;
              padding-top: 65px;
              padding-right: 70px; }
          main.news .section.two .news-container .news-item.selected.two-thirds .news-item-in {
            height: 270px;
            width: calc(100% + 20px); }
          main.news .section.two .news-container .news-item.selected.two-thirds .column.one {
            width: calc(25% + 10px);
            border-right: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected.two-thirds .column.one .news-category, main.news .section.two .news-container .news-item.selected.two-thirds .column.one .news-date {
              padding-left: 60px; }
            main.news .section.two .news-container .news-item.selected.two-thirds .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news .section.two .news-container .news-item.selected.two-thirds .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news .section.two .news-container .news-item.selected.two-thirds .column.two {
            width: calc(75% + 10px); }
        main.news .section.two .news-container .news-item .column.one .news-category, main.news .section.two .news-container .news-item .column.one .news-date {
          font-size: 14px;
          background-color: white;
          font-weight: 600;
          letter-spacing: 1px;
          z-index: 1;
          position: relative; }
          main.news .section.two .news-container .news-item .column.one .news-category .colorbg, main.news .section.two .news-container .news-item .column.one .news-date .colorbg {
            content: '';
            top: 0;
            width: 0%;
            position: absolute;
            left: 0;
            height: 0%;
            z-index: -1; }
        main.news .section.two .news-container .news-item .column.two {
          display: flex;
          align-items: center; }
          main.news .section.two .news-container .news-item .column.two .news-title {
            font-size: 1.7vw;
            font-weight: 600;
            width: 100%; }
        @media only screen and (min-width: 1025px) {
          main.news .section.two .news-container .news-item.full.third {
            width: 33.333%;
            height: 500px; }
            main.news .section.two .news-container .news-item.full.third:not(.noborder) {
              border-right: 3px solid var(--color-five-hex); }
            main.news .section.two .news-container .news-item.full.third .column {
              width: 100%;
              overflow: hidden; }
              main.news .section.two .news-container .news-item.full.third .column.one {
                height: 25%; }
                main.news .section.two .news-container .news-item.full.third .column.one .news-category, main.news .section.two .news-container .news-item.full.third .column.one .news-date {
                  width: 50%;
                  height: 100%;
                  padding: 0 50px;
                  float: left;
                  align-items: center;
                  display: flex;
                  border-bottom: 1px solid #A9AEB3; }
                main.news .section.two .news-container .news-item.full.third .column.one .news-category {
                  border-right: 1px solid #A9AEB3; }
              main.news .section.two .news-container .news-item.full.third .column.two {
                display: flex;
                align-items: flex-start;
                padding: 60px; } }
        @media only screen and (min-width: 1025px) {
          main.news .section.two .news-container .news-item.full.two-thirds {
            width: 66.6%;
            float: right;
            height: 250px; }
            main.news .section.two .news-container .news-item.full.two-thirds .news-item-in {
              display: flex; }
            main.news .section.two .news-container .news-item.full.two-thirds .column {
              width: 100%;
              overflow: hidden;
              flex: 1 1 auto; }
              main.news .section.two .news-container .news-item.full.two-thirds .column.one {
                width: 25%;
                border-right: 1px solid #A9AEB3; }
                main.news .section.two .news-container .news-item.full.two-thirds .column.one .news-category, main.news .section.two .news-container .news-item.full.two-thirds .column.one .news-date {
                  width: 100%;
                  height: 50%;
                  padding: 0 50px;
                  display: flex;
                  float: left;
                  align-items: center; }
                main.news .section.two .news-container .news-item.full.two-thirds .column.one .news-category {
                  border-bottom: 1px solid #A9AEB3; }
              main.news .section.two .news-container .news-item.full.two-thirds .column.two {
                width: 75%;
                padding: 0 60px; } }
        main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) {
          height: 180px;
          width: 100%; }
          main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .news-item-in {
            display: flex; }
          main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column {
            flex: 1 1 auto; }
            main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one {
              width: 16.66%;
              height: 100%;
              border-right: 1px solid #A9AEB3; }
              main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date {
                display: flex;
                align-items: center;
                width: 100%;
                padding: 0 50px;
                height: 50%; }
              main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category {
                border-bottom: 1px solid #A9AEB3; }
            main.news .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two {
              width: 83.34%;
              padding: 0 60px; }

/*--------------------------------------------------------------
## News 2 page
--------------------------------------------------------------*/
span[data-cat-chemicals] {
  color: var(--color-news-chemicals-one-hex); }

span[data-cat-esg] {
  color: var(--color-news-esg-one-hex); }

span[data-cat-n8-chemical-tankers-inc] {
  color: var(--color-news-n8-chemical-tankers-one-hex); }

span[data-cat-navig8-assets] {
  color: var(--color-news-n8-products-2020-one-hex); }

span[data-cat-ship-management] {
  color: var(--color-news-ship-management-one-hex); }

span[data-cat-tankers] {
  color: var(--color-news-tankers-one-hex); }

.news-category .colorbg[data-cat-chemicals] {
  background-color: var(--color-news-chemicals-one-hex); }

.news-category .colorbg[data-cat-esg] {
  background-color: var(--color-news-esg-one-hex); }

.news-category .colorbg[data-cat-n8-chemical-tankers-inc] {
  background-color: var(--color-news-n8-chemical-tankers-one-hex); }

.news-category .colorbg[data-cat-navig8-assets] {
  background-color: var(--color-news-n8-products-2020-one-hex); }

.news-category .colorbg[data-cat-ship-management] {
  background-color: var(--color-news-ship-management-one-hex); }

.news-category .colorbg[data-cat-tankers] {
  background-color: var(--color-news-tankers-one-hex); }

.news-date {
  z-index: 0 !important; }

.news-category {
  z-index: 1 !important; }

.news-date .colorbg[data-cat-chemicals] {
  background-color: var(--color-news-chemicals-two-hex); }

.news-date .colorbg[data-cat-esg] {
  background-color: var(--color-news-esg-two-hex); }

.news-date .colorbg[data-cat-n8-chemical-tankers-inc] {
  background-color: var(--color-news-n8-chemical-tankers-two-hex); }

.news-date .colorbg[data-cat-navig8-assets] {
  background-color: var(--color-news-n8-products-2020-two-hex); }

.news-date .colorbg[data-cat-ship-management] {
  background-color: var(--color-news-ship-management-two-hex); }

.news-date .colorbg[data-cat-tankers] {
  background-color: var(--color-news-tankers-two-hex); }

.news-overlay-mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4998;
  opacity: 0;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  display: none;
  background: var(--color-two-hex); }
  .news-overlay-mask.grey {
    background: var(--color-six-hex); }

.news-overlay {
  background: white;
  position: fixed;
  z-index: 4999;
  opacity: 0;
  visibility: hidden;
  display: none;
  border-radius: var(--menu-border-radius);
  padding-top: 88px;
  width: calc(100vw - 28px);
  top: 14px;
  left: 14px;
  height: calc(100vh - 28px); }
  .news-overlay.always-on {
    opacity: 1;
    visibility: visible;
    display: block; }
  .news-overlay hr {
    padding: 0 !important; }
  @media only screen and (max-width: 1024px) {
    .news-overlay {
      left: 5px;
      top: 5px;
      width: calc(100vw - 10px);
      height: calc(100vh - 10px); } }
  @media only screen and (max-width: 768px) {
    .news-overlay {
      left: 7px;
      top: 7px;
      width: calc(100vw - 14px);
      height: calc(100vh - 14px);
      padding-top: 28px; } }
  @media only screen and (max-width: 480px) {
    .news-overlay {
      padding-right: 0;
      padding: 28px 0px 28px 22px; } }
  .news-overlay .title-bar {
    margin-top: 4px;
    padding-bottom: 4px;
    position: relative;
    /* border-bottom: 1px solid #a9aeb3; */
    opacity: 0;
    margin: 0 auto;
    width: 68%;
    visibility: hidden;
    max-width: 800px;
    padding-top: 6vw;
    display: flex; }
    @media only screen and (max-width: 1024px) {
      .news-overlay .title-bar {
        width: auto;
        margin: 0 var(--page-margin-left-l); } }
    @media only screen and (max-width: 768px) {
      .news-overlay .title-bar {
        margin: 0 var(--page-margin-left-ml); } }
    @media only screen and (max-width: 480px) {
      .news-overlay .title-bar {
        margin: 0;
        padding-top: 10vw; } }
    .news-overlay .title-bar .category {
      color: var(--color-five-hex);
      /* width: 24%; */
      text-align: left;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      display: inline-block;
      /* padding: 15px; */
      padding: 5px 20px;
      padding-left: 0;
      /* margin: 0 auto; */
      border-right: 1px solid #a9aeb3; }
      @media only screen and (max-width: 1920px) {
        .news-overlay .title-bar .category {
          font-size: 13px; } }
      @media only screen and (max-width: 1440px) {
        .news-overlay .title-bar .category {
          font-size: 12px;
          letter-spacing: 0; } }
      @media only screen and (max-width: 1024px) {
        .news-overlay .title-bar .category {
          font-size: 11px; } }
      @media only screen and (max-width: 768px) {
        .news-overlay .title-bar .category {
          font-size: 11px; } }
      @media only screen and (max-width: 480px) {
        .news-overlay .title-bar .category {
          font-size: 9px; } }
    .news-overlay .title-bar .date {
      color: var(--color-five-hex);
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
      padding: 5px 20px;
      display: inline-block; }
      @media only screen and (max-width: 1920px) {
        .news-overlay .title-bar .date {
          font-size: 13px; } }
      @media only screen and (max-width: 1440px) {
        .news-overlay .title-bar .date {
          font-size: 12px;
          letter-spacing: 0; } }
      @media only screen and (max-width: 1024px) {
        .news-overlay .title-bar .date {
          font-size: 11px; } }
      @media only screen and (max-width: 768px) {
        .news-overlay .title-bar .date {
          font-size: 11px; } }
      @media only screen and (max-width: 480px) {
        .news-overlay .title-bar .date {
          font-size: 9px; } }
  .news-overlay .popup-content {
    color: var(--color-five-hex);
    width: 65%;
    display: flex;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    max-width: 800px; }
    @media only screen and (max-width: 1024px) {
      .news-overlay .popup-content {
        width: auto;
        margin: 0 var(--page-margin-left-l);
        margin-right: 10px; } }
    @media only screen and (max-width: 768px) {
      .news-overlay .popup-content {
        margin: 0 var(--page-margin-left-ml);
        margin-right: 10px; } }
    @media only screen and (max-width: 480px) {
      .news-overlay .popup-content {
        margin: 0; } }
    .news-overlay .popup-content .popup-in {
      padding-top: 20px;
      width: 100%; }
      @media only screen and (max-width: 1440px) {
        .news-overlay .popup-content .popup-in {
          padding-top: 10px; } }
      .news-overlay .popup-content .popup-in h4 {
        margin-top: 0;
        letter-spacing: 0;
        font-size: 1.7vw;
        font-weight: 600;
        margin-bottom: 13px;
        line-height: 1.4; }
        @media only screen and (max-width: 1440px) {
          .news-overlay .popup-content .popup-in h4 {
            font-size: 25px; } }
        @media only screen and (max-width: 1280px) {
          .news-overlay .popup-content .popup-in h4 {
            font-size: 23px; } }
        @media only screen and (max-width: 1024px) {
          .news-overlay .popup-content .popup-in h4 {
            font-size: 2.3vw; } }
        @media only screen and (max-width: 768px) {
          .news-overlay .popup-content .popup-in h4 {
            font-size: 18px;
            padding-right: 25px; } }
        @media only screen and (max-width: 480px) {
          .news-overlay .popup-content .popup-in h4 {
            font-size: 16.5px;
            margin-bottom: 8px; } }
      .news-overlay .popup-content .popup-in .text {
        width: 100%;
        color: var(--color-five-hex);
        font-size: 16px;
        max-height: calc(100vh - 165px - 172px - 55px - 1px); }
        @media only screen and (max-width: 768px) {
          .news-overlay .popup-content .popup-in .text {
            font-size: 15px; } }
        .news-overlay .popup-content .popup-in .text div:not(.scroll-content) p {
          margin-bottom: 0;
          margin-top: 0; }
        .news-overlay .popup-content .popup-in .text div:not(.scroll-content) hr {
          margin: 8px 0; }
        .news-overlay .popup-content .popup-in .text .scroll-content {
          padding-bottom: 40px;
          padding-right: 25px; }
          @media only screen and (max-width: 768px) {
            .news-overlay .popup-content .popup-in .text .scroll-content {
              padding-right: 25px; } }
        .news-overlay .popup-content .popup-in .text p {
          margin-top: 0;
          margin-bottom: 1.1em;
          line-height: 1.7;
          font-weight: 400;
          text-align: justify; }
          @media only screen and (max-width: 480px) {
            .news-overlay .popup-content .popup-in .text p {
              text-align: left;
              line-height: 1.4; } }
  .news-overlay .close-container {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 5.7vw; }
    @media only screen and (max-width: 768px) {
      .news-overlay .close-container {
        left: -38px;
        top: -29px; } }
    @media only screen and (max-width: 480px) {
      .news-overlay .close-container {
        left: -22px;
        top: -28px;
        right: unset; } }
    .news-overlay .close-container a {
      text-decoration: none;
      color: inherit; }
    .news-overlay .close-container .close-btn {
      position: relative;
      left: 4px;
      top: 0;
      width: 100%;
      /* text-align: center; */
      height: 100%;
      cursor: pointer; }
      .news-overlay .close-container .close-btn:hover[data-cat-chemicals] span {
        background-color: var(--color-news-chemicals-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-chemicals] .circle {
        border: 1px solid var(--color-news-chemicals-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-chemicals] .close-txt {
        color: var(--color-news-chemicals-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-esg] span {
        background-color: var(--color-news-esg-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-esg] .circle {
        border: 1px solid var(--color-news-esg-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-esg] .close-txt {
        color: var(--color-news-esg-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-n8-chemical-tankers-inc] span {
        background-color: var(--color-news-n8-chemical-tankers-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-n8-chemical-tankers-inc] .circle {
        border: 1px solid var(--color-news-n8-chemical-tankers-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-n8-chemical-tankers-inc] .close-txt {
        color: var(--color-news-n8-chemical-tankers-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-navig8-assets] span {
        background-color: var(--color-news-n8-products-2020-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-navig8-assets] .circle {
        border: 1px solid var(--color-news-n8-products-2020-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-navig8-assets] .close-txt {
        color: var(--color-news-n8-products-2020-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-ship-management] span {
        background-color: var(--color-news-ship-management-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-ship-management] .circle {
        border: 1px solid var(--color-news-ship-management-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-ship-management] .close-txt {
        color: var(--color-news-ship-management-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-tankers] span {
        background-color: var(--color-news-tankers-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-tankers] .circle {
        border: 1px solid var(--color-news-tankers-one-hex); }
      .news-overlay .close-container .close-btn:hover[data-cat-tankers] .close-txt {
        color: var(--color-news-tankers-one-hex); }
      .news-overlay .close-container .close-btn:hover:before, .news-overlay .close-container .close-btn:hover:after {
        background-color: black; }
      .news-overlay .close-container .close-btn .close-txt {
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
        display: inline;
        position: absolute;
        right: 50px;
        top: 11px;
        font-size: 13px;
        color: var(--color-five-hex);
        letter-spacing: 1px;
        font-weight: 600; }
        @media only screen and (max-width: 1920px) {
          .news-overlay .close-container .close-btn .close-txt {
            font-size: 13px; } }
        @media only screen and (max-width: 1440px) {
          .news-overlay .close-container .close-btn .close-txt {
            font-size: 12px; } }
        @media only screen and (max-width: 1024px) {
          .news-overlay .close-container .close-btn .close-txt {
            font-size: 11px; } }
        @media only screen and (max-width: 768px) {
          .news-overlay .close-container .close-btn .close-txt {
            font-size: 11px;
            display: none; } }
        @media only screen and (max-width: 480px) {
          .news-overlay .close-container .close-btn .close-txt {
            font-size: 9px; } }
      .news-overlay .close-container .close-btn .circle {
        -webkit-transition: border 0.2s ease-in-out;
        -moz-transition: border 0.2s ease-in-out;
        -ms-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
        position: absolute;
        top: -9px;
        left: -3px;
        width: 39px;
        height: 39px;
        border-radius: 50%;
        /* background: white; */
        border: 1px solid var(--color-five-hex); }
      .news-overlay .close-container .close-btn .fbrow {
        top: 13px; }
      .news-overlay .close-container .close-btn .sbrow {
        top: 20px; }
      .news-overlay .close-container .close-btn .tbrow {
        top: 27px; }
      .news-overlay .close-container .close-btn .fbrow {
        transform: translate(0, 7px) rotate(31deg); }
      .news-overlay .close-container .close-btn .tbrow {
        transform: translate(0, -7px) rotate(-31deg); }
      .news-overlay .close-container .close-btn span {
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -ms-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        display: inline-block;
        width: 24px;
        height: 1px;
        background: var(--color-five-hex);
        position: absolute;
        right: 8px; }
        @media only screen and (min-width: 769px) {
          .news-overlay .close-container .close-btn span {
            width: 35px;
            height: 1px; } }

main.news2 .page-bg {
  width: 100%;
  height: 560px;
  position: absolute;
  top: 0; }
  main.news2 .page-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
main.news2 .section {
  position: relative; }
  main.news2 .section.one {
    height: 560px;
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 1920px) {
      main.news2 .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1440px) {
      main.news2 .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1280px) {
      main.news2 .section.one {
        height: 400px; } }
    @media only screen and (max-width: 1024px) {
      main.news2 .section.one {
        height: 350px; } }
    @media only screen and (max-width: 768px) {
      main.news2 .section.one {
        height: calc(100vh - 53px);
        min-height: 266px;
        background-color: transparent; } }
    main.news2 .section.one .section-in {
      padding: 80px var(--page-margin-right) 80px var(--page-margin-left);
      background-color: rgba(16, 59, 81, 0.2);
      height: 100%; }
      @media only screen and (max-width: 1920px) {
        main.news2 .section.one .section-in {
          padding: var(--page-margin-left-xxxl);
          padding-bottom: 50px; } }
      @media only screen and (max-width: 1440px) {
        main.news2 .section.one .section-in {
          padding: var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.news2 .section.one .section-in {
          padding: var(--page-margin-left-xl);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 1024px) {
        main.news2 .section.one .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l);
          top: 74px; } }
      @media only screen and (max-width: 768px) {
        main.news2 .section.one .section-in {
          padding: var(--page-margin-left-ml);
          background-color: transparent; } }
      @media only screen and (max-width: 480px) {
        main.news2 .section.one .section-in {
          padding: var(--page-margin-left-m);
          padding-bottom: 0; } }
      main.news2 .section.one .section-in .image-mob {
        display: none;
        width: 100%;
        margin-right: 0;
        position: absolute;
        height: 100%;
        left: 0;
        z-index: -1;
        top: 0;
        opacity: 0.8;
        background-size: cover;
        /* visibility: hidden; */
        background-position: center; }
        @media only screen and (max-width: 768px) {
          main.news2 .section.one .section-in .image-mob {
            display: block; } }
    main.news2 .section.one .small-title {
      left: 0;
      color: #fff;
      display: flex;
      justify-content: left;
      position: absolute;
      transform-origin: 0% 0%;
      will-change: transform;
      width: 45vw;
      z-index: 160;
      top: -15px; }
      @media only screen and (max-width: 768px) {
        main.news2 .section.one .small-title {
          width: 50vw; } }
      main.news2 .section.one .small-title a {
        color: white;
        text-decoration: none; }
      main.news2 .section.one .small-title h6 {
        margin: 0;
        /* margin-bottom: 1em; */
        letter-spacing: 1px;
        /* margin-bottom: 1em; */
        line-height: 1;
        padding-left: 0;
        font-weight: 600;
        font-size: 19px; }
        @media only screen and (max-width: 1440px) {
          main.news2 .section.one .small-title h6 {
            font-size: 17px; } }
        @media only screen and (max-width: 1280px) {
          main.news2 .section.one .small-title h6 {
            font-size: 16px; } }
        @media only screen and (max-width: 1024px) {
          main.news2 .section.one .small-title h6 {
            font-size: 15px; } }
        @media only screen and (max-width: 768px) {
          main.news2 .section.one .small-title h6 {
            font-size: 14px;
            letter-spacing: 1; } }
        @media only screen and (max-width: 480px) {
          main.news2 .section.one .small-title h6 {
            font-size: 13px; } }
    main.news2 .section.one .inner-title {
      bottom: 60px;
      color: white;
      display: flex;
      align-items: top;
      justify-content: left;
      letter-spacing: -0.1vw;
      line-height: 5.1vw;
      font-size: 5.2vw;
      position: absolute;
      transform-origin: 0% 0%;
      padding-top: 1.5vw;
      will-change: transform;
      width: 65%;
      z-index: 160;
      width: calc(100% - 2*var(--page-margin-left)); }
      @media only screen and (max-width: 1920px) {
        main.news2 .section.one .inner-title {
          bottom: 50px;
          width: calc(100% - 2*var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 768px) {
        main.news2 .section.one .inner-title {
          top: 68px;
          width: 80%;
          z-index: 160;
          line-height: 0.85;
          padding-top: 1vw;
          margin-top: 30px;
          bottom: unset; } }
      main.news2 .section.one .inner-title h2 {
        margin-top: 0;
        color: white;
        opacity: 1;
        font-size: 5.2vw;
        line-height: 1.04;
        visibility: visible;
        display: none;
        cursor: pointer;
        pointer-events: all; }
        main.news2 .section.one .inner-title h2.current {
          visibility: visible;
          display: block; }
        @media only screen and (max-width: 1024px) {
          main.news2 .section.one .inner-title h2 {
            font-size: 5.2vw; } }
        @media only screen and (max-width: 768px) {
          main.news2 .section.one .inner-title h2 {
            font-size: 6vw;
            margin-top: 0; } }
        @media only screen and (max-width: 480px) {
          main.news2 .section.one .inner-title h2 {
            font-size: 10vw; } }
  main.news2 .section.two {
    background-color: var(--bg-color-light-hex);
    overflow: hidden;
    min-height: calc(100vh - 560px); }
    @media only screen and (max-width: 1920px) {
      main.news2 .section.two {
        min-height: calc(100vh - 466px); } }
    @media only screen and (max-width: 1440px) {
      main.news2 .section.two {
        min-height: calc(100vh - 466px); } }
    @media only screen and (max-width: 1280px) {
      main.news2 .section.two {
        min-height: calc(100vh - 400px); } }
    @media only screen and (max-width: 1024px) {
      main.news2 .section.two {
        min-height: calc(100vh - 350px); } }
    @media only screen and (max-width: 768px) {
      main.news2 .section.two {
        min-height: calc(100vh - 53px); } }
    main.news2 .section.two .section-in {
      padding: 120px var(--page-margin-right) 210px var(--page-margin-left);
      padding-bottom: calc(var(--page-margin-left) + 20px + 40px); }
      @media only screen and (max-width: 1920px) {
        main.news2 .section.two .section-in {
          padding: var(--page-margin-left-xxxl);
          padding-right: calc(var(--page-margin-right-xxxl) - 12px);
          padding-bottom: calc(var(--page-margin-left-xxxl) + 20px + 40px);
          padding-top: var(--page-margin-top-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.news2 .section.two .section-in {
          padding: var(--page-margin-left-xxl);
          padding-right: calc(var(--page-margin-right-xxl) - 12px);
          padding-bottom: calc(var(--page-margin-left-xxl) + 20px + 40px);
          padding-top: var(--page-margin-top-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.news2 .section.two .section-in {
          padding: var(--page-margin-left-xl);
          flex-wrap: wrap;
          padding-right: calc(var(--page-margin-right-xl) - 12px);
          padding-bottom: calc(var(--page-margin-left-xl) + 20px + 40px);
          padding-top: var(--page-margin-top-xl); } }
      @media only screen and (max-width: 1024px) {
        main.news2 .section.two .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l);
          padding-right: calc(var(--page-margin-right-l) - 12px);
          padding-bottom: calc(var(--page-margin-left-l) + 20px + 40px);
          padding-top: var(--page-margin-top-l); } }
      @media only screen and (min-width: 769px) and (max-width: 900px) {
        main.news2 .section.two .section-in {
          padding-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        main.news2 .section.two .section-in {
          padding: var(--page-margin-left-ml);
          padding-bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.news2 .section.two .section-in {
          padding: var(--page-margin-left-m);
          padding-bottom: 0; } }
    main.news2 .section.two .custom-select-container {
      width: 100%;
      order: 0;
      color: var(--color-five-hex); }
      @media only screen and (min-width: 769px) {
        main.news2 .section.two .custom-select-container {
          display: none; } }
      @media only screen and (max-width: 1024px) {
        main.news2 .section.two .custom-select-container {
          padding-left: calc(26vw + 34px - 20px); } }
      @media only screen and (max-width: 768px) {
        main.news2 .section.two .custom-select-container {
          height: 53px;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #535e679c; } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        main.news2 .section.two .custom-select-container {
          padding-left: calc(var(--page-margin-right-ml) - 20px);
          width: 100%; } }
      @media only screen and (max-width: 480px) {
        main.news2 .section.two .custom-select-container {
          padding-left: calc(var(--page-margin-right-m) - 20px); } }
    main.news2 .section.two .custom-select {
      position: relative;
      margin-left: auto;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      width: 300px; }
      @media only screen and (max-width: 1280px) {
        main.news2 .section.two .custom-select {
          width: 100%; } }
      main.news2 .section.two .custom-select select {
        display: none; }
      main.news2 .section.two .custom-select .select-selected {
        background-color: transparent; }
        main.news2 .section.two .custom-select .select-selected.select-arrow-active:after {
          border-color: transparent transparent var(--color-five-hex) transparent;
          top: 7px; }
        main.news2 .section.two .custom-select .select-selected svg {
          margin-left: 8px;
          padding-top: 1px; }
      main.news2 .section.two .custom-select .select-items div {
        padding-bottom: 15px; }
      main.news2 .section.two .custom-select .select-selected {
        padding: 8px 8px 8px 20px;
        cursor: pointer; }
        @media only screen and (max-width: 480px) {
          main.news2 .section.two .custom-select .select-selected {
            padding: 8px 8px 8px var(--page-margin-left-m); } }
      main.news2 .section.two .custom-select .select-items div {
        color: var(--color-five-hex);
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 3px; }
      main.news2 .section.two .custom-select .select-container {
        position: fixed;
        background-color: #eeeeeef5;
        top: 0;
        -webkit-backdrop-filter: blur(var(--menu-blur));
        backdrop-filter: blur(var(--menu-blur));
        width: 100vw;
        left: 0;
        color: var(--color-five-hex);
        right: 0;
        display: flex;
        height: 100vh;
        /* justify-content: center; */
        z-index: 399;
        align-items: center;
        flex-wrap: wrap;
        opacity: 0;
        visibility: hidden; }
        main.news2 .section.two .custom-select .select-container.select-hide {
          display: none; }
      main.news2 .section.two .custom-select .select-items {
        width: 100%; }
      main.news2 .section.two .custom-select .same-as-selected {
        color: var(--color-four-hex); }
    main.news2 .section.two .categories {
      width: 100%;
      display: block;
      text-align: center;
      padding: 0;
      background: transparent;
      margin: 0 auto;
      margin-bottom: 2px;
      height: 53px;
      position: relative;
      border-bottom: 1px solid #535e679c; }
      @media only screen and (max-width: 1024px) {
        main.news2 .section.two .categories {
          height: 48px; } }
      @media only screen and (max-width: 768px) {
        main.news2 .section.two .categories {
          display: none; } }
      main.news2 .section.two .categories .line {
        position: absolute;
        bottom: 0;
        background-color: #01559D;
        height: 5px; }
      main.news2 .section.two .categories .category {
        /* float: left; */
        display: inline-block;
        cursor: pointer;
        font-weight: 600;
        padding: 18px 20px;
        margin: 0 auto;
        font-size: 12px;
        color: var(--color-five-hex); }
        @media only screen and (max-width: 1024px) {
          main.news2 .section.two .categories .category {
            padding: 14px 10px;
            font-size: 12px; } }
    main.news2 .section.two .news-container {
      display: block; }
      main.news2 .section.two .news-container:after {
        content: "";
        display: table;
        clear: both; }
      main.news2 .section.two .news-container .news-item {
        float: left;
        padding-right: 12px;
        opacity: 0;
        color: var(--color-five-hex);
        margin-bottom: 12px;
        border-radius: var(--menu-border-radius);
        position: relative; }
        @media only screen and (max-width: 768px) {
          main.news2 .section.two .news-container .news-item {
            padding-right: 0; } }
        main.news2 .section.two .news-container .news-item:last-child {
          margin-bottom: 0; }
        main.news2 .section.two .news-container .news-item .news-content {
          display: none; }
        main.news2 .section.two .news-container .news-item .news-item-in {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% - 12px);
          height: 100%;
          background: white;
          overflow: hidden;
          border-radius: var(--menu-border-radius);
          cursor: pointer; }
          @media only screen and (max-width: 768px) {
            main.news2 .section.two .news-container .news-item .news-item-in {
              width: 100%; } }
        main.news2 .section.two .news-container .news-item.selected-sizes {
          z-index: 1; }
          main.news2 .section.two .news-container .news-item.selected-sizes .news-item-in {
            top: -11.5px;
            left: -10px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.full .column.one {
            border-right: 1px solid transparent; }
            main.news2 .section.two .news-container .news-item.selected-sizes.full .column.one .news-category, main.news2 .section.two .news-container .news-item.selected-sizes.full .column.one .news-date {
              padding-left: 60px; }
            main.news2 .section.two .news-container .news-item.selected-sizes.full .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news2 .section.two .news-container .news-item.selected-sizes.full .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-category, main.news2 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-date {
            padding-top: 17px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-category {
            padding-left: 60px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-date {
            padding-right: 61.5px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.two {
            padding-left: 70px;
            padding-top: 65px;
            padding-right: 70px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one {
            border-right: 1px solid transparent; }
            main.news2 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-date {
              padding-left: 60px; }
            main.news2 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news2 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news2 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.two {
            width: calc(75% + 10px); }
        @media only screen and (min-width: 769px) {
          main.news2 .section.two .news-container .news-item:hover {
            z-index: 100; }
            main.news2 .section.two .news-container .news-item:hover .column.one {
              border-right: 0 !important;
              border-bottom: 0 !important; }
              main.news2 .section.two .news-container .news-item:hover .column.one .news-category {
                padding-top: 11.5px;
                border-bottom: 0 !important;
                border-right: 0 !important; }
              main.news2 .section.two .news-container .news-item:hover .column.one .news-date {
                border-bottom: 0 !important; } }
        main.news2 .section.two .news-container .news-item.selected {
          box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
          z-index: 1;
          border-radius: var(--menu-border-radius); }
          main.news2 .section.two .news-container .news-item.selected .news-item-in {
            border-radius: var(--menu-border-radius);
            top: -11.5px;
            left: -10px; }
          main.news2 .section.two .news-container .news-item.selected.full .news-item-in {
            height: 200px;
            width: calc(100% + 20px); }
          main.news2 .section.two .news-container .news-item.selected.full .column.one {
            width: calc(16.66% + 10px);
            border-right: 1px solid transparent; }
            main.news2 .section.two .news-container .news-item.selected.full .column.one .news-category, main.news2 .section.two .news-container .news-item.selected.full .column.one .news-date {
              padding-left: 60px; }
            main.news2 .section.two .news-container .news-item.selected.full .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.news2 .section.two .news-container .news-item.selected.full .column.one .news-date {
              padding-bottom: 11.5px; }
          main.news2 .section.two .news-container .news-item.selected.full .column.two {
            width: calc(83.34% + 10px); }
          @media only screen and (min-width: 769px) {
            main.news2 .section.two .news-container .news-item.selected.third .news-item-in {
              height: 520px;
              width: calc(100% + 20px); }
              main.news2 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-category, main.news2 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-date {
                padding-top: 17px; }
              main.news2 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-category {
                padding-left: 60px; }
              main.news2 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-date {
                padding-right: 61.5px; }
              main.news2 .section.two .news-container .news-item.selected.third .news-item-in .column.two {
                padding-left: 70px;
                padding-top: 65px;
                padding-right: 70px; } }
          @media only screen and (min-width: 769px) {
            main.news2 .section.two .news-container .news-item.selected.two-thirds .news-item-in {
              height: 270px;
              width: calc(100% + 20px); }
            main.news2 .section.two .news-container .news-item.selected.two-thirds .column.one {
              width: calc(25% + 10px);
              border-right: 1px solid transparent; }
              main.news2 .section.two .news-container .news-item.selected.two-thirds .column.one .news-category, main.news2 .section.two .news-container .news-item.selected.two-thirds .column.one .news-date {
                padding-left: 60px; }
              main.news2 .section.two .news-container .news-item.selected.two-thirds .column.one .news-category {
                padding-top: 11.5px;
                border-bottom: 1px solid transparent; }
              main.news2 .section.two .news-container .news-item.selected.two-thirds .column.one .news-date {
                padding-bottom: 11.5px; }
            main.news2 .section.two .news-container .news-item.selected.two-thirds .column.two {
              width: calc(75% + 10px); } }
        main.news2 .section.two .news-container .news-item .column.one .news-category, main.news2 .section.two .news-container .news-item .column.one .news-date {
          font-size: 14px;
          background-color: white;
          font-weight: 600;
          letter-spacing: 1px;
          z-index: 1;
          position: relative; }
          @media only screen and (max-width: 1920px) {
            main.news2 .section.two .news-container .news-item .column.one .news-category, main.news2 .section.two .news-container .news-item .column.one .news-date {
              font-size: 13px; } }
          @media only screen and (max-width: 1440px) {
            main.news2 .section.two .news-container .news-item .column.one .news-category, main.news2 .section.two .news-container .news-item .column.one .news-date {
              font-size: 12px;
              letter-spacing: 0; } }
          @media only screen and (max-width: 1024px) {
            main.news2 .section.two .news-container .news-item .column.one .news-category, main.news2 .section.two .news-container .news-item .column.one .news-date {
              font-size: 11px; } }
          @media only screen and (max-width: 768px) {
            main.news2 .section.two .news-container .news-item .column.one .news-category, main.news2 .section.two .news-container .news-item .column.one .news-date {
              font-size: 11px; } }
          @media only screen and (max-width: 480px) {
            main.news2 .section.two .news-container .news-item .column.one .news-category, main.news2 .section.two .news-container .news-item .column.one .news-date {
              font-size: 9px; } }
          main.news2 .section.two .news-container .news-item .column.one .news-category .colorbg, main.news2 .section.two .news-container .news-item .column.one .news-date .colorbg {
            content: '';
            top: 0;
            width: 0%;
            position: absolute;
            left: 0;
            height: 0%;
            z-index: -1; }
          main.news2 .section.two .news-container .news-item .column.one .news-category .cats, main.news2 .section.two .news-container .news-item .column.one .news-date .cats {
            position: relative;
            pointer-events: all; }
            @media only screen and (max-width: 480px) {
              main.news2 .section.two .news-container .news-item .column.one .news-category .cats span, main.news2 .section.two .news-container .news-item .column.one .news-date .cats span {
                line-height: 1; } }
          main.news2 .section.two .news-container .news-item .column.one .news-category .open-cat-dropdown, main.news2 .section.two .news-container .news-item .column.one .news-date .open-cat-dropdown {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
            pointer-events: all;
            display: inline-block;
            cursor: pointer;
            color: #000;
            border-radius: 0;
            outline: 0;
            background: transparent;
            padding: 0 8px;
            border: 0;
            font-size: 17px; }
            main.news2 .section.two .news-container .news-item .column.one .news-category .open-cat-dropdown:hover, main.news2 .section.two .news-container .news-item .column.one .news-date .open-cat-dropdown:hover {
              color: white; }
          main.news2 .section.two .news-container .news-item .column.one .news-category .cat-dropdown, main.news2 .section.two .news-container .news-item .column.one .news-date .cat-dropdown {
            position: absolute;
            width: auto;
            height: 100px;
            opacity: 0;
            height: 140px;
            background: #ffffff9c;
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
            margin-top: 5px;
            border: 1px solid #a9aeb3;
            border-radius: 4px;
            margin-top: 0;
            padding: 10px;
            visibility: hidden;
            white-space: nowrap; }
        main.news2 .section.two .news-container .news-item .column.two {
          display: flex;
          align-items: center; }
          main.news2 .section.two .news-container .news-item .column.two .news-title {
            font-size: 1.7vw;
            font-weight: 600;
            width: 100%; }
        @media only screen and (min-width: 769px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) {
            width: 33.333%;
            height: calc(540px + 12px); }
            main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column {
              width: 100%;
              overflow: visible; }
              main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
                margin-bottom: 4px;
                height: 135px;
                border-bottom: 1px solid #A9AEB3;
                margin-left: 4px;
                margin-right: 4px;
                width: calc(100% - 8px); } }
      @media only screen and (min-width: 769px) and (max-width: 1920px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
          height: calc(120px); } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
          height: calc(95px); } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
          height: calc(90px); } }
        @media only screen and (min-width: 769px) {
                main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
                  width: 50%;
                  height: calc(100% - 8px);
                  padding: 0 50px;
                  float: left;
                  align-items: center;
                  display: flex;
                  margin: 4px 0;
                  padding-right: 10px; } }
        @media only screen and (min-width: 769px) and (max-width: 1440px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 40px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1280px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 30px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 1.5vw 0 1.5vw;
            padding-right: 0.2vw; } }
        @media only screen and (min-width: 769px) and (max-width: 768px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 2vw 0 2vw;
            padding-right: 0.5vw; } }
        @media only screen and (min-width: 769px) and (max-width: 480px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0px 0px 0px 5px; } }
        @media only screen and (min-width: 769px) {
                main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category {
                  border-right: 1px solid #A9AEB3; }
              main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
                display: flex;
                align-items: flex-start;
                padding: 60px; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 25px 40px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 30px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 25px; } }
      @media only screen and (min-width: 769px) and (min-width: 481px) and (max-width: 768px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 0 3vw 0 3vw; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two .news-title {
          font-size: 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two .news-title {
          font-size: 23px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two .news-title {
          font-size: 2.3vw; } }

        @media only screen and (max-width: 1920px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) {
            height: calc(480px + 12px); } }
        @media only screen and (max-width: 1440px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) {
            height: calc(380px + 12px); } }
        @media only screen and (max-width: 1280px) {
          main.news2 .section.two .news-container .news-item.full.third:not(.invalidate) {
            height: calc(360px + 12px); } }
        @media only screen and (min-width: 769px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            width: 66.6666%;
            float: right;
            height: 270px; }
            main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .news-item-in {
              display: flex; }
            main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column {
              width: 100%;
              overflow: visible;
              flex: 1 1 auto; }
              main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one {
                width: 25%;
                margin: 4px 0;
                border-right: 1px solid #A9AEB3; }
                main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
                  width: 100%;
                  height: calc(135px - 4px);
                  width: calc(100% - 8px);
                  padding: 0px 50px;
                  margin: 0 4px;
                  display: flex;
                  float: left;
                  align-items: center;
                  padding-right: 10px; } }
        @media only screen and (min-width: 769px) and (max-width: 1920px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            height: calc(120px - 4px); } }
        @media only screen and (min-width: 769px) and (max-width: 1440px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            height: calc(95px - 4px);
            padding: 0 40px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1280px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            height: calc(90px - 4px);
            padding: 0 30px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            padding: 0 1.5vw 0 1.5vw;
            padding-right: 0.2vw; } }
        @media only screen and (min-width: 769px) {
                main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category {
                  border-bottom: 1px solid #A9AEB3; }
              main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
                width: 75%;
                padding: 0 60px; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
          padding: 0 40px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
          padding: 0 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
          padding: 0 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two .news-title {
          font-size: 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two .news-title {
          font-size: 23px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two .news-title {
          font-size: 2.3vw; } }

        @media only screen and (max-width: 1920px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            height: calc(240px); } }
        @media only screen and (max-width: 1440px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            height: calc(190px); } }
        @media only screen and (max-width: 1280px) {
          main.news2 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            height: calc(180px); } }
        main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.news2 .section.two .news-container .news-item.full.invalidate {
          height: 166px;
          width: 100%; }
          @media only screen and (max-width: 1920px) {
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.news2 .section.two .news-container .news-item.full.invalidate {
              height: 155px; } }
          @media only screen and (max-width: 1440px) {
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.news2 .section.two .news-container .news-item.full.invalidate {
              height: 123px; } }
          @media only screen and (max-width: 1280px) {
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.news2 .section.two .news-container .news-item.full.invalidate {
              height: 116px; } }
          @media only screen and (max-width: 1024px) {
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.news2 .section.two .news-container .news-item.full.invalidate {
              height: 126px; } }
          @media only screen and (max-width: 480px) {
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.news2 .section.two .news-container .news-item.full.invalidate {
              height: 150px; } }
          main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .news-item-in, main.news2 .section.two .news-container .news-item.full.invalidate .news-item-in {
            display: flex; }
          main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column, main.news2 .section.two .news-container .news-item.full.invalidate .column {
            flex: 1 1 auto; }
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.news2 .section.two .news-container .news-item.full.invalidate .column.one {
              width: calc(16.66% - 8px);
              height: calc(100% - 8px);
              margin: 4px 0;
              border-right: 1px solid #A9AEB3; }
              @media only screen and (max-width: 1024px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.news2 .section.two .news-container .news-item.full.invalidate .column.one {
                  width: calc(8% - 12px); } }
              @media only screen and (max-width: 768px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.news2 .section.two .news-container .news-item.full.invalidate .column.one {
                  width: calc(26% - 8px); } }
              @media only screen and (max-width: 480px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.news2 .section.two .news-container .news-item.full.invalidate .column.one {
                  width: calc(27% - 8px); } }
              main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                display: flex;
                align-items: center;
                width: calc(100% - 8px);
                padding: 0px 50px;
                margin: 0 4px;
                height: 50%;
                padding-right: 10px; }
                @media only screen and (max-width: 1440px) {
                  main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0 40px;
                    padding-right: 5px; } }
                @media only screen and (max-width: 1280px) {
                  main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0 30px;
                    padding-right: 5px; } }
                @media only screen and (max-width: 1024px) {
                  main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0 1.5vw 0 1.5vw;
                    padding-right: 0.2vw; } }
                @media only screen and (max-width: 480px) {
                  main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0px 0px 0px 5px; } }
              main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.news2 .section.two .news-container .news-item.full.invalidate .column.one .news-category {
                border-bottom: 1px solid #A9AEB3; }
            main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
              width: 83.34%;
              padding: 0 60px; }
              @media only screen and (max-width: 1440px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0 40px; } }
              @media only screen and (max-width: 1280px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0 30px; } }
              @media only screen and (max-width: 1024px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0 25px; } }
              @media only screen and (max-width: 480px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0px 15px; } }
              @media only screen and (max-width: 480px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
                  width: 73%; } }
              @media only screen and (max-width: 1440px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.news2 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 25px; } }
              @media only screen and (max-width: 1280px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.news2 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 23px; } }
              @media only screen and (max-width: 1024px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.news2 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 2.3vw; } }
              @media only screen and (max-width: 768px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.news2 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 18px; } }
              @media only screen and (max-width: 480px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.news2 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 16.5px;
                  line-height: 1.3; } }
              @media only screen and (min-width: 769px) and (max-width: 1024px) {
                main.news2 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.news2 .section.two .news-container .news-item.full.invalidate .column.two {
                  width: 74%; } }
    @media only screen and (max-width: 900px) {
      main.news2 .section.two footer {
        margin-top: calc(var(--page-margin-left-l) + 50px); } }
    @media only screen and (max-width: 768px) {
      main.news2 .section.two footer {
        margin-top: calc(var(--page-margin-left-ml) + 50px); } }
    @media only screen and (max-width: 480px) {
      main.news2 .section.two footer {
        margin-top: calc(var(--page-margin-left-m) + 50px); } }
    @media only screen and (max-width: 900px) {
      main.news2 .section.two footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-l) - 30px);
        left: calc(-1 * var(--page-margin-left-l) + 10px);
        position: relative; } }
    @media only screen and (max-width: 768px) {
      main.news2 .section.two footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-ml) - 20px);
        left: calc(-1 * var(--page-margin-left-ml) + 10px);
        position: relative; } }
    @media only screen and (max-width: 480px) {
      main.news2 .section.two footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-m) - 20px);
        left: calc(-1 * var(--page-margin-left-m) + 10px);
        position: relative; } }

.mobile-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  opacity: 0;
  visibility: hidden; }
  .mobile-bg .blue-mask {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: var(--color-one-hex);
    /* display: none; */
    opacity: 0.7;
    display: none; }
  @media only screen and (min-width: 1025px) {
    .mobile-bg {
      display: none; } }
  @media only screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 3 / 2) {
    .mobile-bg {
      display: block; } }
  .mobile-bg img {
    height: 100%;
    object-fit: cover;
    width: 100%; }

/*--------------------------------------------------------------
## Services page
--------------------------------------------------------------*/
main.site-main.services .page-text {
  -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
  pointer-events: none;
  position: fixed;
  left: 29px;
  transform: translate(-50px, 0) rotate(-90deg);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 1;
  top: calc(88px + 115px) !important;
  cursor: pointer;
  pointer-events: all;
  z-index: 153; }
  main.site-main.services .page-text span {
    color: inherit;
    padding: 15px 0;
    display: inline-block;
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    padding-right: 30px; }
    main.site-main.services .page-text span.active, main.site-main.services .page-text span:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1280px) {
      main.site-main.services .page-text span {
        padding-right: 20px; } }
    main.site-main.services .page-text span:last-child {
      padding-right: 0; }
  @media only screen and (max-width: 1440px) {
    main.site-main.services .page-text {
      font-size: 11px;
      left: 36px;
      top: calc(88px + 95px) !important; } }
  @media only screen and (max-width: 1280px) {
    main.site-main.services .page-text {
      font-size: 10px;
      left: 22px;
      top: calc(118px + 10px) !important; } }
  @media only screen and (max-width: 1024px) {
    main.site-main.services .page-text {
      font-size: 10px;
      left: 10px;
      top: calc(88px + 20px) !important; } }
  @media only screen and (max-width: 768px) {
    main.site-main.services .page-text {
      display: none; } }
  @media only screen and (max-width: 480px) {
    main.site-main.services .page-text {
      display: none; } }
  main.site-main.services .page-text.dark span {
    color: white; }
  main.site-main.services .page-text.light span {
    color: var(--color-five-hex); }
main.site-main.services .scroller-in {
  color: white;
  padding: var(--page-margin-top) var(--page-margin-right) 0 var(--page-margin-left);
  min-height: calc(300vh + 4276px); }
  @media only screen and (max-width: 1920px) {
    main.site-main.services .scroller-in {
      padding-left: var(--page-margin-left-xxxl);
      padding-right: var(--page-margin-right-xxxl);
      padding-top: 130px; } }
  @media only screen and (max-width: 1440px) {
    main.site-main.services .scroller-in {
      padding-left: var(--page-margin-left-xxl);
      padding-right: var(--page-margin-right-xxl);
      padding-top: 120px; } }
  @media only screen and (max-width: 1280px) {
    main.site-main.services .scroller-in {
      padding-left: var(--page-margin-left-xl);
      padding-right: var(--page-margin-right-xl);
      padding-top: 120px; } }
  @media only screen and (max-width: 1024px) {
    main.site-main.services .scroller-in {
      padding-left: var(--page-margin-left-l);
      padding-right: var(--page-margin-right-l);
      padding-top: 83px; } }
  @media only screen and (max-width: 768px) {
    main.site-main.services .scroller-in {
      padding-left: var(--page-margin-left-ml);
      padding-right: var(--page-margin-right-ml);
      padding-top: 83px; } }
  @media only screen and (orientation: portrait) {
    main.site-main.services .scroller-in {
      padding-top: var(--page-margin-top-portrait);
      padding-bottom: var(--page-margin-bottom-portrait); } }
  @media only screen and (max-width: 768px) {
    main.site-main.services .scroller-in {
      min-height: unset;
      position: relative; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .scroller-in {
    padding-top: var(--page-margin-top-m);
    padding-left: var(--page-margin-left-m);
    padding-right: var(--page-margin-right-m);
    padding-bottom: 0; } }

  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    main.site-main.services .scroller-in {
      min-height: calc(200vh + 350vh);
      position: relative; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main.site-main.services .scroller-in {
      min-height: calc(200vh + 350vh);
      position: relative; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    main.site-main.services .scroller-in {
      min-height: calc(200vh + 350vh);
      position: relative; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    main.site-main.services .scroller-in {
      min-height: calc(200vh + 350vh);
      position: relative; } }
  @media only screen and (max-width: 768px) {
    main.site-main.services .scroller-in {
      min-height: calc(200vh + 250vh);
      position: relative; } }
main.site-main.services h1 {
  color: white;
  font-size: 7.15vw;
  line-height: 0.95;
  margin-top: 0.1em; }
main.site-main.services h2 {
  font-size: 5.2vw;
  line-height: 1.04;
  will-change: auto;
  width: 100%;
  font-weight: 700;
  margin-top: 0.1em;
  opacity: 1; }
  @media only screen and (max-width: 1024px) {
    main.site-main.services h2 {
      font-size: 5.2vw; } }
  @media only screen and (max-width: 768px) {
    main.site-main.services h2 {
      font-size: 5.7vw; } }
  @media only screen and (max-width: 480px) {
    main.site-main.services h2 {
      font-size: 10vw; } }
main.site-main.services h4 {
  font-size: 1.8vw;
  margin-top: 18px; }
main.site-main.services h5 {
  margin-top: .2em;
  margin-bottom: .2em;
  margin-right: 3em; }
  @media only screen and (max-width: 1440px) {
    main.site-main.services h5 {
      line-height: 27px;
      letter-spacing: 0px;
      font-size: 23px; } }
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  main.site-main.services h5 {
    margin-right: 3em; } }

main.site-main.services h6 {
  will-change: auto;
  margin-bottom: 1.7vw; }
  @media only screen and (max-width: 1024px) {
    main.site-main.services h6 {
      font-size: 18px; } }
@media only screen and (max-width: 768px) and (orientation: landscape) {
  main.site-main.services h6 {
    font-size: 15px; } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services h6 {
    font-size: 16px; } }

main.site-main.services .four-boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  will-change: auto;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  padding: 0;
  margin: 2.8vw 0;
  width: 100%;
  height: 400px;
  position: relative; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes {
    margin: 4vw 0; } }

  main.site-main.services .four-boxes .box {
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    position: absolute;
    padding: 2.2vw;
    background: #103b5169;
    flex: 1 1 auto;
    box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
    border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-hex);
    border-radius: var(--menu-border-radius);
    overflow: hidden;
    width: calc(25% - 1.8vw);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    outline: 0; }
    main.site-main.services .four-boxes .box:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 1024px) {
      main.site-main.services .four-boxes .box {
        padding: 1.5vw;
        width: calc(25% - 1.5vw); } }
    @media only screen and (max-width: 768px) {
      main.site-main.services .four-boxes .box {
        width: calc(50% - 2vw/2);
        margin-bottom: 2vw;
        height: 320px; } }
    @media only screen and (orientation: portrait) {
      main.site-main.services .four-boxes .box {
        padding: 4vw;
        width: calc(50% - 4vw/2);
        margin-bottom: 4vw; } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box {
    padding: 4vw;
    width: calc(50% - 4vw/2);
    margin-bottom: 4vw; } }

    @media only screen and (max-width: 480px) {
      main.site-main.services .four-boxes .box {
        height: 300px; } }
  @media only screen and (max-width: 480px) and (orientation: portrait) {
    main.site-main.services .four-boxes .box {
      padding: 2.7vw;
      width: calc(50% - 2.7vw/2);
      margin-bottom: 2.7vw; } }

    main.site-main.services .four-boxes .box.box-one {
      left: 0; }
    main.site-main.services .four-boxes .box.box-two {
      left: calc(25% + 1.8vw/3); }
      @media only screen and (orientation: portrait) {
        main.site-main.services .four-boxes .box.box-two {
          left: calc(50% + 4vw/2); } }
      @media only screen and (max-width: 768px) {
        main.site-main.services .four-boxes .box.box-two {
          left: calc(50% + 2vw/2); } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box.box-two {
    left: calc(50% + 2.7vw/2); } }

    main.site-main.services .four-boxes .box.box-three {
      left: calc(50% + 1.8vw/1.5); }
      @media only screen and (orientation: portrait) {
        main.site-main.services .four-boxes .box.box-three {
          left: 0;
          top: calc(320px + 2*4vw); } }
      @media only screen and (max-width: 768px) {
        main.site-main.services .four-boxes .box.box-three {
          left: 0;
          top: calc(320px + 2*2vw); } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box.box-three {
    top: calc(300px + 2*2.7vw); } }

    main.site-main.services .four-boxes .box.box-four {
      left: calc(75% + 1.8vw); }
      @media only screen and (orientation: portrait) {
        main.site-main.services .four-boxes .box.box-four {
          left: calc(50% + 4vw/2);
          top: calc(320px + 2*4vw); } }
      @media only screen and (max-width: 768px) {
        main.site-main.services .four-boxes .box.box-four {
          left: calc(50% + 2vw/2);
          top: calc(320px + 2*2vw); } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box.box-four {
    left: calc(50% + 2.7vw/2);
    top: calc(300px + 2*2.7vw); } }

    main.site-main.services .four-boxes .box .box-icon img {
      height: 2.5vw; }
      @media only screen and (max-width: 1024px) {
        main.site-main.services .four-boxes .box .box-icon img {
          height: 3vw; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    main.site-main.services .four-boxes .box .box-icon img {
      height: 4.8vw; } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-icon img {
    height: 8vw; } }

    main.site-main.services .four-boxes .box .box-inner {
      padding-top: 2vh; }
      @media only screen and (max-width: 1440px) {
        main.site-main.services .four-boxes .box .box-inner {
          font-size: 0.9rem;
          padding-top: 5vh; } }
      @media only screen and (max-width: 1024px) {
        main.site-main.services .four-boxes .box .box-inner {
          font-size: 0.8rem; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    main.site-main.services .four-boxes .box .box-inner {
      padding-top: 3vh;
      font-size: 0.9rem;
      line-height: 1.8; } }

@media only screen and (max-width: 768px) and (orientation: landscape) {
  main.site-main.services .four-boxes .box .box-inner {
    padding-top: 5px;
    font-size: 0.7rem; } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner {
    padding-top: 1vh;
    font-size: 3.2vw;
    line-height: 4.8vw; } }

      main.site-main.services .four-boxes .box .box-inner .box-title h5 {
        font-size: 23px;
        margin-right: 0; }
        @media only screen and (max-width: 1024px) {
          main.site-main.services .four-boxes .box .box-inner .box-title h5 {
            font-size: 18px;
            line-height: 20px;
            margin-bottom: 0; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    main.site-main.services .four-boxes .box .box-inner .box-title h5 {
      font-size: 25px;
      max-width: 130px; } }

@media only screen and (max-width: 768px) and (orientation: landscape) {
  main.site-main.services .four-boxes .box .box-inner .box-title h5 {
    margin-right: 0;
    font-size: 19px;
    line-height: 22px; } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner .box-title h5 {
    font-size: 4.7vw;
    line-height: 5.7vw; } }

      main.site-main.services .four-boxes .box .box-inner .box-content-separator img {
        height: 0.14vw; }
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner .box-content-separator img {
    height: 0.25vw; } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner .box-content-separator img {
    height: 0.6vw; } }

      main.site-main.services .four-boxes .box .box-inner .box-content-full p, main.site-main.services .four-boxes .box .box-inner .box-content p {
        margin: 0;
        line-height: 1.4; }
        @media only screen and (max-width: 1024px) {
          main.site-main.services .four-boxes .box .box-inner .box-content-full p, main.site-main.services .four-boxes .box .box-inner .box-content p {
            margin-right: 0;
            font-size: 13px; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    main.site-main.services .four-boxes .box .box-inner .box-content-full p, main.site-main.services .four-boxes .box .box-inner .box-content p {
      margin-right: 4vw; } }

        @media only screen and (max-width: 768px) {
          main.site-main.services .four-boxes .box .box-inner .box-content-full p, main.site-main.services .four-boxes .box .box-inner .box-content p {
            font-size: 15px; } }
        @media only screen and (max-width: 480px) {
          main.site-main.services .four-boxes .box .box-inner .box-content-full p, main.site-main.services .four-boxes .box .box-inner .box-content p {
            font-size: 14px;
            line-height: 1.4; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner .box-content-full p, main.site-main.services .four-boxes .box .box-inner .box-content p {
    margin-right: 0; } }

      main.site-main.services .four-boxes .box .box-inner .box-content-full {
        margin-top: 0.5em;
        opacity: 0;
        visibility: hidden;
        display: none;
        padding-bottom: 4.4vw; }
        @media only screen and (max-width: 1024px) {
          main.site-main.services .four-boxes .box .box-inner .box-content-full {
            padding-bottom: calc(2*1.5vw); } }
        @media only screen and (orientation: portrait) {
          main.site-main.services .four-boxes .box .box-inner .box-content-full {
            padding-bottom: calc(2*4vw); } }
@media only screen and (max-width: 768px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner .box-content-full {
    padding-bottom: calc(2*4vw); } }

@media only screen and (max-width: 480px) and (orientation: portrait) {
  main.site-main.services .four-boxes .box .box-inner .box-content-full {
    padding-bottom: calc(2* 2.7vw); } }

        main.site-main.services .four-boxes .box .box-inner .box-content-full ul {
          margin: 0;
          padding: 20px;
          padding-bottom: 0; }
          main.site-main.services .four-boxes .box .box-inner .box-content-full ul li {
            line-height: 1.4;
            font-size: 16px; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.site-main.services .four-boxes .box .box-inner .box-content-full ul li {
                font-size: 16px;
                line-height: 1.4; } }
            @media only screen and (max-width: 1280px) {
              main.site-main.services .four-boxes .box .box-inner .box-content-full ul li {
                font-size: 15px;
                line-height: 1.4; } }
            @media only screen and (max-width: 1024px) {
              main.site-main.services .four-boxes .box .box-inner .box-content-full ul li {
                font-size: 13px;
                line-height: 1.4; } }
            @media only screen and (max-width: 768px) {
              main.site-main.services .four-boxes .box .box-inner .box-content-full ul li {
                font-size: 15px; } }
            @media only screen and (max-width: 480px) {
              main.site-main.services .four-boxes .box .box-inner .box-content-full ul li {
                font-size: 14px;
                line-height: 1.4; } }
      main.site-main.services .four-boxes .box .box-inner .box-content {
        margin-top: 0.5em;
        height: auto; }
        @media only screen and (max-width: 1024px) {
          main.site-main.services .four-boxes .box .box-inner .box-content {
            margin-top: 0.3em; } }
main.site-main.services .activities {
  position: fixed;
  width: 700px;
  top: calc(48.5% - (var(--h4-line-height))/2 - var(--h4-margin-margin-top));
  left: calc(50% - 350px);
  text-align: center;
  pointer-events: none; }
  @media only screen and (max-width: 768px) {
    main.site-main.services .activities {
      display: none; } }
  main.site-main.services .activities h4 {
    letter-spacing: 13px;
    color: transparent; }
    @media only screen and (max-width: 1280px) {
      main.site-main.services .activities h4 {
        font-size: 2.1vw;
        margin-top: 23px; } }
    @media only screen and (max-width: 1024px) {
      main.site-main.services .activities h4 {
        font-size: 2.5vw;
        letter-spacing: 7px; } }
main.site-main.services .slider .slide:nth-child(2) {
  left: 135%; }
main.site-main.services .slider .slide:nth-child(3) {
  left: 270%; }
main.site-main.services .slider .slide:nth-child(4) {
  left: 405%; }
main.site-main.services .slider .slide:nth-child(5) {
  left: 540%; }
main.site-main.services #slider-canvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0; }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #animation-height {
    display: none; } }
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #animation-height {
    display: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
  #animation-height {
    display: none; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
  #animation-height {
    display: none; } }
@media only screen and (max-width: 768px) {
  #animation-height {
    display: none; } }

.eight-figure {
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 100px;
  left: 0;
  z-index: -1; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .eight-figure {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .eight-figure {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .eight-figure {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .eight-figure {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .eight-figure {
      display: none; } }
  .eight-figure svg {
    height: 100%;
    left: 50%;
    position: relative;
    transform: translate(-50%, 0px);
    width: 100%; }
    @media only screen and (orientation: portrait) {
      .eight-figure svg {
        left: 50%;
        transform: translate(-50%, 0%) scale(1.1);
        /* top: 50%; */
        position: relative; } }
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  .eight-figure svg {
    transform: translate(-50%, 0%) scale(1.1);
    position: relative;
    left: 50%; } }

    .eight-figure svg #eight-figure-initial, .eight-figure svg #eight-figure-two {
      transform-origin: 50% 50%;
      opacity: 0;
      visibility: hidden; }
  .eight-figure .eight-a {
    fill: var(--bg-color-dark-hex); }
  .eight-figure .eight-b {
    fill: var(--color-two-hex); }

#eight-figure-one {
  will-change: transform; }

.head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 2vw 2.5vw;
  pointer-events: none;
  z-index: 1000; }
  .head > div {
    display: flex; }
  .head a {
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    pointer-events: all;
    overflow: hidden; }
    .head a div, .head a:after {
      transition: transform .85s ease-out; }
    .head a:after {
      content: attr(data-txt);
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 100%;
      color: pink; }
    .head a:nth-child(2) {
      margin-left: 2vw; }
    .head a:hover div, .head a:hover:after {
      transform: translateY(-100%); }

.dom-gl {
  position: fixed;
  top: calc(50% + var(--menu-top)/2 + 34px);
  will-change: transform;
  left: 0;
  transform: translate3d(0, 100vh, 0);
  width: 100vw;
  object-fit: cover;
  z-index: 150;
  cursor: grab; }
  @media only screen and (max-width: 480px) {
    .dom-gl {
      top: 50%; } }
  .dom-gl.second {
    display: none; }

.slider {
  position: fixed;
  padding: 0 22.5vw;
  display: flex;
  align-items: center;
  height: 100%;
  user-select: none;
  cursor: grab;
  z-index: -1;
  top: 0;
  left: 0; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .slider {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .slider {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .slider {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .slider {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .slider {
      display: none; } }
  .slider__inner {
    display: flex;
    position: relative; }

.slide {
  overflow: hidden; }
  .slide:first-child {
    position: relative; }
  .slide:not(:first-child) {
    position: absolute;
    top: 0;
    height: 100%; }
  .slide__inner {
    position: relative;
    overflow: hidden;
    width: 55vw;
    padding-top: 56.5%; }
  .slide img {
    display: none;
    /*
    height: 100%;
    width: 140%;
    position: absolute;
    top: 0;
    left: -20%;
    object-fit: cover;
    will-change: transform;
    */ }

.slider-options {
  position: fixed;
  top: calc(50% - 102.5px);
  left: 40px;
  font-weight: 400;
  cursor: pointer;
  z-index: 152; }
  @media only screen and (max-height: 510px) {
    .slider-options {
      display: none; } }
  @media only screen and (max-height: 840px) {
    .slider-options {
      top: calc(50% - 102.5px + 130px); } }
  @media only screen and (max-width: 1440px) {
    .slider-options {
      top: calc(50% - 76.5px + 130px);
      left: 43px; } }
  @media only screen and (max-width: 1024px) {
    .slider-options {
      left: 28px; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .slider-options {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .slider-options {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .slider-options {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .slider-options {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .slider-options {
      display: none; } }
  @media only screen and (max-width: 768px) and (orientation: landscape) {
    .slider-options {
      display: none; } }

  @media only screen and (max-width: 480px) {
    .slider-options {
      display: none; } }
  @media only screen and (orientation: portrait) {
    .slider-options {
      left: 30px; } }
  .slider-options .slider-option {
    font-size: 13px;
    line-height: 25px;
    padding-bottom: 20px;
    position: relative;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out; }
    .slider-options .slider-option.active, .slider-options .slider-option:hover {
      color: var(--color-four-hex) !important;
      transform: scale(1.15); }
    @media only screen and (max-width: 1440px) {
      .slider-options .slider-option {
        font-size: 11px;
        line-height: 17px;
        padding-bottom: 17px; } }
    @media only screen and (max-width: 1024px) {
      .slider-options .slider-option {
        font-size: 10px; } }
    .slider-options .slider-option:last-child {
      padding-bottom: 0; }
    .slider-options .slider-option:hover {
      opacity: 1 !important; }

.mob-svg {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 50%;
  z-index: -1;
  left: 50%;
  display: none;
  opacity: 0; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .mob-svg {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .mob-svg {
      display: block;
      top: calc(50% + 39px);
      height: 95vh; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .mob-svg {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .mob-svg {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .mob-svg {
      display: block; } }
  @media only screen and (max-width: 480px) {
    .mob-svg {
      display: block;
      transform: unset; } }
  .mob-svg svg {
    height: 100%;
    left: -10%;
    left: 50%;
    transform: translate(-50%, 0); }
    @media only screen and (min-width: 481px) and (max-width: 768px) {
      .mob-svg svg#mobsvg2 {
        display: none; } }
    @media only screen and (min-width: 241px) and (max-width: 480px) {
      .mob-svg svg#mobsvg1 {
        display: none; } }

.footer-mob {
  position: fixed;
  transform: translate3d(-50%, 100%, 0);
  bottom: 0;
  width: calc(100% - 14px);
  margin: 0 auto;
  display: none;
  left: 50%; }
  @media only screen and (min-width: 769px) and (max-width: 900px) {
    .footer-mob {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .footer-mob {
      display: none; } }

.mob-images {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 50%;
  left: 0;
  z-index: -2;
  display: none;
  opacity: 0; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .mob-images {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .mob-images {
      display: block;
      top: calc(50% + 39px);
      height: 95vh; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .mob-images {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .mob-images {
      display: block; } }
  @media only screen and (max-width: 768px) {
    .mob-images {
      display: block; } }
  .mob-images .image {
    height: 100%; }
    .mob-images .image.one img {
      opacity: 1;
      visibility: visible; }
    .mob-images .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      opacity: 0;
      visibility: hidden; }

.bluemask {
  height: 100vh;
  top: -41vh;
  position: fixed;
  background: #103b50;
  width: 100vw;
  z-index: -1;
  display: none; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  .bluemask {
    display: block; } }

.titles-mobile {
  position: fixed;
  transform-origin: 0% 0%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  display: none;
  will-change: transform;
  cursor: pointer;
  z-index: 152; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .titles-mobile {
      transform: translate3d(-50%, -50%, 0);
      text-align: center;
      display: block;
      opacity: 0; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .titles-mobile {
      transform: translate3d(-50%, -50%, 0);
      text-align: center;
      display: block;
      opacity: 0; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .titles-mobile {
      transform: translate3d(-50%, -50%, 0);
      text-align: center;
      display: block;
      opacity: 0; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .titles-mobile {
      transform: translate3d(-50%, -50%, 0);
      text-align: center;
      display: block;
      opacity: 0; } }
  @media only screen and (max-width: 768px) {
    .titles-mobile {
      transform: translate3d(-50%, -50%, 0);
      text-align: center;
      display: block;
      opacity: 0; } }
  .titles-mobile.second {
    display: none; }
  .titles-mobile.inner {
    position: absolute; }
  .titles-mobile a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    pointer-events: all;
    z-index: 153;
    -webkit-tap-highlight-color: transparent; }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .titles-mobile a {
        width: 100%;
        display: block; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .titles-mobile a {
        width: 100%;
        display: block; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      .titles-mobile a {
        width: 100%;
        display: block; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      .titles-mobile a {
        width: 100%;
        display: block; } }
    @media only screen and (max-width: 768px) {
      .titles-mobile a {
        width: 100%;
        display: block; } }
  .titles-mobile:not(.below) {
    overflow: hidden; }
  .titles-mobile.nextserv {
    overflow: visible;
    color: white; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .titles-mobile.below {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .titles-mobile.below {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .titles-mobile.below {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .titles-mobile.below {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .titles-mobile.below {
      display: none; } }
  .titles-mobile.below a {
    -webkit-text-stroke: 1px #ffffffd0; }
  .titles-mobile__list {
    position: absolute;
    top: 0;
    left: 0; }
  .titles-mobile__title {
    position: relative;
    display: flex;
    align-items: top;
    justify-content: left;
    font-size: 7.15vw;
    font-weight: 700;
    letter-spacing: -0.1vw;
    line-height: 0.75;
    padding-bottom: 1.8vw;
    padding-top: 1.5vw;
    width: 77vw; }
    @media only screen and (max-width: 1024px) {
      .titles-mobile__title {
        font-size: 6vw; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    .titles-mobile__title {
      font-size: 7.2vw; } }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .titles-mobile__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .titles-mobile__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      .titles-mobile__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      .titles-mobile__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (max-width: 768px) {
      .titles-mobile__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (max-width: 480px) {
      .titles-mobile__title {
        padding-top: 3vw;
        padding-bottom: 11vw; } }
    @media only screen and (max-width: 480px) {
      .titles-mobile__title a {
        width: 100%; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  .titles-mobile__title {
    font-size: 11.8vw; } }

    .titles-mobile__title:not([data-stroke]) {
      color: #fff; }
    .titles-mobile__title[data-stroke] {
      color: transparent; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  .titles-mobile__title {
    width: 90vw; } }

    .titles-mobile__title--proxy {
      visibility: hidden; }

.titles {
  position: fixed;
  transform-origin: 0% 0%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  left: 50%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  will-change: transform;
  cursor: pointer;
  z-index: 152; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .titles {
      transform: translate3d(-50%, -50%, 0);
      text-align: center; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .titles {
      transform: translate3d(-50%, -50%, 0);
      text-align: center; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .titles {
      transform: translate3d(-50%, -50%, 0);
      text-align: center; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .titles {
      transform: translate3d(-50%, -50%, 0);
      text-align: center; } }
  @media only screen and (max-width: 768px) {
    .titles {
      transform: translate3d(-50%, -50%, 0);
      text-align: center; } }
  .titles.second {
    display: none; }
  .titles.inner {
    position: absolute; }
  .titles a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent; }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .titles a {
        width: 100%;
        display: block; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .titles a {
        width: 100%;
        display: block; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      .titles a {
        width: 100%;
        display: block; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      .titles a {
        width: 100%;
        display: block; } }
    @media only screen and (max-width: 768px) {
      .titles a {
        width: 100%;
        display: block; } }
  .titles:not(.below) {
    overflow: hidden; }
  .titles.nextserv {
    overflow: visible;
    color: white; }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .titles.below {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .titles.below {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .titles.below {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .titles.below {
      display: none; } }
  @media only screen and (max-width: 768px) {
    .titles.below {
      display: none; } }
  .titles.below a {
    -webkit-text-stroke: 1px #ffffffd0; }
  @media only screen and (max-width: 480px) {
    .titles {
      z-index: 153; } }
  .titles__list {
    position: absolute;
    top: 0;
    left: 0; }
  .titles__title {
    position: relative;
    display: flex;
    align-items: top;
    justify-content: left;
    font-size: 7.15vw;
    font-weight: 700;
    letter-spacing: -0.1vw;
    line-height: 0.75;
    padding-bottom: 1.8vw;
    padding-top: 1.5vw;
    width: 77vw; }
    @media only screen and (max-width: 1024px) {
      .titles__title {
        font-size: 6vw; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    .titles__title {
      font-size: 7.2vw; } }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (max-width: 768px) {
      .titles__title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 7.9vw; } }
    @media only screen and (max-width: 480px) {
      .titles__title {
        padding-top: 3vw;
        padding-bottom: 11vw; } }
    @media only screen and (max-width: 480px) {
      .titles__title a {
        width: 100%; } }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  .titles__title {
    font-size: 11.8vw; } }

    .titles__title:not([data-stroke]) {
      color: #fff; }
    .titles__title[data-stroke] {
      color: transparent; }
@media only screen and (max-width: 480px) and (orientation: portrait) {
  .titles__title {
    width: 90vw; } }

    .titles__title--proxy {
      visibility: hidden; }
    .titles__title .subtitles {
      position: absolute;
      font-size: 1.1vw;
      font-weight: 600;
      letter-spacing: 0;
      right: 7%;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      opacity: 0; }
      @media only screen and (max-width: 1440px) {
        .titles__title .subtitles {
          font-size: 1.3vw; } }
      @media only screen and (max-width: 1280px) {
        .titles__title .subtitles {
          right: 4%; } }
      @media only screen and (max-width: 1024px) {
        .titles__title .subtitles {
          display: none; } }
      @media only screen and (orientation: portrait) {
        .titles__title .subtitles {
          right: 0;
          font-size: 1.5vw; } }
      .titles__title .subtitles div {
        padding-bottom: 1.1vw;
        padding-left: 1.5vw; }
        .titles__title .subtitles div:before {
          content: " ";
          width: 2px;
          height: 18px;
          left: 0;
          background-color: white;
          position: absolute; }
          @media only screen and (max-width: 1440px) {
            .titles__title .subtitles div:before {
              width: 1px;
              height: 15px; } }
        @media only screen and (max-width: 1440px) {
          .titles__title .subtitles div {
            padding-bottom: 1.3vw;
            padding-left: 1.3vw; } }
        @media only screen and (orientation: portrait) {
          .titles__title .subtitles div {
            padding-bottom: 1.9vw; } }
        .titles__title .subtitles div:last-child {
          padding-bottom: 0; }

/*--------------------------------------------------------------
## Inner service page
--------------------------------------------------------------*/
.height-2 {
  cursor: pointer;
  z-index: -1;
  pointer-events: all; }

.mobile-bg-serv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  display: none; }
  .mobile-bg-serv .blue-mask {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: var(--color-one-hex);
    /* display: none; */
    opacity: 0.7;
    display: none; }
  @media only screen and (max-width: 768px) {
    .mobile-bg-serv {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-bg-serv {
      display: block; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .mobile-bg-serv {
      display: block; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .mobile-bg-serv {
      display: block; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .mobile-bg-serv {
      display: block; } }
  .mobile-bg-serv img {
    height: 100%;
    object-fit: cover;
    width: 100%; }

.eight-container {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 90; }
  @media only screen and (max-width: 768px) {
    .eight-container {
      height: auto; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .eight-container {
      height: auto; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .eight-container {
      height: auto; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .eight-container {
      height: auto; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .eight-container {
      height: auto; } }

.asset-svg {
  width: 100%;
  height: calc(100% + 4px);
  left: 50%;
  position: absolute;
  z-index: 1;
  transform-origin: 0 0;
  transform: translate3d(0, calc(-30% - 2px), 0); }
  @media only screen and (max-width: 768px) {
    .asset-svg {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .asset-svg {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .asset-svg {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .asset-svg {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .asset-svg {
      display: none; } }
  .asset-svg svg {
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    background-image: linear-gradient(0deg, transparent 89%, var(--color-one-hex) 100%); }

.asset-img {
  right: 0;
  position: absolute;
  height: 100vh;
  width: 100vw;
  z-index: 0;
  transform-origin: 50% 0;
  transform: translate3d(0, -30%, 0); }
  @media only screen and (max-width: 768px) {
    .asset-img {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .asset-img {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .asset-img {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .asset-img {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .asset-img {
      display: none; } }
  .asset-img img, .asset-img video {
    object-fit: cover;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 768px) {
      .asset-img img, .asset-img video {
        display: none; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      .asset-img img, .asset-img video {
        display: none; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      .asset-img img, .asset-img video {
        display: none; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
      .asset-img img, .asset-img video {
        display: none; } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
      .asset-img img, .asset-img video {
        display: none; } }

.extra-border {
  position: absolute;
  width: 100vw;
  height: 100vh;
  border: 15px solid white;
  border-radius: calc(3*var(--menu-border-radius));
  background: 0 0;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden; }
  @media only screen and (max-width: 1024px) {
    .extra-border {
      border: 5px solid white;
      border-radius: calc(1.7*var(--menu-border-radius)); } }
  @media only screen and (max-width: 768px) {
    .extra-border {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .extra-border {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .extra-border {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .extra-border {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .extra-border {
      display: none; } }

.first-border {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: transparent;
  border: 13px solid white;
  opacity: 0;
  visibility: hidden; }
  @media only screen and (max-width: 1024px) {
    .first-border {
      border: 5px solid white; } }
  @media only screen and (max-width: 768px) {
    .first-border {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .first-border {
      display: none; } }
  @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .first-border {
      display: none; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
    .first-border {
      display: none; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
    .first-border {
      display: none; } }

main.inner-service {
  z-index: 151; }
  main.inner-service .page-bg {
    background-size: cover;
    width: 100%;
    height: 100vh;
    background-position: center;
    position: relative; }
  main.inner-service .inner-title {
    transform: translate3d(calc(-50vw + var(--page-margin-left)), calc(-1*var(--page-margin-left)), 0) scale(1);
    left: 50%;
    bottom: 0;
    color: white;
    display: flex;
    align-items: top;
    justify-content: left;
    font-size: 7.15vw;
    font-weight: 700;
    letter-spacing: -0.1vw;
    line-height: 0.75;
    position: absolute;
    transform-origin: 0% 0%;
    padding-bottom: 1.8vw;
    padding-top: 1.5vw;
    will-change: transform;
    width: 77vw;
    z-index: 160; }
    @media only screen and (max-width: 1920px) {
      main.inner-service .inner-title {
        transform: translate3d(calc(-50vw + var(--page-margin-left-xxxl)), calc(-1*var(--page-margin-left-xxxl)), 0) scale(1); } }
    @media only screen and (max-width: 1440px) {
      main.inner-service .inner-title {
        transform: translate3d(calc(-50vw + var(--page-margin-left-xxl)), calc(-1*var(--page-margin-left-xxl)), 0) scale(1); } }
    @media only screen and (max-width: 1280px) {
      main.inner-service .inner-title {
        transform: translate3d(calc(-50vw + var(--page-margin-left-xl)), calc(-1*var(--page-margin-left-xl)), 0) scale(1); } }
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
      main.inner-service .inner-title {
        font-size: 8.1vw !important; } }
    @media only screen and (max-width: 1024px) {
      main.inner-service .inner-title {
        font-size: 7vw;
        transform: translate3d(calc(-50vw + var(--page-margin-left-l)), calc(-1*var(--page-margin-left-l)), 0) scale(1); } }
    @media only screen and (max-width: 768px) {
      main.inner-service .inner-title {
        font-size: 7.9vw;
        line-height: 0.85;
        padding-top: 1vw;
        transform: unset;
        bottom: 40px;
        left: calc(var(--page-margin-left-ml)); } }
    @media only screen and (max-width: 480px) {
      main.inner-service .inner-title {
        font-size: 13.1vw; } }
    @media only screen and (max-width: 480px) {
      main.inner-service .inner-title {
        transform: unset;
        left: var(--page-margin-left-m); } }
  main.inner-service .section {
    position: relative; }
    main.inner-service .section.blank {
      height: 100vh;
      background: transparent; }
      @media only screen and (max-width: 768px) {
        main.inner-service .section.blank {
          min-height: 266px; } }
      main.inner-service .section.blank .small-title {
        left: 0;
        top: -15px;
        color: #fff;
        display: flex;
        justify-content: left;
        position: absolute;
        transform-origin: 0% 0%;
        will-change: transform;
        width: 77vw;
        z-index: 160; }
        main.inner-service .section.blank .small-title a {
          color: white;
          text-decoration: none; }
        main.inner-service .section.blank .small-title h6 {
          margin: 0;
          /* margin-bottom: 1em; */
          /* margin-bottom: 1em; */
          line-height: 1;
          padding-left: 0.3vw;
          font-weight: 600;
          font-size: 19px; }
          @media only screen and (max-width: 1440px) {
            main.inner-service .section.blank .small-title h6 {
              font-size: 17px; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service .section.blank .small-title h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service .section.blank .small-title h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service .section.blank .small-title h6 {
              font-size: 14px;
              letter-spacing: 1; } }
          @media only screen and (max-width: 480px) {
            main.inner-service .section.blank .small-title h6 {
              font-size: 13px; } }
    main.inner-service .section.slider-part {
      background-color: var(--color-two-hex);
      height: 100vh;
      background-color: var(--color-two-hex);
      height: 100vh;
      z-index: -1;
      width: 100vw;
      position: fixed;
      opacity: 0;
      visibility: hidden;
      left: 0;
      overflow: hidden;
      top: unset;
      transform: translate3d(0, 0, 0); }
      @media only screen and (max-width: 768px) {
        main.inner-service .section.slider-part {
          background-color: var(--color-one-hex);
          opacity: 0 !important;
          visibility: hidden !important; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.inner-service .section.slider-part {
          background-color: var(--color-one-hex);
          opacity: 0 !important; } }
      @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        main.inner-service .section.slider-part {
          background-color: var(--color-one-hex);
          opacity: 0 !important; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
        main.inner-service .section.slider-part {
          background-color: var(--color-one-hex);
          opacity: 0 !important; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
        main.inner-service .section.slider-part {
          background-color: var(--color-one-hex);
          opacity: 0 !important; } }
      main.inner-service .section.slider-part .eight-figure {
        position: absolute;
        opacity: 1;
        width: 100%;
        height: 100%;
        text-align: center;
        top: 100px;
        left: 0;
        z-index: -1; }
        main.inner-service .section.slider-part .eight-figure svg {
          height: 100%;
          width: 100%; }
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  main.inner-service .section.slider-part .eight-figure svg {
    transform: scale(1.5); } }

      main.inner-service .section.slider-part .next-service {
        position: absolute;
        width: 77vw;
        left: 0;
        top: -1.5vw;
        z-index: 151; }
        @media only screen and (max-width: 768px) {
          main.inner-service .section.slider-part .next-service {
            width: 100vw; } }
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
          main.inner-service .section.slider-part .next-service {
            width: 100vw; } }
        @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
          main.inner-service .section.slider-part .next-service {
            width: 100vw; } }
        @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
          main.inner-service .section.slider-part .next-service {
            width: 100vw; } }
        @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
          main.inner-service .section.slider-part .next-service {
            width: 100vw; } }
        main.inner-service .section.slider-part .next-service h6 {
          margin: 0;
          /* margin-bottom: 1em; */
          /* margin-bottom: 1em; */
          line-height: 1;
          padding-left: 0.3vw;
          font-weight: 600;
          font-size: 19px; }
          @media only screen and (max-width: 1440px) {
            main.inner-service .section.slider-part .next-service h6 {
              font-size: 17px; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service .section.slider-part .next-service h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service .section.slider-part .next-service h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service .section.slider-part .next-service h6 {
              font-size: 14px;
              letter-spacing: 1; } }
      main.inner-service .section.slider-part .button {
        z-index: 151;
        pointer-events: all;
        cursor: pointer;
        height: 100%; }
        main.inner-service .section.slider-part .button svg {
          color: white;
          height: 2em;
          width: 2.875em;
          pointer-events: none;
          transform: translate3d(0, -50%, 0);
          top: 50%;
          position: relative; }
        main.inner-service .section.slider-part .button.left {
          left: 0;
          position: absolute;
          top: 0; }
          main.inner-service .section.slider-part .button.left svg {
            padding-left: 10px;
            left: -50px; }
        main.inner-service .section.slider-part .button.right {
          right: 0;
          position: absolute;
          top: 0; }
          main.inner-service .section.slider-part .button.right svg {
            padding-right: 10px;
            right: -50px; }
  main.inner-service.pool-and-commercial-management .page-text {
    -webkit-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
    pointer-events: none;
    position: fixed;
    left: 30px;
    transform: translate(-230px, 0) rotate(-90deg);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1;
    top: calc(88px + 298px);
    cursor: pointer;
    pointer-events: all;
    z-index: 153; }
    main.inner-service.pool-and-commercial-management .page-text span {
      color: inherit;
      padding: 15px 0;
      display: inline-block;
      -webkit-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
      -ms-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
      -o-transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
      transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
      padding-right: 30px; }
      main.inner-service.pool-and-commercial-management .page-text span.active, main.inner-service.pool-and-commercial-management .page-text span:hover {
        color: var(--color-four-hex) !important;
        transform: scale(1.15); }
      main.inner-service.pool-and-commercial-management .page-text span:last-child {
        padding-right: 0; }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .page-text span {
          padding-right: 20px; } }
    @media only screen and (max-width: 1440px) {
      main.inner-service.pool-and-commercial-management .page-text {
        font-size: 11px;
        left: 57px;
        top: calc(88px + 246px); } }
    @media only screen and (max-width: 1280px) {
      main.inner-service.pool-and-commercial-management .page-text {
        font-size: 10px;
        left: 61px;
        top: calc(118px + 148px); } }
    @media only screen and (max-width: 1024px) {
      main.inner-service.pool-and-commercial-management .page-text {
        font-size: 10px;
        left: 51px;
        top: calc(87px + 160px); } }
    @media only screen and (max-width: 768px) {
      main.inner-service.pool-and-commercial-management .page-text {
        display: none; } }
    @media only screen and (max-width: 480px) {
      main.inner-service.pool-and-commercial-management .page-text {
        display: none; } }
    main.inner-service.pool-and-commercial-management .page-text.dark span {
      color: white; }
    main.inner-service.pool-and-commercial-management .page-text.light span {
      color: var(--color-five-hex); }
  main.inner-service.pool-and-commercial-management .height {
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 1024px) {
      main.inner-service.pool-and-commercial-management .height {
        display: none; } }
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
      main.inner-service.pool-and-commercial-management .height {
        display: block; } }
  main.inner-service.pool-and-commercial-management .section.one {
    background-color: #FFFFFF; }
    main.inner-service.pool-and-commercial-management .section.one .section-in {
      color: #535E67;
      will-change: auto;
      -webkit-flex-flow: row wrap;
      justify-content: space-around;
      padding: 53px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      padding-bottom: 70px; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in {
          padding: 80px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in {
          padding: 53px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in {
          padding: 25px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in {
          padding: 53px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding: 40px var(--page-margin-left); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.one .section-in .column {
          display: flex;
          flex-wrap: wrap; } }
      main.inner-service.pool-and-commercial-management .section.one .section-in .column.one {
        width: 100%;
        padding-top: 14px; }
        main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-title h6 {
          font-weight: 600;
          margin: 0;
          margin-bottom: 0.75em;
          font-size: 19px;
          line-height: 1.6; }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-title h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-title h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-title h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-title h6 {
              margin-top: 0.5em;
              margin-bottom: 0;
              font-size: 13px; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-title {
            order: 1; } }
        main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
          padding-bottom: 15px;
          color: var(--color-five-hex);
          margin-bottom: 10px;
          font-weight: 700;
          color: #535E67;
          text-align: left;
          line-height: 1.04;
          letter-spacing: 0px;
          font-size: 3.4vw; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              font-size: 3.6vw; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              font-size: 4.1vw; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              font-size: 4vw; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              font-size: 8vw; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              margin-bottom: 15px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              line-height: 1;
              order: 2;
              padding-bottom: 4vw;
              margin-bottom: 0; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.one .column-content {
              padding-bottom: var(--page-margin-left-m); } }
      main.inner-service.pool-and-commercial-management .section.one .section-in .column.two {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.9;
        padding-top: 30px; }
        @media only screen and (max-width: 1920px) {
          main.inner-service.pool-and-commercial-management .section.one .section-in .column.two {
            padding-top: 1.5vw; } }
        main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image-container {
          flex: 1 1 auto;
          width: calc(30%); }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image-container {
              width: 100%;
              padding-top: 0; } }
        main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image {
          width: 81%;
          position: relative;
          z-index: 1;
          box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.15);
          overflow: hidden;
          object-fit: cover;
          height: calc(100vh - 2*68px - 2*var(--menu-top));
          border-radius: var(--menu-border-radius);
          max-height: 515px; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image {
              max-height: 505px; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image {
              max-height: 430px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image {
              width: 100%;
              height: 433px;
              box-shadow: none;
              display: none; } }
          main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image img {
            height: 650px;
            width: 100%;
            object-fit: cover; }
            @media only screen and (max-width: 768px) {
              main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .image img {
                height: 433px; } }
        main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-rows {
          width: calc(64% - 4vw);
          margin-left: 4vw;
          flex: 1 1 auto; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-rows {
              margin-left: 4vw; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-rows {
              width: 100%;
              margin-left: 0;
              padding: 0; } }
        main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row {
          display: flex;
          padding: 35px 0;
          border-bottom: 1px solid #535E67; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row {
              padding: 30px 0; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row {
              padding: 20px 0; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row {
              padding: 20px 0; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row {
              padding: var(--page-margin-left-m) 0; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row {
              flex-wrap: wrap; } }
          main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row:first-child {
            border-top: 1px solid #535E67; }
          main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-title {
            flex: 1 1 auto;
            width: calc(35% - 1.8em);
            margin-right: 1.8em; }
            @media only screen and (max-width: 768px) {
              main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-title {
                width: 100%;
                margin-right: 0; } }
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-title h5 {
              margin: 0;
              font-size: 20px;
              line-height: 1.4;
              font-weight: 600; }
              @media only screen and (max-width: 1280px) {
                main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-title h5 {
                  font-size: 17px;
                  line-height: 1.4; } }
              @media only screen and (max-width: 768px) {
                main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-title h5 {
                  font-size: 18px; }
                  main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-title h5 br {
                    display: none; } }
          main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-content {
            width: 65%; }
            main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-content p {
              margin: 0; }
            @media only screen and (max-width: 768px) {
              main.inner-service.pool-and-commercial-management .section.one .section-in .column.two .column-row .item-content {
                width: 100%; } }
  main.inner-service.pool-and-commercial-management .section.two {
    background-color: var(--color-six-hex); }
    main.inner-service.pool-and-commercial-management .section.two:after {
      content: "";
      display: table;
      clear: both; }
    main.inner-service.pool-and-commercial-management .section.two .section-in {
      padding-top: 55px;
      padding-left: var(--page-margin-left);
      padding-right: var(--page-margin-right);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.two .section-in {
          padding-left: var(--page-margin-left-xxxl);
          padding-right: var(--page-margin-right-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.two .section-in {
          padding-left: var(--page-margin-left-xxl);
          padding-right: var(--page-margin-right-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.two .section-in {
          padding-left: var(--page-margin-left-xl);
          padding-right: var(--page-margin-right-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.two .section-in {
          padding-left: var(--page-margin-left-l);
          padding-right: var(--page-margin-right-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding-top: 30px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.two .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          order: 1;
          flex: none; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.two .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.inner-service.pool-and-commercial-management .section.two .section-in .placeholder {
        width: calc(30%);
        margin-right: 0;
        flex: 1 1 auto; }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.two .section-in .placeholder {
            display: none; } }
      main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-left: 4vw;
        color: #535E67; }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text {
            width: 100%;
            margin-left: 0; } }
        main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
          margin-top: 0;
          font-size: 56px;
          color: var(--color-five-hex);
          line-height: 1.25;
          margin-bottom: 5px; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
              font-size: 50px;
              margin-bottom: 10px; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
              font-size: 47px;
              line-height: 1.2; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
              font-size: 34px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
              font-size: 28px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
              font-size: 26px;
              line-height: 1; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-title h2 {
              font-size: 26px; } }
        main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-content h6 {
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 0.75em;
          line-height: 1.6;
          font-size: 19px; }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-content h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-content h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-content h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.two .section-in .pools-text .pools-content h6 {
              margin-top: 0.5em;
              margin-bottom: 0;
              font-size: 13px; } }
  main.inner-service.pool-and-commercial-management .section.three {
    background-color: #fff;
    z-index: 1; }
    main.inner-service.pool-and-commercial-management .section.three:after {
      content: "";
      display: table;
      clear: both; }
    main.inner-service.pool-and-commercial-management .section.three .pool-table {
      padding: 0 var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding: 0 var(--page-margin-left-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl));
          padding: 0 var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-xl));
          padding: 0 var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table {
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding: 0 var(--page-margin-left-l); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table {
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.inner-service.pool-and-commercial-management .section.three .pool-table:after {
        content: "";
        display: table;
        clear: both; }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) {
          display: none; } }
      main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in {
        padding: 70px 70px 70px;
        background-color: #ffffff9e;
        box-shadow: 20px 20px 60px -20px rgba(0, 0, 0, 0.1);
        position: relative;
        width: 100%;
        top: -123px; }
        @media only screen and (max-width: 1280px) {
          main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in {
            padding: 40px;
            top: -81px; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in {
            top: 0;
            box-shadow: none;
            padding: 0; } }
        main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table {
          border-collapse: separate;
          border-spacing: 0;
          background: white;
          margin-bottom: 0;
          color: var(--color-five-hex); }
          main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead {
            border-collapse: collapse; }
            main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr {
              background-color: var(--color-five-hex); }
              main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                font-size: 16px;
                padding: 15px 0;
                padding-left: 15px;
                font-weight: 700;
                text-align: left;
                color: white; }
                @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 16px; } }
                @media only screen and (max-width: 1280px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 15px;
                    padding: 10px 0;
                    padding-left: 15px; } }
                @media only screen and (max-width: 1024px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 15px;
                    padding: 10px 15px; } }
                @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 15px; } }
                @media only screen and (max-width: 768px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th {
                    font-size: 13px;
                    padding: 7px 15px; } }
                main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:first-child {
                  padding-left: 80px; }
                  @media only screen and (max-width: 1024px) {
                    main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:first-child {
                      padding-left: 12px; } }
                @media only screen and (max-width: 1024px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:last-child {
                    padding-right: 12px; } }
                main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:nth-child(3), main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table thead tr th:nth-child(4) {
                  text-align: center; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody {
            border-collapse: collapse; }
            main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr {
              cursor: pointer;
              position: relative; }
              main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:first-child td {
                border-top: 1px solid  #D4D7D9; }
              @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
                main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected:after, main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover:after {
                  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
                  position: absolute;
                  content: "";
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%; }
                main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td, main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td {
                  color: black;
                  z-index: 15;
                  z-index: 1;
                  box-sizing: border-box; }
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:last-child, main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:last-child {
                    border-top-right-radius: var(--menu-border-radius);
                    border-bottom-right-radius: var(--menu-border-radius);
                    border-right: 2px solid var(--color-four-hex);
                    right: -8px;
                    /* width: calc(100% + 10px); */
                    /* padding-left: 30px; */
                    padding-left: 0;
                    /* padding-left: 10px; */
                    position: relative;
                    background: white; }
                    main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:last-child:after, main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:last-child:after {
                      content: "";
                      background: #fff;
                      position: absolute;
                      width: calc(100% + 10px);
                      margin: 0 auto;
                      height: calc(100% + 1px);
                      top: 0;
                      z-index: -1;
                      border-bottom: 1px solid  #D4D7D9;
                      right: 8px; }
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:first-child, main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:first-child {
                    border-top-left-radius: var(--menu-border-radius);
                    border-bottom-left-radius: var(--menu-border-radius);
                    border-left: 2px solid var(--color-four-hex);
                    left: -8px;
                    /* width: calc(100% + 10px); */
                    /* padding-left: 30px; */
                    padding-right: 0;
                    /* padding-left: 10px; */
                    position: relative;
                    background: white;
                    padding-left: 86px; }
                    main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr.selected td:first-child:after, main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr:hover td:first-child:after {
                      content: "";
                      background: #fff;
                      position: absolute;
                      width: calc(100% + 10px);
                      height: calc(100% + 1px);
                      top: 0;
                      z-index: -1;
                      left: 8px;
                      border-bottom: 1px solid  #D4D7D9; } }
              main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                font-size: 16px;
                padding: 15px 0;
                padding-left: 15px;
                z-index: 0;
                border-bottom: 1px solid #D4D7D9;
                font-weight: 500; }
                @media only screen and (min-width: 1441px) and (max-width: 1920px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 16px; } }
                @media only screen and (min-width: 1281px) and (max-width: 1440px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 15px; } }
                @media only screen and (max-width: 1280px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 15px;
                    padding: 10px 15px; } }
                @media only screen and (max-width: 1024px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 15px; } }
                @media only screen and (max-width: 768px) {
                  main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td {
                    font-size: 13px;
                    padding: 7px 15px; } }
                main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:first-child {
                  padding-left: 80px;
                  width: 420px; }
                  @media only screen and (max-width: 1024px) {
                    main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:first-child {
                      padding-left: 12px;
                      width: 250px; } }
                  @media only screen and (max-width: 768px) {
                    main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:first-child {
                      width: 124px; } }
                main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:nth-child(3), main.inner-service.pool-and-commercial-management .section.three .pool-table:not(.mobile):not(footer.site-footer.mobile.posts) .pool-table-in table tbody tr td:nth-child(4) {
                  text-align: center; }
      main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile {
        display: none;
        font-size: 15px; }
        @media only screen and (max-width: 480px) {
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile {
            display: block; } }
        main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile table {
          border-collapse: separate;
          border-spacing: 0;
          background: white;
          margin-bottom: 0; }
        main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody {
          border-collapse: collapse; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody th, main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody td {
            padding: 0 0; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody th {
            text-align: left;
            color: var(--color-four-hex);
            width: 91px;
            text-transform: uppercase; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody td {
            color: var(--color-five-hex);
            line-height: 1.3; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody td a {
            color: var(--color-five-hex); }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody th a {
            color: var(--color-five-hex);
            padding-left: 3px; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody tr:nth-child(4n) td, main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody tr:nth-child(4n) th {
            border-bottom: 1px solid #d6d6d6;
            padding-bottom: 8px; }
          main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody tr:nth-child(4n+1) td, main.inner-service.pool-and-commercial-management .section.three .pool-table.mobile tbody tr:nth-child(4n+1) th {
            padding-top: 8px; }
  main.inner-service.pool-and-commercial-management .section.four {
    background-color: var(--color-one-hex);
    overflow: visible;
    position: relative;
    z-index: 0;
    width: 100%;
    display: block;
    height: auto;
    min-height: 100vh;
    overflow: hidden; }
    @media only screen and (max-width: 1024px) {
      main.inner-service.pool-and-commercial-management .section.four {
        overflow: visible; } }
    main.inner-service.pool-and-commercial-management .section.four .section-in {
      padding-top: 0;
      padding-left: var(--page-margin-left);
      padding-right: var(--page-margin-right);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      width: 100%;
      position: relative;
      transform: translate3d(0, -50%, 0);
      top: 45%; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.four .section-in {
          top: 50%;
          padding-left: var(--page-margin-left-xxxl);
          padding-right: var(--page-margin-right-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.four .section-in {
          padding-left: var(--page-margin-left-xxl);
          padding-right: var(--page-margin-right-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.four .section-in {
          padding-top: 15px;
          padding-left: var(--page-margin-left-xl);
          padding-right: var(--page-margin-right-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.four .section-in {
          top: 0;
          padding-top: 78px;
          padding-left: var(--page-margin-left-l);
          padding-right: var(--page-margin-right-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          transform: unset;
          min-height: calc(500px);
          height: auto;
          max-height: unset; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.four .section-in {
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          min-height: unset; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.four .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 65px;
          padding-bottom: 0px; } }
      main.inner-service.pool-and-commercial-management .section.four .section-in .section-title {
        width: 100%;
        opacity: 1; }
        main.inner-service.pool-and-commercial-management .section.four .section-in .section-title h2 {
          color: white;
          text-align: center;
          font-weight: 700;
          font-size: 5.2vw;
          line-height: 1.04; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-title h2 {
              font-size: 4.5vw;
              line-height: 1;
              margin-top: 0;
              padding-top: 30px;
              margin-bottom: 0.1em; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-title h2 {
              font-size: 3.5vw; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-title h2 {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-title h2 {
              font-size: 5.7vw; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-title h2 {
              font-size: 10vw; } }
      main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle {
        opacity: 1;
        visibility: visible;
        margin-bottom: 3vw; }
        main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle h6 {
          margin-top: 0;
          color: #5DB4C3;
          text-align: center;
          font-weight: 600;
          font-size: 19px;
          line-height: 1.2; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle h6 {
              font-size: 17px;
              margin-bottom: 13vh; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle h6 {
              margin-bottom: 9vh; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle h6 {
              font-size: 16px;
              margin-bottom: 50px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle h6 {
              font-size: 13px; } }
        @media only screen and (max-width: 1920px) {
          main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle {
            margin-bottom: 3vw; } }
        @media only screen and (max-width: 1280px) {
          main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle {
            margin-bottom: -1.5vw; } }
        @media only screen and (max-width: 1024px) {
          main.inner-service.pool-and-commercial-management .section.four .section-in .section-subtitle {
            margin-bottom: 6vw; } }
      main.inner-service.pool-and-commercial-management .section.four .section-in .columns {
        width: 100%;
        position: relative;
        padding-top: 0;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center; }
        main.inner-service.pool-and-commercial-management .section.four .section-in .columns:after {
          content: "";
          display: table;
          clear: both; }
        main.inner-service.pool-and-commercial-management .section.four .section-in .columns .columns-in {
          display: flex;
          justify-content: space-between;
          width: 100%; }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .columns-in {
              display: none; } }
        main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column {
          width: 22%;
          transform: translate3d(0, 70, 0) scale(0.9); }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column {
              width: 27%; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column {
              opacity: 0;
              visibility: hidden;
              display: none; } }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column.one {
            margin-right: 0; }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column.one .box {
              text-align: left; }
              main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column.one .box:last-child {
                margin-bottom: 0; }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column.two .box {
            text-align: right; }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column.two .box:last-child {
              margin-bottom: 0; }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box {
            margin-bottom: 60px;
            opacity: 0;
            visibility: hidden; }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box:first-child {
              margin-top: 20px; }
            @media only screen and (max-width: 1920px) {
              main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box {
                margin-bottom: 20px; }
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box:first-child {
                  margin-top: 0; } }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-title h6 {
              margin: 0;
              margin-bottom: 0.5em;
              color: #5DB4C3;
              font-weight: 600;
              font-size: 19px;
              line-height: 1.2; }
              @media only screen and (max-width: 1920px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-title h6 {
                  font-size: 17px;
                  margin-bottom: 0; } }
              @media only screen and (max-width: 1280px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-title h6 {
                  font-size: 16px; } }
              @media only screen and (max-width: 1024px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-title h6 {
                  font-size: 15px; } }
              @media only screen and (max-width: 768px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-title h6 {
                  font-size: 13px; } }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-content {
              color: white;
              font-size: 16px; }
              @media only screen and (max-width: 1920px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-content {
                  font-size: 16px; } }
              @media only screen and (max-width: 1440px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-content {
                  font-size: 15px; } }
              @media only screen and (max-width: 1280px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .column .box .box-content {
                  font-size: 13.5px; } }
        main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img {
          position: absolute;
          width: 100%;
          top: calc(50% - 60px);
          left: 50%;
          text-align: center;
          transform: translate(-50%, -50%) scale(5);
          z-index: 2;
          height: auto; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img {
              width: 90%;
              transform: scale(4.5); } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img {
              width: 80%;
              top: calc(50% - 20px); } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img {
              width: 100%;
              width: 800px;
              top: 0;
              position: relative;
              left: unset;
              transform: scale(5); } }
          @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img {
              transform: scale(4.5); } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img {
              transform: scale(5); } }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .mobile-side {
            position: absolute;
            right: 17%;
            top: 48%;
            z-index: 3;
            opacity: 0;
            visibility: hidden;
            width: 25%;
            transform: translate(0, -50%); }
            @media only screen and (max-width: 1024px) {
              main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .mobile-side {
                right: 0; } }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .mobile-side img {
              height: 100%;
              object-fit: contain; }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .outer {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2; }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .laptop-video {
            width: 100%;
            margin-top: 0;
            top: 0;
            left: 0;
            text-align: center;
            z-index: 1;
            height: auto; }
            main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .laptop-video video {
              width: 36.6%;
              object-fit: cover; }
              @media only screen and (max-width: 1024px) {
                main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img .laptop-video video {
                  width: 65%; } }
          main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img img {
            width: 45%;
            object-fit: cover; }
            @media only screen and (max-width: 1024px) {
              main.inner-service.pool-and-commercial-management .section.four .section-in .columns .laptop-img img {
                width: 80%; } }
  main.inner-service.pool-and-commercial-management .section.extra {
    background-color: var(--color-two-hex);
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
    display: none; }
    @media only screen and (max-width: 1024px) {
      main.inner-service.pool-and-commercial-management .section.extra {
        display: block; } }
    @media only screen and (max-width: 1024px) {
      main.inner-service.pool-and-commercial-management .section.extra {
        height: auto; } }
    main.inner-service.pool-and-commercial-management .section.extra .section-in {
      padding-top: 80px;
      padding-left: var(--page-margin-left);
      padding-right: var(--page-margin-right);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.extra .section-in {
          padding-left: var(--page-margin-left-xxxl);
          padding-right: var(--page-margin-right-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.extra .section-in {
          padding-left: var(--page-margin-left-xxl);
          padding-right: var(--page-margin-right-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.extra .section-in {
          padding-left: var(--page-margin-left-xl);
          padding-right: var(--page-margin-right-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl));
          padding-bottom: 80px; } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.extra .section-in {
          padding-left: var(--page-margin-left-l);
          padding-right: var(--page-margin-right-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.extra .section-in {
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.extra .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.inner-service.pool-and-commercial-management .section.extra .section-in .column-rows {
        width: 100%;
        flex: 1 1 auto; }
      main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row {
        display: flex;
        padding: 35px 0;
        opacity: 0;
        visibility: hidden;
        border-bottom: 1px solid #535E67; }
        @media only screen and (max-width: 1920px) {
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row {
            padding: 30px 0; } }
        @media only screen and (max-width: 1024px) {
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row {
            padding: 20px 0; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row {
            padding: 20px 0; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row {
            padding: var(--page-margin-left-m) 0; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row {
            flex-wrap: wrap; } }
        main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row:first-child {
          border-top: 1px solid #535E67; }
        main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-title {
          flex: 1 1 auto;
          width: calc(35% - 1.8em);
          margin-right: 1.8em; }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-title {
              width: 100%;
              margin-right: 0; } }
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-title h5 {
            margin: 0;
            font-size: 20px;
            line-height: 1.4;
            font-weight: 600;
            color: var(--color-four-hex); }
            @media only screen and (max-width: 1280px) {
              main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-title h5 {
                font-size: 17px;
                line-height: 1.4; } }
            @media only screen and (max-width: 768px) {
              main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-title h5 {
                font-size: 18px; }
                main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-title h5 br {
                  display: none; } }
        main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-content {
          width: 65%; }
          main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-content p {
            margin: 0; }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.extra .section-in .column-row .item-content {
              width: 100%;
              padding-top: 0; } }
  main.inner-service.pool-and-commercial-management .section.five {
    background-color: var(--color-six-hex);
    overflow: visible !important;
    position: relative; }
    main.inner-service.pool-and-commercial-management .section.five:after {
      content: "";
      display: table;
      clear: both; }
    main.inner-service.pool-and-commercial-management .section.five .section-in {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-top: 80px;
      padding-left: var(--page-margin-left);
      padding-right: var(--page-margin-right);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.five .section-in {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding-left: var(--page-margin-left-xxxl);
          padding-right: var(--page-margin-right-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.five .section-in {
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl));
          padding-left: var(--page-margin-left-xxl);
          padding-right: var(--page-margin-right-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.five .section-in {
          max-width: calc(1400px + 2 * var(--page-margin-left-xl));
          padding-left: var(--page-margin-left-xl);
          padding-right: var(--page-margin-right-xl);
          padding-top: 40px;
          padding-bottom: 40px; } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.five .section-in {
          max-width: calc(1400px + 2 * var(--page-margin-left-l));
          padding-left: var(--page-margin-left-l);
          padding-right: var(--page-margin-right-l); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.five .section-in {
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.five .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 32px; } }
      main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder {
        width: calc(30%);
        margin-right: 0;
        flex: 1 1 auto;
        position: relative; }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder {
            width: 100%; } }
        main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
          width: 100%;
          position: absolute;
          z-index: 1;
          box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.15);
          overflow: hidden;
          object-fit: cover;
          height: 455px;
          transform: translate3d(0, 0, 0);
          border-radius: var(--menu-border-radius);
          width: 100%; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              height: 425px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              height: 225px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              width: 100%;
              order: 0;
              height: 425px;
              box-shadow: none;
              transform: unset;
              display: none; } }
          @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              width: 100%;
              order: 0;
              height: 425px;
              box-shadow: none;
              transform: unset; } }
          @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              width: 100%;
              order: 0;
              height: 425px;
              box-shadow: none;
              transform: unset; } }
          @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              width: 100%;
              order: 0;
              height: 425px;
              box-shadow: none;
              transform: unset; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image {
              width: 100%;
              order: 0;
              height: 425px;
              box-shadow: none;
              transform: unset; } }
          main.inner-service.pool-and-commercial-management .section.five .section-in .placeholder .image img {
            height: 130%;
            width: 100%;
            object-fit: cover; }
      main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text {
        flex: 1 1 auto;
        width: calc(65% - 4vw);
        margin-left: 4vw;
        color: #535E67; }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text {
            width: 100%;
            margin-left: 0;
            flex: none; } }
        main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
          margin-top: 0;
          font-size: 56px;
          color: var(--color-five-hex);
          line-height: 1.25;
          margin-bottom: 15px; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
              font-size: 50px;
              margin-bottom: 10px; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
              font-size: 47px;
              line-height: 1.2; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
              font-size: 34px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
              font-size: 28px;
              margin-bottom: 0; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
              font-size: 26px;
              line-height: 1; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-content h2 {
              font-size: 26px; } }
        main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-title h6 {
          font-weight: 600;
          margin-top: 0;
          margin-bottom: 0.75em;
          line-height: 1.6;
          font-size: 19px; }
          @media only screen and (max-width: 1440px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-title h6 {
              font-size: 17px;
              line-height: 1.5; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-title h6 {
              font-size: 16px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-title h6 {
              font-size: 15px;
              letter-spacing: 0px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.five .section-in .pools-text .pools-title h6 {
              margin-top: 0;
              margin-bottom: 10px;
              font-size: 13px; } }
  main.inner-service.pool-and-commercial-management .section.two {
    height: 327px; }
    @media only screen and (max-width: 1440px) {
      main.inner-service.pool-and-commercial-management .section.two {
        height: 312px; } }
    @media only screen and (max-width: 1280px) {
      main.inner-service.pool-and-commercial-management .section.two {
        height: 245px; } }
    @media only screen and (max-width: 1024px) {
      main.inner-service.pool-and-commercial-management .section.two {
        height: 215px; } }
  main.inner-service.pool-and-commercial-management .section.five {
    height: 430px; }
    @media only screen and (max-width: 1920px) {
      main.inner-service.pool-and-commercial-management .section.five {
        height: 390px; } }
    @media only screen and (max-width: 1280px) {
      main.inner-service.pool-and-commercial-management .section.five {
        height: auto; } }
  main.inner-service.pool-and-commercial-management .section.two, main.inner-service.pool-and-commercial-management .section.five {
    overflow: hidden;
    position: relative; }
    main.inner-service.pool-and-commercial-management .section.two h2, main.inner-service.pool-and-commercial-management .section.five h2 {
      margin-bottom: 0; }
    @media only screen and (max-width: 768px) {
      main.inner-service.pool-and-commercial-management .section.two, main.inner-service.pool-and-commercial-management .section.five {
        height: auto; } }
  main.inner-service.pool-and-commercial-management .section.six {
    background-color: white;
    color: #535E67; }
    main.inner-service.pool-and-commercial-management .section.six .section-in {
      padding: 140px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.pool-and-commercial-management .section.six .section-in {
          padding: 140px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.pool-and-commercial-management .section.six .section-in {
          padding: 140px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.pool-and-commercial-management .section.six .section-in {
          padding: 90px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.pool-and-commercial-management .section.six .section-in {
          padding: 90px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.pool-and-commercial-management .section.six .section-in {
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.pool-and-commercial-management .section.six .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 27px;
          padding-bottom: 27px; } }
      main.inner-service.pool-and-commercial-management .section.six .section-in .row {
        display: flex; }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.six .section-in .row {
            flex-wrap: wrap; } }
        main.inner-service.pool-and-commercial-management .section.six .section-in .row.one .column.two .column-content {
          padding-bottom: 2.5vw;
          border-bottom: 1px solid #535e67; }
          @media only screen and (max-width: 768px) {
            main.inner-service.pool-and-commercial-management .section.six .section-in .row.one .column.two .column-content {
              padding-bottom: 20px; } }
        main.inner-service.pool-and-commercial-management .section.six .section-in .row.two .column.two .column-content, main.inner-service.pool-and-commercial-management .section.six .section-in .row.two .column.one .column-content {
          padding-top: 2.5vw; }
        @media only screen and (max-width: 768px) {
          main.inner-service.pool-and-commercial-management .section.six .section-in .row.two .column.one .column-content {
            padding-top: 20px; } }
        main.inner-service.pool-and-commercial-management .section.six .section-in .row .column {
          flex: 1 1 auto; }
          main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one {
            width: calc(30%);
            margin-right: 0;
            border-right: 1px solid #535e67; }
            @media only screen and (max-width: 768px) {
              main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one {
                width: 100%;
                border-right: 0; } }
            main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
              font-size: 50px;
              color: var(--color-five-hex);
              line-height: 1.25;
              font-weight: 700; }
              @media only screen and (max-width: 1920px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
                  font-size: 47px; } }
              @media only screen and (max-width: 1440px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
                  font-size: 44px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 1280px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
                  font-size: 31px; } }
              @media only screen and (max-width: 1024px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
                  font-size: 28px; } }
              @media only screen and (max-width: 768px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
                  font-size: 25px;
                  font-weight: 700;
                  line-height: 1; }
                  main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content br {
                    display: none; } }
              @media only screen and (max-width: 480px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.one .column-content {
                  font-size: 26px; } }
          main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two {
            width: calc(65% - 4vw);
            margin-left: 4vw;
            line-height: 1.9;
            font-size: 17px; }
            @media only screen and (max-width: 768px) {
              main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two {
                width: 100%;
                margin-left: 0; }
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two .column-content {
                  padding-top: 10px !important; } }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two {
                font-size: 16px; } }
            @media only screen and (min-width: 1281px) and (max-width: 1440px) {
              main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two {
                font-size: 15px; } }
            main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two .column-content {
              text-align: justify; }
              @media only screen and (max-width: 480px) {
                main.inner-service.pool-and-commercial-management .section.six .section-in .row .column.two .column-content {
                  text-align: left; } }
        main.inner-service.pool-and-commercial-management .section.six .section-in .row p {
          margin-bottom: 0.9em;
          margin-top: 0.8em; }
          main.inner-service.pool-and-commercial-management .section.six .section-in .row p:first-child {
            margin-top: 0; }
          main.inner-service.pool-and-commercial-management .section.six .section-in .row p:last-child {
            margin-bottom: 0; }
  main.inner-service.asset-management .section.one {
    background-color: white; }
    main.inner-service.asset-management .section.one .section-in {
      padding: 5px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      padding-bottom: 30px; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.asset-management .section.one .section-in {
          padding: 5px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding-bottom: 30px; } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.asset-management .section.one .section-in {
          padding: 5px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl));
          padding-bottom: 20px; } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.asset-management .section.one .section-in {
          padding: 1px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl));
          padding-bottom: 20px; } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.asset-management .section.one .section-in {
          padding: 1px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding-bottom: 10px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.asset-management .section.one .section-in {
          width: 100%;
          padding: 25px var(--page-margin-left-ml);
          padding-top: 22px; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.asset-management .section.one .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 8px;
          padding-bottom: 12px; } }
    main.inner-service.asset-management .section.one .section-text h2 {
      color: #535E67;
      text-align: left;
      line-height: 1.04;
      letter-spacing: 0px;
      font-size: 3.4vw;
      opacity: 1;
      visibility: visible; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.asset-management .section.one .section-text h2 {
          font-size: 3.6vw; } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.asset-management .section.one .section-text h2 {
          font-size: 4.1vw; } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.asset-management .section.one .section-text h2 {
          font-size: 4vw; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.asset-management .section.one .section-text h2 {
          font-size: 5.2vw; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.asset-management .section.one .section-text h2 {
          font-size: 8vw; } }
  main.inner-service.asset-management .section.two {
    background-color: var(--color-one-hex); }
    main.inner-service.asset-management .section.two .section-in {
      padding: 1.6vw var(--page-margin-left);
      position: relative;
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      z-index: 100; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.asset-management .section.two .section-in {
          padding: 1.6vw var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.asset-management .section.two .section-in {
          padding: 1.6vw var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.asset-management .section.two .section-in {
          padding: 4.7vw var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.asset-management .section.two .section-in {
          padding: 4vw var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.asset-management .section.two .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left)) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.asset-management .section.two .section-in {
          padding: var(--page-margin-left-m); } }
    main.inner-service.asset-management .section.two .boxes .box-row {
      display: flex; }
      main.inner-service.asset-management .section.two .boxes .box-row.one {
        margin-bottom: 1.5vw; }
        @media only screen and (max-width: 480px) {
          main.inner-service.asset-management .section.two .boxes .box-row.one {
            margin-bottom: 10px; } }
      main.inner-service.asset-management .section.two .boxes .box-row.one .box {
        width: calc(33.3% - 2.2vw); }
      main.inner-service.asset-management .section.two .boxes .box-row.two .box {
        width: calc(50% - 2.2vw); }
      main.inner-service.asset-management .section.two .boxes .box-row .box {
        position: relative;
        padding: 0 2vw;
        border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
        background: var(--bg-color-dark-hex);
        margin-right: 1.5vw;
        flex: 1 1 auto;
        box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
        border-radius: var(--menu-border-radius); }
        @media only screen and (max-width: 1280px) {
          main.inner-service.asset-management .section.two .boxes .box-row .box {
            padding: 0 1.5vw; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.asset-management .section.two .boxes .box-row .box {
            padding: 0 2vw; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.asset-management .section.two .boxes .box-row .box {
            padding: 0 3vw;
            margin-right: 10px; } }
        main.inner-service.asset-management .section.two .boxes .box-row .box:last-child {
          margin-right: 0; }
        main.inner-service.asset-management .section.two .boxes .box-row .box .box-icon img {
          height: 3.5vw; }
        main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner {
          padding-top: 10vh;
          padding-bottom: 1.8vw; }
          @media only screen and (max-width: 1440px) {
            main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner {
              font-size: 0.9rem;
              padding-top: 7vh;
              padding-bottom: 1.8vw; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner {
              font-size: 0.8rem;
              padding-bottom: 1.3vw; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner {
              padding-top: 5vh;
              padding-bottom: 1.5vw; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner {
              padding-bottom: 3vw; } }
          main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-title h3 {
            font-weight: 200;
            margin-bottom: 0;
            background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            width: auto;
            display: inline-block;
            font-size: 3.4vw;
            line-height: 1.1; }
            @media only screen and (max-width: 1920px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 3.8vw; } }
            @media only screen and (max-width: 1024px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 4vw; } }
            @media only screen and (max-width: 768px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 5vw; } }
            @media only screen and (max-width: 480px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 8vw; } }
          main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content-separator img {
            height: 0.3vw; }
          main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content {
            font-size: 22px;
            font-weight: 500;
            margin-top: 0;
            color: white; }
            @media only screen and (max-width: 1920px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 20px;
                line-height: 1.3; } }
            @media only screen and (max-width: 1440px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 16px;
                line-height: 1.3; } }
            @media only screen and (max-width: 1024px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 15px;
                line-height: 1.2; } }
            @media only screen and (max-width: 768px) {
              main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 14px; } }
            main.inner-service.asset-management .section.two .boxes .box-row .box .box-inner .box-content p {
              margin: 0; }
    main.inner-service.asset-management .section.two .navig8logos {
      display: flex;
      justify-content: space-around;
      align-items: center;
      background: white;
      width: 100%;
      border-radius: var(--menu-border-radius);
      margin: 1.5vw 0;
      padding: 10px 0; }
      @media only screen and (max-width: 480px) {
        main.inner-service.asset-management .section.two .navig8logos {
          margin: 10px 0; } }
      main.inner-service.asset-management .section.two .navig8logos .logo {
        height: 80px; }
        @media only screen and (max-width: 1440px) {
          main.inner-service.asset-management .section.two .navig8logos .logo {
            height: 60px; } }
        @media only screen and (max-width: 1024px) {
          main.inner-service.asset-management .section.two .navig8logos .logo {
            height: 45px; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.asset-management .section.two .navig8logos .logo {
            height: 35px; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.asset-management .section.two .navig8logos .logo {
            height: 28px; } }
        main.inner-service.asset-management .section.two .navig8logos .logo:last-child {
          height: 100px; }
          @media only screen and (max-width: 1440px) {
            main.inner-service.asset-management .section.two .navig8logos .logo:last-child {
              height: 70px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.asset-management .section.two .navig8logos .logo:last-child {
              height: 50px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.asset-management .section.two .navig8logos .logo:last-child {
              height: 38px; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.asset-management .section.two .navig8logos .logo:last-child {
              height: 29px; } }
        main.inner-service.asset-management .section.two .navig8logos .logo img {
          height: 100%; }
    main.inner-service.asset-management .section.two .eight-height {
      height: 0;
      width: 100%;
      background: var(--color-one-hex); }
    main.inner-service.asset-management .section.two .circles {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -60%, 0);
      width: 90%;
      display: flex;
      flex-wrap: wrap;
      z-index: 3;
      justify-content: space-around;
      height: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.asset-management .section.two .circles {
          width: 90%; } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.asset-management .section.two .circles {
          width: 85%;
          top: calc(50% + 30px); } }
      @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        main.inner-service.asset-management .section.two .circles {
          transform: translate3d(0, 0, 0);
          justify-content: center;
          width: 100%;
          max-width: 600px;
          top: 0;
          position: relative;
          height: auto;
          margin: 0 auto;
          left: 0; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        main.inner-service.asset-management .section.two .circles {
          transform: translate3d(0, 0, 0);
          justify-content: center;
          width: 100%;
          max-width: 600px;
          top: 0;
          position: relative;
          height: auto;
          margin: 0 auto;
          left: 0; } }
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
        main.inner-service.asset-management .section.two .circles {
          transform: translate3d(0, 0, 0);
          justify-content: center;
          width: 100%;
          max-width: 600px;
          top: 0;
          position: relative;
          height: auto;
          margin: 0 auto;
          left: 0; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
        main.inner-service.asset-management .section.two .circles {
          transform: translate3d(0, 0, 0);
          justify-content: center;
          width: 100%;
          max-width: 600px;
          top: 0;
          position: relative;
          height: auto;
          margin: 0 auto;
          left: 0; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.asset-management .section.two .circles {
          transform: translate3d(0, 0, 0);
          justify-content: center;
          width: 100%;
          max-width: 600px;
          top: 0;
          position: relative;
          height: auto;
          margin: 0 auto;
          left: 0; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.asset-management .section.two .circles {
          padding-top: 50px; } }
      main.inner-service.asset-management .section.two .circles .circle-container {
        width: 50%;
        opacity: 0;
        visibility: hidden; }
        main.inner-service.asset-management .section.two .circles .circle-container:first-child .circle, main.inner-service.asset-management .section.two .circles .circle-container:nth-child(3) .circle {
          left: -9.5vh; }
          @media only screen and (max-width: 768px) {
            main.inner-service.asset-management .section.two .circles .circle-container:first-child .circle, main.inner-service.asset-management .section.two .circles .circle-container:nth-child(3) .circle {
              left: 0; } }
        main.inner-service.asset-management .section.two .circles .circle-container:nth-child(2) .circle, main.inner-service.asset-management .section.two .circles .circle-container:nth-child(4) .circle {
          right: -9.5vh; }
          @media only screen and (max-width: 768px) {
            main.inner-service.asset-management .section.two .circles .circle-container:nth-child(2) .circle, main.inner-service.asset-management .section.two .circles .circle-container:nth-child(4) .circle {
              right: 0; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.asset-management .section.two .circles .circle-container {
            width: 210px;
            opacity: 1;
            visibility: visible;
            height: 210px; }
            main.inner-service.asset-management .section.two .circles .circle-container:first-child .circle, main.inner-service.asset-management .section.two .circles .circle-container:nth-child(3) .circle {
              left: unset; }
            main.inner-service.asset-management .section.two .circles .circle-container:nth-child(2) .circle, main.inner-service.asset-management .section.two .circles .circle-container:nth-child(4) .circle {
              left: unset; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.asset-management .section.two .circles .circle-container {
            width: 48vw;
            height: 48vw; } }
      main.inner-service.asset-management .section.two .circles .circle {
        text-align: center;
        border-radius: 50%;
        background-color: transparent;
        box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.15);
        border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
        width: 250px;
        height: 250px;
        margin: 0 auto;
        position: relative;
        top: 50%;
        transform: translate(0, -50%); }
        @media only screen and (max-width: 1920px) {
          main.inner-service.asset-management .section.two .circles .circle {
            width: 200px;
            height: 200px; } }
        @media only screen and (max-width: 1440px) {
          main.inner-service.asset-management .section.two .circles .circle {
            width: 185px;
            height: 185px; } }
        @media only screen and (max-width: 1280px) {
          main.inner-service.asset-management .section.two .circles .circle {
            width: 170px;
            height: 170px; } }
        @media only screen and (max-width: 1024px) {
          main.inner-service.asset-management .section.two .circles .circle {
            width: 150px;
            height: 150px; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.asset-management .section.two .circles .circle {
            width: 190px;
            height: 190px;
            margin: 0 auto; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.asset-management .section.two .circles .circle {
            width: 46vw;
            height: 46vw; } }
        main.inner-service.asset-management .section.two .circles .circle svg {
          top: 45px;
          height: 60px;
          left: 0;
          right: 0;
          margin: 0 auto;
          position: absolute; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.asset-management .section.two .circles .circle svg {
              top: 45px; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.asset-management .section.two .circles .circle svg {
              top: 40px;
              height: 40px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.asset-management .section.two .circles .circle svg {
              height: 33px;
              top: 36px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.asset-management .section.two .circles .circle svg {
              top: 41px;
              height: 40px; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.asset-management .section.two .circles .circle svg {
              height: 10vw;
              top: 9vw; } }
        main.inner-service.asset-management .section.two .circles .circle span {
          color: #fff;
          font-size: 25px;
          bottom: 50px;
          width: 75%;
          left: 0;
          right: 0;
          margin: 0 auto;
          position: absolute;
          line-height: 1.3; }
          main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
            bottom: 82px; }
          @media only screen and (max-width: 1920px) {
            main.inner-service.asset-management .section.two .circles .circle span {
              font-size: 18px;
              bottom: 30px; }
              main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
                bottom: 53px; } }
          @media only screen and (max-width: 1440px) {
            main.inner-service.asset-management .section.two .circles .circle span {
              font-size: 18px;
              bottom: 40px; }
              main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
                bottom: 63px; } }
          @media only screen and (max-width: 1280px) {
            main.inner-service.asset-management .section.two .circles .circle span {
              font-size: 16px;
              bottom: 35px; }
              main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
                bottom: 55px; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.asset-management .section.two .circles .circle span {
              font-size: 15px;
              bottom: 32px; }
              main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
                bottom: 51px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.asset-management .section.two .circles .circle span {
              font-size: 18px;
              bottom: 45px; }
              main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
                bottom: 71px; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.asset-management .section.two .circles .circle span {
              font-size: 4.6vw;
              bottom: 10vw; }
              main.inner-service.asset-management .section.two .circles .circle span.more-bottom {
                bottom: 17vw; } }
  main.inner-service.fuel-services .height-3 {
    height: 200vh;
    position: fixed;
    width: 100vw; }
  main.inner-service.fuel-services .section.one {
    background-color: white;
    color: #535E67;
    height: auto; }
    main.inner-service.fuel-services .section.one .section-in {
      position: relative;
      padding: 93px var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto;
      padding-top: 70px; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.fuel-services .section.one .section-in {
          padding: 93px var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl));
          padding-top: 70px; } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.fuel-services .section.one .section-in {
          padding: 73px var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl));
          padding-top: 50px; } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.fuel-services .section.one .section-in {
          padding: 73px var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl));
          padding-top: 50px; } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.fuel-services .section.one .section-in {
          padding: 73px var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l));
          padding-top: 50px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.fuel-services .section.one .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.fuel-services .section.one .section-in {
          padding: var(--page-margin-left-m);
          padding-top: 8px;
          padding-bottom: 12px; } }
    main.inner-service.fuel-services .section.one .section-in {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    main.inner-service.fuel-services .section.one .placeholder {
      flex: 1 1 auto;
      width: calc(30%);
      margin-right: 0;
      position: relative; }
      @media only screen and (max-width: 480px) {
        main.inner-service.fuel-services .section.one .placeholder {
          display: none; } }
      main.inner-service.fuel-services .section.one .placeholder .image {
        box-shadow: 0 0 70px #0000005e;
        width: 100%;
        position: absolute;
        overflow: hidden;
        z-index: 1;
        height: calc(100% + 93px + 70px + 46px + 35px);
        border-radius: var(--menu-border-radius); }
        @media only screen and (max-width: 1440px) {
          main.inner-service.fuel-services .section.one .placeholder .image {
            height: calc(100% + 73px + 50px + 25px + 36px); } }
        @media only screen and (max-width: 1280px) {
          main.inner-service.fuel-services .section.one .placeholder .image {
            height: calc(100% + 73px + 50px + 40px + 40px); } }
        @media only screen and (max-width: 768px) {
          main.inner-service.fuel-services .section.one .placeholder .image {
            height: calc(100% + 3*calc(var(--page-margin-left) - 15px)); } }
        main.inner-service.fuel-services .section.one .placeholder .image img {
          height: calc(150%);
          object-fit: cover;
          object-position: left;
          width: 100%; }
          @media only screen and (max-width: 768px) {
            main.inner-service.fuel-services .section.one .placeholder .image img {
              height: calc(200%); } }
    main.inner-service.fuel-services .section.one .text {
      flex: 1 1 auto;
      width: calc(65% - 1vw);
      margin-left: 4vw;
      margin-top: 0; }
      @media only screen and (max-width: 480px) {
        main.inner-service.fuel-services .section.one .text {
          width: 100%;
          margin-left: 0; } }
      main.inner-service.fuel-services .section.one .text .section-title h6 {
        font-weight: 600;
        margin: 0;
        margin-bottom: 0.75em;
        font-size: 19px;
        line-height: 1.6; }
        @media only screen and (max-width: 1440px) {
          main.inner-service.fuel-services .section.one .text .section-title h6 {
            font-size: 17px;
            line-height: 1.5; } }
        @media only screen and (max-width: 1280px) {
          main.inner-service.fuel-services .section.one .text .section-title h6 {
            font-size: 16px; } }
        @media only screen and (max-width: 1024px) {
          main.inner-service.fuel-services .section.one .text .section-title h6 {
            font-size: 15px;
            letter-spacing: 0px; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.fuel-services .section.one .text .section-title h6 {
            margin-top: 0.5em;
            margin-bottom: 0;
            font-size: 13px; } }
      main.inner-service.fuel-services .section.one .text .section-text h2 {
        color: #535E67;
        text-align: left;
        line-height: 1.04;
        letter-spacing: 0px;
        font-size: 3.4vw;
        opacity: 1;
        visibility: visible;
        margin-top: 0.1em; }
        @media only screen and (max-width: 1920px) {
          main.inner-service.fuel-services .section.one .text .section-text h2 {
            font-size: 3.6vw; } }
        @media only screen and (max-width: 1440px) {
          main.inner-service.fuel-services .section.one .text .section-text h2 {
            font-size: 4.1vw; } }
        @media only screen and (max-width: 1280px) {
          main.inner-service.fuel-services .section.one .text .section-text h2 {
            font-size: 4vw; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.fuel-services .section.one .text .section-text h2 {
            font-size: 5.2vw; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.fuel-services .section.one .text .section-text h2 {
            font-size: 8vw; } }
  main.inner-service.fuel-services .section.two {
    background-color: var(--color-one-hex); }
    main.inner-service.fuel-services .section.two .section-in {
      position: relative;
      padding: 5vw var(--page-margin-left);
      max-width: calc(1400px + 2 * var(--page-margin-left));
      margin: 0 auto; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.fuel-services .section.two .section-in {
          padding: 5vw var(--page-margin-left-xxxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.fuel-services .section.two .section-in {
          padding: 5vw var(--page-margin-left-xxl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.fuel-services .section.two .section-in {
          padding: var(--page-margin-left-xl);
          max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.fuel-services .section.two .section-in {
          padding: var(--page-margin-left-l);
          max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
      @media only screen and (max-width: 768px) {
        main.inner-service.fuel-services .section.two .section-in {
          width: 100%;
          padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
      @media only screen and (max-width: 480px) {
        main.inner-service.fuel-services .section.two .section-in {
          padding: var(--page-margin-left-m);
          padding-bottom: 0; } }
    main.inner-service.fuel-services .section.two .boxes.mobile {
      display: none; }
      @media only screen and (max-width: 768px) {
        main.inner-service.fuel-services .section.two .boxes.mobile {
          display: block; } }
      main.inner-service.fuel-services .section.two .boxes.mobile .box-row:not(.four) {
        margin-bottom: 9px; }
      main.inner-service.fuel-services .section.two .boxes.mobile .box-row.one .box {
        width: calc(50% - 1.5vw); }
        @media only screen and (max-width: 480px) {
          main.inner-service.fuel-services .section.two .boxes.mobile .box-row.one .box {
            width: calc(50% - 8px); } }
      main.inner-service.fuel-services .section.two .boxes.mobile .box-row.two .box, main.inner-service.fuel-services .section.two .boxes.mobile .box-row.four .box {
        width: calc(50% - 1.5vw); }
        @media only screen and (max-width: 480px) {
          main.inner-service.fuel-services .section.two .boxes.mobile .box-row.two .box, main.inner-service.fuel-services .section.two .boxes.mobile .box-row.four .box {
            width: calc(50% - 8px); } }
      main.inner-service.fuel-services .section.two .boxes.mobile .box-row.three .box {
        width: calc(100%); }
    main.inner-service.fuel-services .section.two .boxes.desktop {
      display: block; }
      @media only screen and (max-width: 768px) {
        main.inner-service.fuel-services .section.two .boxes.desktop {
          display: none; } }
      main.inner-service.fuel-services .section.two .boxes.desktop .box-row.one {
        margin-bottom: 1.5vw; }
      main.inner-service.fuel-services .section.two .boxes.desktop .box-row.one .box {
        width: calc(25% - 1.5vw); }
      main.inner-service.fuel-services .section.two .boxes.desktop .box-row.two .box {
        width: calc(25% - 1.5vw); }
        main.inner-service.fuel-services .section.two .boxes.desktop .box-row.two .box:first-child {
          width: calc(50% - 1.1vw); }
    main.inner-service.fuel-services .section.two .boxes .box-row {
      display: flex;
      justify-content: space-between; }
      main.inner-service.fuel-services .section.two .boxes .box-row .box {
        margin-right: 1.5vw;
        position: relative;
        padding: 0 2vw;
        border: var(--menu-border-border-top) var(--menu-border-border-style) var(--menu-border-color-rgba);
        background: var(--bg-color-dark-hex);
        flex: 1 1 auto;
        box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
        border-radius: var(--menu-border-radius); }
        @media only screen and (max-width: 1280px) {
          main.inner-service.fuel-services .section.two .boxes .box-row .box {
            padding: 0 1.5vw; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.fuel-services .section.two .boxes .box-row .box {
            padding: 0 2vw;
            margin-right: 9px; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.fuel-services .section.two .boxes .box-row .box {
            padding: 0 3vw;
            margin-right: 8px; } }
        main.inner-service.fuel-services .section.two .boxes .box-row .box:last-child {
          margin-right: 0; }
        main.inner-service.fuel-services .section.two .boxes .box-row .box .box-icon img {
          height: 3.5vw; }
        main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner {
          padding-top: 10vh;
          padding-bottom: 1.8vw; }
          @media only screen and (max-width: 1440px) {
            main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner {
              font-size: 0.9rem;
              padding-top: 7vh;
              padding-bottom: 1.8vw; } }
          @media only screen and (max-width: 1024px) {
            main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner {
              font-size: 0.8rem;
              padding-bottom: 1.3vw; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner {
              padding-top: 5vh;
              padding-bottom: 1.5vw; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner {
              padding-bottom: 3vw; } }
          main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-title h3 {
            font-weight: 200;
            margin-bottom: 0;
            background: linear-gradient(to right, var(--color-gradient-one-from) 0%, var(--color-gradient-one-to) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            width: auto;
            display: inline-block;
            font-size: 2.4vw;
            line-height: 1.1; }
            @media only screen and (max-width: 1920px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 3vw; } }
            @media only screen and (max-width: 1024px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 4vw; } }
            @media only screen and (max-width: 768px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 5vw; } }
            @media only screen and (max-width: 480px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-title h3 {
                font-size: 8vw; } }
          main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content-separator img {
            height: 0.3vw; }
          main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content {
            font-size: 22px;
            font-weight: 500;
            margin-top: 0;
            color: white; }
            @media only screen and (max-width: 1920px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 20px;
                line-height: 1.3; } }
            @media only screen and (max-width: 1440px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 16px;
                line-height: 1.3; } }
            @media only screen and (max-width: 1024px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 15px;
                line-height: 1.2; } }
            @media only screen and (max-width: 768px) {
              main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content {
                font-size: 14px; } }
            main.inner-service.fuel-services .section.two .boxes .box-row .box .box-inner .box-content p {
              margin: 0; }
    main.inner-service.fuel-services .section.two .fuel-apps {
      width: 50%;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 2vw;
      min-width: 600px; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.fuel-services .section.two .fuel-apps {
          margin-top: 40px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.fuel-services .section.two .fuel-apps {
          margin-top: 20px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.fuel-services .section.two .fuel-apps {
          min-width: unset;
          width: 100%; } }
      main.inner-service.fuel-services .section.two .fuel-apps a {
        color: white;
        text-decoration: none; }
      main.inner-service.fuel-services .section.two .fuel-apps .text {
        font-size: 15px; }
        @media only screen and (max-width: 768px) {
          main.inner-service.fuel-services .section.two .fuel-apps .text {
            font-size: 14px; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.fuel-services .section.two .fuel-apps .text {
            font-size: 12px; } }
      main.inner-service.fuel-services .section.two .fuel-apps .engine {
        pointer-events: all;
        cursor: pointer;
        flex: 1 1 auto;
        width: 30%;
        margin-right: 20px; }
        main.inner-service.fuel-services .section.two .fuel-apps .engine div {
          pointer-events: none; }
        main.inner-service.fuel-services .section.two .fuel-apps .engine .logo {
          height: 90px;
          pointer-events: none;
          transform-origin: 0% 0%; }
          @media only screen and (max-width: 768px) {
            main.inner-service.fuel-services .section.two .fuel-apps .engine .logo {
              height: 50px; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.fuel-services .section.two .fuel-apps .engine .logo {
              height: 45px; } }
          main.inner-service.fuel-services .section.two .fuel-apps .engine .logo img {
            height: 60px;
            top: 17px;
            /* width: 100%; */
            position: relative; }
            @media only screen and (max-width: 768px) {
              main.inner-service.fuel-services .section.two .fuel-apps .engine .logo img {
                height: 27px;
                top: 10px; } }
            @media only screen and (max-width: 480px) {
              main.inner-service.fuel-services .section.two .fuel-apps .engine .logo img {
                height: 20px; } }
      main.inner-service.fuel-services .section.two .fuel-apps .fms {
        pointer-events: all;
        cursor: pointer;
        flex: 1 1 auto;
        width: 60%;
        display: flex;
        align-items: center; }
        main.inner-service.fuel-services .section.two .fuel-apps .fms div {
          pointer-events: none; }
        main.inner-service.fuel-services .section.two .fuel-apps .fms .text {
          max-width: 250px; }
        main.inner-service.fuel-services .section.two .fuel-apps .fms .logo {
          transform-origin: 0% 0%;
          height: 80px;
          padding-bottom: 10px;
          pointer-events: none; }
          @media only screen and (max-width: 768px) {
            main.inner-service.fuel-services .section.two .fuel-apps .fms .logo {
              height: 50px; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.fuel-services .section.two .fuel-apps .fms .logo {
              height: 45px; } }
          main.inner-service.fuel-services .section.two .fuel-apps .fms .logo img {
            height: 65px; }
            @media only screen and (max-width: 768px) {
              main.inner-service.fuel-services .section.two .fuel-apps .fms .logo img {
                height: 48px; } }
            @media only screen and (max-width: 480px) {
              main.inner-service.fuel-services .section.two .fuel-apps .fms .logo img {
                height: 35px; } }
  main.inner-service.in-house-research .section.one .section-in {
    padding-bottom: 100px; }
    @media only screen and (max-width: 480px) {
      main.inner-service.in-house-research .section.one .section-in {
        padding-bottom: 10px; } }
  main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
    position: relative;
    padding: 53px var(--page-margin-left);
    max-width: calc(1400px + 2 * var(--page-margin-left));
    margin: 0 auto; }
    @media only screen and (max-width: 1920px) {
      main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
        padding: 53px var(--page-margin-left-xxxl);
        max-width: calc(1300px + 2 * var(--page-margin-left-xxxl)); } }
    @media only screen and (max-width: 1440px) {
      main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
        padding: 53px var(--page-margin-left-xxl);
        max-width: calc(1300px + 2 * var(--page-margin-left-xxl)); } }
    @media only screen and (max-width: 1280px) {
      main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
        padding: 53px var(--page-margin-left-xl);
        max-width: calc(1300px + 2 * var(--page-margin-left-xl)); } }
    @media only screen and (max-width: 1024px) {
      main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
        padding: 40px var(--page-margin-left-l);
        max-width: calc(1300px + 2 * var(--page-margin-left-l)); } }
    @media only screen and (max-width: 768px) {
      main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
        width: 100%;
        padding: calc(var(--page-margin-left) - 15px) var(--page-margin-left-ml); } }
    @media only screen and (max-width: 480px) {
      main.inner-service.investor-opportunities .section .section-in, main.inner-service.in-house-research .section .section-in {
        padding: var(--page-margin-left-m);
        padding-top: 27px;
        padding-bottom: 27px; } }
  main.inner-service.investor-opportunities .section.one, main.inner-service.in-house-research .section.one {
    background-color: white;
    color: var(--color-five-hex); }
    main.inner-service.investor-opportunities .section.one h6, main.inner-service.in-house-research .section.one h6 {
      font-weight: 600;
      margin: 0;
      margin-bottom: 0.75em;
      font-size: 19px;
      line-height: 1.6; }
      @media only screen and (max-width: 1440px) {
        main.inner-service.investor-opportunities .section.one h6, main.inner-service.in-house-research .section.one h6 {
          font-size: 17px;
          line-height: 1.5; } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.investor-opportunities .section.one h6, main.inner-service.in-house-research .section.one h6 {
          font-size: 16px; } }
      @media only screen and (max-width: 1024px) {
        main.inner-service.investor-opportunities .section.one h6, main.inner-service.in-house-research .section.one h6 {
          font-size: 15px;
          letter-spacing: 0px; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.investor-opportunities .section.one h6, main.inner-service.in-house-research .section.one h6 {
          margin-top: 0.5em;
          margin-bottom: 0;
          font-size: 13px; } }
    main.inner-service.investor-opportunities .section.one h2, main.inner-service.in-house-research .section.one h2 {
      text-align: left;
      line-height: 1.04;
      letter-spacing: 0px;
      font-size: 3.4vw;
      opacity: 1;
      visibility: visible;
      margin-top: 0;
      z-index: 5;
      color: var(--color-five-hex);
      margin-bottom: 110px; }
      @media only screen and (max-width: 1920px) {
        main.inner-service.investor-opportunities .section.one h2, main.inner-service.in-house-research .section.one h2 {
          font-size: 3.6vw;
          margin-bottom: 90px; } }
      @media only screen and (max-width: 1440px) {
        main.inner-service.investor-opportunities .section.one h2, main.inner-service.in-house-research .section.one h2 {
          font-size: 4.1vw;
          line-height: 1.2;
          margin-bottom: 105px; } }
      @media only screen and (max-width: 1280px) {
        main.inner-service.investor-opportunities .section.one h2, main.inner-service.in-house-research .section.one h2 {
          margin-bottom: 70px;
          font-size: 4vw; } }
      @media only screen and (max-width: 768px) {
        main.inner-service.investor-opportunities .section.one h2, main.inner-service.in-house-research .section.one h2 {
          font-size: 5.2vw;
          line-height: 1.3;
          margin-bottom: 40px;
          margin-top: 5px; } }
      @media only screen and (max-width: 480px) {
        main.inner-service.investor-opportunities .section.one h2, main.inner-service.in-house-research .section.one h2 {
          font-size: 8vw;
          margin-bottom: 20px; } }
    main.inner-service.investor-opportunities .section.one .investor-in, main.inner-service.in-house-research .section.one .investor-in {
      position: relative; }
      main.inner-service.investor-opportunities .section.one .investor-in .whitepane, main.inner-service.in-house-research .section.one .investor-in .whitepane {
        z-index: 0;
        width: calc(65% + 6vw);
        top: 0;
        box-shadow: 0 50px 60px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.25);
        top: -4vw;
        height: calc(100% + 8vw);
        position: absolute;
        right: 0;
        background: #fff; }
        @media only screen and (max-width: 1440px) {
          main.inner-service.investor-opportunities .section.one .investor-in .whitepane, main.inner-service.in-house-research .section.one .investor-in .whitepane {
            height: calc(100% + 12vw);
            top: -6vw; } }
        @media only screen and (max-width: 768px) {
          main.inner-service.investor-opportunities .section.one .investor-in .whitepane, main.inner-service.in-house-research .section.one .investor-in .whitepane {
            width: 100%;
            top: 0;
            height: 100%; } }
        @media only screen and (max-width: 480px) {
          main.inner-service.investor-opportunities .section.one .investor-in .whitepane, main.inner-service.in-house-research .section.one .investor-in .whitepane {
            box-shadow: 0 50px 60px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3); } }
      main.inner-service.investor-opportunities .section.one .investor-in .row, main.inner-service.in-house-research .section.one .investor-in .row {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        position: relative;
        margin: 4vw 0; }
        @media only screen and (max-width: 480px) {
          main.inner-service.investor-opportunities .section.one .investor-in .row, main.inner-service.in-house-research .section.one .investor-in .row {
            margin: 4vw 0 0; } }
        main.inner-service.investor-opportunities .section.one .investor-in .row .col, main.inner-service.in-house-research .section.one .investor-in .row .col {
          flex: 1 1 auto; }
          main.inner-service.investor-opportunities .section.one .investor-in .row .col.one, main.inner-service.in-house-research .section.one .investor-in .row .col.one {
            width: calc(35% - 4vw); }
            @media only screen and (max-width: 768px) {
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.one, main.inner-service.in-house-research .section.one .investor-in .row .col.one {
                display: none; } }
            main.inner-service.investor-opportunities .section.one .investor-in .row .col.one .image, main.inner-service.in-house-research .section.one .investor-in .row .col.one .image {
              width: 100%;
              height: 100%;
              box-shadow: 0 50px 60px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3);
              object-fit: cover;
              overflow: hidden;
              position: relative;
              height: 507px;
              border-radius: var(--menu-border-radius); }
              @media only screen and (max-width: 1920px) {
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.one .image, main.inner-service.in-house-research .section.one .investor-in .row .col.one .image {
                  height: 605px; } }
              @media only screen and (max-width: 1440px) {
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.one .image, main.inner-service.in-house-research .section.one .investor-in .row .col.one .image {
                  height: 505px; } }
              @media only screen and (max-width: 1280px) {
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.one .image, main.inner-service.in-house-research .section.one .investor-in .row .col.one .image {
                  height: 485px; } }
              @media only screen and (max-width: 1024px) {
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.one .image, main.inner-service.in-house-research .section.one .investor-in .row .col.one .image {
                  height: 285px; } }
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.one .image img, main.inner-service.in-house-research .section.one .investor-in .row .col.one .image img {
                width: 100%;
                height: 150%;
                object-fit: cover; }
          main.inner-service.investor-opportunities .section.one .investor-in .row .col.two, main.inner-service.in-house-research .section.one .investor-in .row .col.two {
            width: calc(65% - 4vw);
            margin-left: 4vw;
            padding-right: 4vw; }
            @media only screen and (max-width: 1920px) {
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two, main.inner-service.in-house-research .section.one .investor-in .row .col.two {
                margin-left: 2.5vw;
                width: calc(65% - 2.5vw); } }
            @media only screen and (max-width: 1440px) {
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two, main.inner-service.in-house-research .section.one .investor-in .row .col.two {
                padding-right: 6vw; } }
            @media only screen and (max-width: 768px) {
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two, main.inner-service.in-house-research .section.one .investor-in .row .col.two {
                width: 100%;
                margin-left: 0;
                padding-right: 0;
                padding: 7vw; } }
            @media only screen and (max-width: 480px) {
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two, main.inner-service.in-house-research .section.one .investor-in .row .col.two {
                padding: 5vw 5vw; } }
            main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row {
              display: flex;
              position: relative;
              padding: 35px 0;
              border-bottom: 1px solid #535E67; }
              @media only screen and (max-width: 1440px) {
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row {
                  padding: 25px 0; } }
              @media only screen and (max-width: 1024px) {
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row {
                  padding: 20px 0; } }
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row:first-child, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row:first-child {
                border-top: 1px solid #535E67; }
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row:before, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row:before {
                content: "";
                background: var(--color-four-hex);
                width: 5px;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
                height: calc(100% - 70px);
                margin-left: 15px; }
                @media only screen and (max-width: 480px) {
                  main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row:before, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row:before {
                    margin-left: 0;
                    height: calc(100% - 50px); } }
              main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row .item-content, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row .item-content {
                width: 85%;
                position: relative;
                padding-left: 15px;
                margin-left: 30px; }
                main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row .item-content p, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row .item-content p {
                  margin: 0; }
                @media only screen and (max-width: 480px) {
                  main.inner-service.investor-opportunities .section.one .investor-in .row .col.two .column-row .item-content, main.inner-service.in-house-research .section.one .investor-in .row .col.two .column-row .item-content {
                    margin-left: 10px;
                    width: 100%; } }
    main.inner-service.investor-opportunities .section.one .investor-counter, main.inner-service.in-house-research .section.one .investor-counter {
      position: relative;
      width: 70%;
      margin-top: calc(26vh);
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      height: 100vh; }
      @media only screen and (max-width: 768px) {
        main.inner-service.investor-opportunities .section.one .investor-counter, main.inner-service.in-house-research .section.one .investor-counter {
          width: 100%; } }
      main.inner-service.investor-opportunities .section.one .investor-counter .numbers, main.inner-service.in-house-research .section.one .investor-counter .numbers {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        top: 0; }
        main.inner-service.investor-opportunities .section.one .investor-counter .numbers .proxy, main.inner-service.in-house-research .section.one .investor-counter .numbers .proxy {
          height: 100%;
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: 0; }
        main.inner-service.investor-opportunities .section.one .investor-counter .numbers .number, main.inner-service.in-house-research .section.one .investor-counter .numbers .number {
          font-size: 35vw;
          -webkit-text-stroke: 1px var(--color-four-hex);
          color: #3f7a841a;
          font-weight: 600;
          line-height: 0.8;
          letter-spacing: -2vw;
          opacity: 0;
          visibility: hidden; }
          main.inner-service.investor-opportunities .section.one .investor-counter .numbers .number.one, main.inner-service.in-house-research .section.one .investor-counter .numbers .number.one {
            opacity: 1;
            visibility: visible; }
          @media only screen and (max-width: 480px) {
            main.inner-service.investor-opportunities .section.one .investor-counter .numbers .number, main.inner-service.in-house-research .section.one .investor-counter .numbers .number {
              font-size: 80vw; } }
        main.inner-service.investor-opportunities .section.one .investor-counter .numbers.below, main.inner-service.in-house-research .section.one .investor-counter .numbers.below {
          overflow: hidden;
          height: 28vw; }
          main.inner-service.investor-opportunities .section.one .investor-counter .numbers.below .number, main.inner-service.in-house-research .section.one .investor-counter .numbers.below .number {
            font-size: 35vw;
            -webkit-text-stroke: 1px #5db4c378;
            color: #3f7a841a;
            font-weight: 600;
            line-height: 0.8;
            letter-spacing: -2vw; }
      main.inner-service.investor-opportunities .section.one .investor-counter .steps, main.inner-service.in-house-research .section.one .investor-counter .steps {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 100%; }
        main.inner-service.investor-opportunities .section.one .investor-counter .steps .step, main.inner-service.in-house-research .section.one .investor-counter .steps .step {
          position: absolute;
          font-size: 7.15vw;
          font-weight: 700;
          letter-spacing: -.1vw;
          line-height: .75;
          width: 100%;
          left: 0;
          right: 0;
          transform: translate3d(0, -50%, 0);
          color: white;
          top: 14vw; }
          @media only screen and (max-width: 480px) {
            main.inner-service.investor-opportunities .section.one .investor-counter .steps .step, main.inner-service.in-house-research .section.one .investor-counter .steps .step {
              font-size: 10vw;
              top: 32vw; } }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps .step:nth-of-type(2), main.inner-service.in-house-research .section.one .investor-counter .steps .step:nth-of-type(2) {
            left: 100%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps .step:nth-of-type(3), main.inner-service.in-house-research .section.one .investor-counter .steps .step:nth-of-type(3) {
            left: 200%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps .step:nth-of-type(4), main.inner-service.in-house-research .section.one .investor-counter .steps .step:nth-of-type(4) {
            left: 300%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps .step:nth-of-type(5), main.inner-service.in-house-research .section.one .investor-counter .steps .step:nth-of-type(5) {
            left: 400%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps .step:nth-of-type(6), main.inner-service.in-house-research .section.one .investor-counter .steps .step:nth-of-type(6) {
            left: 500%;
            line-height: 0.9; }
        main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow, main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow {
          font-size: 40px;
          color: var(--color-four-hex);
          position: absolute;
          top: 14vw;
          width: 70px;
          height: 70px;
          transform: translate3d(0, -50%, 0) rotate(180deg); }
          @media only screen and (max-width: 1440px) {
            main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow, main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow {
              width: 60px;
              height: 60px; } }
          @media only screen and (max-width: 768px) {
            main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow, main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow {
              width: 25px;
              height: 25px; } }
          @media only screen and (max-width: 480px) {
            main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow, main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow {
              top: 32vw; } }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow:nth-of-type(1), main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow:nth-of-type(1) {
            right: -9%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow:nth-of-type(2), main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow:nth-of-type(2) {
            right: -100%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow:nth-of-type(3), main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow:nth-of-type(3) {
            right: -202%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow:nth-of-type(4), main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow:nth-of-type(4) {
            right: -306%; }
          main.inner-service.investor-opportunities .section.one .investor-counter .steps svg.step-arrow:nth-of-type(5), main.inner-service.in-house-research .section.one .investor-counter .steps svg.step-arrow:nth-of-type(5) {
            right: -408%; }

.dom-gl-intro {
  position: fixed;
  top: 0;
  height: 100%;
  left: 0;
  transform: translate3d(0, 0, 0);
  width: 100vw;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  z-index: 150;
  cursor: grab; }

.dom-gl-inner {
  position: fixed;
  width: 100vw;
  object-fit: cover;
  top: 0;
  height: 100%;
  left: 0;
  z-index: 150;
  cursor: grab;
  transform: translate3d(0, 0, 0) scale(1.4); }

/*--------------------------------------------------------------
## Privacy page etc.
--------------------------------------------------------------*/
main.privacy, main.accessibility, main.disclaimer, main.rss {
  background: #ebebeb; }
  main.privacy .pin-spacer, main.accessibility .pin-spacer, main.disclaimer .pin-spacer, main.rss .pin-spacer {
    z-index: 3; }
  main.privacy .section, main.accessibility .section, main.disclaimer .section, main.rss .section {
    position: relative; }
    main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
      height: 560px;
      background-color: var(--color-one-hex); }
      @media only screen and (max-width: 1920px) {
        main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
          height: 466px; } }
      @media only screen and (max-width: 1440px) {
        main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
          height: 466px; } }
      @media only screen and (max-width: 1280px) {
        main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
          height: 400px; } }
      @media only screen and (max-width: 1024px) {
        main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
          height: 350px; } }
      @media only screen and (max-width: 768px) {
        main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
          height: 230px;
          background-color: var(--color-one-hex); } }
      @media only screen and (max-width: 480px) {
        main.privacy .section.one, main.accessibility .section.one, main.disclaimer .section.one, main.rss .section.one {
          height: 210px; } }
      main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
        padding: 80px var(--page-margin-right) 80px var(--page-margin-left);
        background-color: rgba(16, 59, 81, 0.2);
        height: 100%; }
        @media only screen and (max-width: 1920px) {
          main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
            padding: var(--page-margin-left-xxxl);
            padding-bottom: 50px; } }
        @media only screen and (max-width: 1440px) {
          main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
            padding: var(--page-margin-left-xxl); } }
        @media only screen and (max-width: 1280px) {
          main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
            padding: var(--page-margin-left-xl);
            flex-wrap: wrap; } }
        @media only screen and (max-width: 1024px) {
          main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
            padding: var(--page-margin-top-l) var(--page-margin-left-l);
            top: 74px; } }
        @media only screen and (max-width: 768px) {
          main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
            padding: var(--page-margin-left-ml);
            background-color: transparent; } }
        @media only screen and (max-width: 480px) {
          main.privacy .section.one .section-in, main.accessibility .section.one .section-in, main.disclaimer .section.one .section-in, main.rss .section.one .section-in {
            padding: var(--page-margin-left-m);
            padding-bottom: 0; } }
      main.privacy .section.one .inner-title, main.accessibility .section.one .inner-title, main.disclaimer .section.one .inner-title, main.rss .section.one .inner-title {
        bottom: 60px;
        color: white;
        display: flex;
        align-items: top;
        justify-content: left;
        letter-spacing: -0.1vw;
        line-height: 5.1vw;
        font-size: 5.2vw;
        position: absolute;
        transform-origin: 0% 0%;
        padding-top: 1.5vw;
        will-change: transform;
        width: 65%;
        z-index: 160; }
        @media only screen and (max-width: 1920px) {
          main.privacy .section.one .inner-title, main.accessibility .section.one .inner-title, main.disclaimer .section.one .inner-title, main.rss .section.one .inner-title {
            bottom: 50px; } }
        @media only screen and (max-width: 768px) {
          main.privacy .section.one .inner-title, main.accessibility .section.one .inner-title, main.disclaimer .section.one .inner-title, main.rss .section.one .inner-title {
            top: 100px;
            width: 80%;
            z-index: 160;
            line-height: 0.85;
            padding-top: 1vw;
            margin-top: 30px;
            bottom: unset; } }
        main.privacy .section.one .inner-title h2, main.accessibility .section.one .inner-title h2, main.disclaimer .section.one .inner-title h2, main.rss .section.one .inner-title h2 {
          margin-top: 0;
          color: white;
          opacity: 1;
          font-size: 5.2vw;
          line-height: 1.04;
          visibility: visible;
          display: block;
          cursor: pointer;
          pointer-events: all; }
          @media only screen and (max-width: 1024px) {
            main.privacy .section.one .inner-title h2, main.accessibility .section.one .inner-title h2, main.disclaimer .section.one .inner-title h2, main.rss .section.one .inner-title h2 {
              font-size: 5.2vw; } }
          @media only screen and (max-width: 768px) {
            main.privacy .section.one .inner-title h2, main.accessibility .section.one .inner-title h2, main.disclaimer .section.one .inner-title h2, main.rss .section.one .inner-title h2 {
              font-size: 6vw;
              margin-top: 15px; } }
          @media only screen and (max-width: 480px) {
            main.privacy .section.one .inner-title h2, main.accessibility .section.one .inner-title h2, main.disclaimer .section.one .inner-title h2, main.rss .section.one .inner-title h2 {
              font-size: 10vw; } }
    main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
      background-color: #EBEBEB; }
      @media only screen and (max-width: 1920px) {
        main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
          padding-bottom: var(--page-margin-left-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
          padding-bottom: var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
          padding-bottom: var(--page-margin-left-xl); } }
      @media only screen and (max-width: 1024px) {
        main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
          padding-bottom: var(--page-margin-left-l); } }
      @media only screen and (max-width: 768px) {
        main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
          padding-bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.privacy .section.two, main.accessibility .section.two, main.disclaimer .section.two, main.rss .section.two {
          padding-bottom: 0; } }
      main.privacy .section.two footer .bottom, main.accessibility .section.two footer .bottom, main.disclaimer .section.two footer .bottom, main.rss .section.two footer .bottom {
        width: calc(100% - 20px) !important;
        right: 0;
        left: 0;
        margin: 0 auto; }
      main.privacy .section.two .action-bar, main.accessibility .section.two .action-bar, main.disclaimer .section.two .action-bar, main.rss .section.two .action-bar {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        color: var(--color-five-hex);
        border-bottom: 1px solid #535e679c; }
        @media only screen and (max-width: 1280px) {
          main.privacy .section.two .action-bar, main.accessibility .section.two .action-bar, main.disclaimer .section.two .action-bar, main.rss .section.two .action-bar {
            justify-content: flex-end; } }
        main.privacy .section.two .action-bar .search-btn, main.accessibility .section.two .action-bar .search-btn, main.disclaimer .section.two .action-bar .search-btn, main.rss .section.two .action-bar .search-btn {
          order: 1;
          text-align: right;
          font-size: 12px;
          width: 243%;
          border-right: 1px solid #535e679c;
          padding: 18px 0;
          padding-right: 10px; }
          @media only screen and (max-width: 1024px) {
            main.privacy .section.two .action-bar .search-btn, main.accessibility .section.two .action-bar .search-btn, main.disclaimer .section.two .action-bar .search-btn, main.rss .section.two .action-bar .search-btn {
              width: 140%; } }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            main.privacy .section.two .action-bar .search-btn, main.accessibility .section.two .action-bar .search-btn, main.disclaimer .section.two .action-bar .search-btn, main.rss .section.two .action-bar .search-btn {
              width: 130px; } }
          @media only screen and (max-width: 480px) {
            main.privacy .section.two .action-bar .search-btn, main.accessibility .section.two .action-bar .search-btn, main.disclaimer .section.two .action-bar .search-btn, main.rss .section.two .action-bar .search-btn {
              width: 79px;
              border-left: 1px solid #535e679c;
              text-align: center; }
              main.privacy .section.two .action-bar .search-btn span, main.accessibility .section.two .action-bar .search-btn span, main.disclaimer .section.two .action-bar .search-btn span, main.rss .section.two .action-bar .search-btn span {
                display: none; } }
          main.privacy .section.two .action-bar .search-btn svg, main.accessibility .section.two .action-bar .search-btn svg, main.disclaimer .section.two .action-bar .search-btn svg, main.rss .section.two .action-bar .search-btn svg {
            margin-left: 10px; }
        main.privacy .section.two .action-bar .sort-btn, main.accessibility .section.two .action-bar .sort-btn, main.disclaimer .section.two .action-bar .sort-btn, main.rss .section.two .action-bar .sort-btn {
          order: 2;
          width: 30%;
          font-size: 12px;
          padding-left: 20px; }
          main.privacy .section.two .action-bar .sort-btn select, main.accessibility .section.two .action-bar .sort-btn select, main.disclaimer .section.two .action-bar .sort-btn select, main.rss .section.two .action-bar .sort-btn select {
            border: 0;
            background: transparent;
            font-weight: 700;
            font-size: 12px;
            color: var(--color-five-hex); }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            main.privacy .section.two .action-bar .sort-btn, main.accessibility .section.two .action-bar .sort-btn, main.disclaimer .section.two .action-bar .sort-btn, main.rss .section.two .action-bar .sort-btn {
              width: 200px; } }
          @media only screen and (max-width: 480px) {
            main.privacy .section.two .action-bar .sort-btn, main.accessibility .section.two .action-bar .sort-btn, main.disclaimer .section.two .action-bar .sort-btn, main.rss .section.two .action-bar .sort-btn {
              width: 70px;
              font-size: 12px;
              padding-left: 10px;
              padding-right: 20px;
              text-align: right; }
              main.privacy .section.two .action-bar .sort-btn span, main.accessibility .section.two .action-bar .sort-btn span, main.disclaimer .section.two .action-bar .sort-btn span, main.rss .section.two .action-bar .sort-btn span {
                display: none; } }
        main.privacy .section.two .action-bar .custom-select-container, main.accessibility .section.two .action-bar .custom-select-container, main.disclaimer .section.two .action-bar .custom-select-container, main.rss .section.two .action-bar .custom-select-container {
          width: 100%;
          order: 0; }
          @media only screen and (min-width: 769px) {
            main.privacy .section.two .action-bar .custom-select-container, main.accessibility .section.two .action-bar .custom-select-container, main.disclaimer .section.two .action-bar .custom-select-container, main.rss .section.two .action-bar .custom-select-container {
              display: none; } }
          @media only screen and (max-width: 1024px) {
            main.privacy .section.two .action-bar .custom-select-container, main.accessibility .section.two .action-bar .custom-select-container, main.disclaimer .section.two .action-bar .custom-select-container, main.rss .section.two .action-bar .custom-select-container {
              padding-left: calc(26vw + 34px - 20px); } }
          @media only screen and (min-width: 481px) and (max-width: 768px) {
            main.privacy .section.two .action-bar .custom-select-container, main.accessibility .section.two .action-bar .custom-select-container, main.disclaimer .section.two .action-bar .custom-select-container, main.rss .section.two .action-bar .custom-select-container {
              padding-left: calc(var(--page-margin-right-ml) - 20px);
              width: 90%; } }
          @media only screen and (max-width: 480px) {
            main.privacy .section.two .action-bar .custom-select-container, main.accessibility .section.two .action-bar .custom-select-container, main.disclaimer .section.two .action-bar .custom-select-container, main.rss .section.two .action-bar .custom-select-container {
              padding-left: 0; } }
        main.privacy .section.two .action-bar .custom-select, main.accessibility .section.two .action-bar .custom-select, main.disclaimer .section.two .action-bar .custom-select, main.rss .section.two .action-bar .custom-select {
          position: relative;
          margin-left: auto;
          text-transform: uppercase;
          font-size: 12px;
          font-weight: 700;
          width: 300px; }
          @media only screen and (max-width: 1280px) {
            main.privacy .section.two .action-bar .custom-select, main.accessibility .section.two .action-bar .custom-select, main.disclaimer .section.two .action-bar .custom-select, main.rss .section.two .action-bar .custom-select {
              width: 100%; } }
          main.privacy .section.two .action-bar .custom-select select, main.accessibility .section.two .action-bar .custom-select select, main.disclaimer .section.two .action-bar .custom-select select, main.rss .section.two .action-bar .custom-select select {
            display: none; }
          main.privacy .section.two .action-bar .custom-select .select-selected, main.accessibility .section.two .action-bar .custom-select .select-selected, main.disclaimer .section.two .action-bar .custom-select .select-selected, main.rss .section.two .action-bar .custom-select .select-selected {
            background-color: transparent; }
            main.privacy .section.two .action-bar .custom-select .select-selected.select-arrow-active:after, main.accessibility .section.two .action-bar .custom-select .select-selected.select-arrow-active:after, main.disclaimer .section.two .action-bar .custom-select .select-selected.select-arrow-active:after, main.rss .section.two .action-bar .custom-select .select-selected.select-arrow-active:after {
              border-color: transparent transparent var(--color-five-hex) transparent;
              top: 7px; }
            main.privacy .section.two .action-bar .custom-select .select-selected svg, main.accessibility .section.two .action-bar .custom-select .select-selected svg, main.disclaimer .section.two .action-bar .custom-select .select-selected svg, main.rss .section.two .action-bar .custom-select .select-selected svg {
              margin-left: 8px;
              padding-top: 1px; }
          main.privacy .section.two .action-bar .custom-select .select-items div, main.accessibility .section.two .action-bar .custom-select .select-items div, main.disclaimer .section.two .action-bar .custom-select .select-items div, main.rss .section.two .action-bar .custom-select .select-items div {
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
          main.privacy .section.two .action-bar .custom-select .select-items div, main.privacy .section.two .action-bar .custom-select .select-selected, main.accessibility .section.two .action-bar .custom-select .select-items div, main.accessibility .section.two .action-bar .custom-select .select-selected, main.disclaimer .section.two .action-bar .custom-select .select-items div, main.disclaimer .section.two .action-bar .custom-select .select-selected, main.rss .section.two .action-bar .custom-select .select-items div, main.rss .section.two .action-bar .custom-select .select-selected {
            padding: 8px 8px 8px 20px;
            cursor: pointer; }
          main.privacy .section.two .action-bar .custom-select .select-items div, main.accessibility .section.two .action-bar .custom-select .select-items div, main.disclaimer .section.two .action-bar .custom-select .select-items div, main.rss .section.two .action-bar .custom-select .select-items div {
            color: white; }
          main.privacy .section.two .action-bar .custom-select .select-items, main.accessibility .section.two .action-bar .custom-select .select-items, main.disclaimer .section.two .action-bar .custom-select .select-items, main.rss .section.two .action-bar .custom-select .select-items {
            position: absolute;
            background-color: var(--color-one-hex);
            top: calc(100% + 10px);
            width: 100vw;
            left: 0;
            right: 0;
            z-index: 99; }
            main.privacy .section.two .action-bar .custom-select .select-items.select-hide, main.accessibility .section.two .action-bar .custom-select .select-items.select-hide, main.disclaimer .section.two .action-bar .custom-select .select-items.select-hide, main.rss .section.two .action-bar .custom-select .select-items.select-hide {
              display: none; }
          main.privacy .section.two .action-bar .custom-select .select-items div:hover, main.privacy .section.two .action-bar .custom-select .same-as-selected, main.accessibility .section.two .action-bar .custom-select .select-items div:hover, main.accessibility .section.two .action-bar .custom-select .same-as-selected, main.disclaimer .section.two .action-bar .custom-select .select-items div:hover, main.disclaimer .section.two .action-bar .custom-select .same-as-selected, main.rss .section.two .action-bar .custom-select .select-items div:hover, main.rss .section.two .action-bar .custom-select .same-as-selected {
            background-color: var(--color-two-hex); }
      main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
        padding: 120px var(--page-margin-right) 140px var(--page-margin-left); }
        @media only screen and (min-width: 769px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; } }
        @media only screen and (max-width: 1920px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            padding: var(--page-margin-top-xxxl) var(--page-margin-right-xxxl) 0 var(--page-margin-left-xxxl); } }
        @media only screen and (max-width: 1440px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            padding: var(--page-margin-left-xxl);
            padding-top: var(--page-margin-top-xxl); } }
        @media only screen and (max-width: 1280px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            padding: var(--page-margin-left-xl);
            flex-wrap: wrap; } }
        @media only screen and (max-width: 1024px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            padding: var(--page-margin-top-l) var(--page-margin-left-l); } }
        @media only screen and (max-width: 768px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            padding: var(--page-margin-left-ml); } }
        @media only screen and (max-width: 480px) {
          main.privacy .section.two .pages, main.accessibility .section.two .pages, main.disclaimer .section.two .pages, main.rss .section.two .pages {
            padding: var(--page-margin-left-m);
            padding-bottom: 50px; } }
        main.privacy .section.two .pages .pinned, main.accessibility .section.two .pages .pinned, main.disclaimer .section.two .pages .pinned, main.rss .section.two .pages .pinned {
          width: calc(23% - 22.5px);
          margin-right: 22px;
          position: relative;
          height: 550px; }
          @media only screen and (max-width: 1280px) {
            main.privacy .section.two .pages .pinned, main.accessibility .section.two .pages .pinned, main.disclaimer .section.two .pages .pinned, main.rss .section.two .pages .pinned {
              width: calc(26% - 17.5px);
              margin-right: 17px; } }
          @media only screen and (max-width: 1024px) {
            main.privacy .section.two .pages .pinned, main.accessibility .section.two .pages .pinned, main.disclaimer .section.two .pages .pinned, main.rss .section.two .pages .pinned {
              width: calc(30% - 8.5px);
              margin-right: 8px; } }
          @media only screen and (max-width: 768px) {
            main.privacy .section.two .pages .pinned, main.accessibility .section.two .pages .pinned, main.disclaimer .section.two .pages .pinned, main.rss .section.two .pages .pinned {
              display: none; } }
          main.privacy .section.two .pages .pinned .image, main.accessibility .section.two .pages .pinned .image, main.disclaimer .section.two .pages .pinned .image, main.rss .section.two .pages .pinned .image {
            height: calc(40vh - 40px);
            background-size: cover; }
          main.privacy .section.two .pages .pinned .types, main.accessibility .section.two .pages .pinned .types, main.disclaimer .section.two .pages .pinned .types, main.rss .section.two .pages .pinned .types {
            position: relative;
            z-index: 2;
            height: 550px; }
            main.privacy .section.two .pages .pinned .types a, main.accessibility .section.two .pages .pinned .types a, main.disclaimer .section.two .pages .pinned .types a, main.rss .section.two .pages .pinned .types a {
              color: inherit; }
            main.privacy .section.two .pages .pinned .types .type, main.accessibility .section.two .pages .pinned .types .type, main.disclaimer .section.two .pages .pinned .types .type, main.rss .section.two .pages .pinned .types .type {
              font-weight: 600;
              color: #535e67;
              font-size: 16px;
              padding: 15px 32px;
              position: relative;
              cursor: pointer;
              height: 53px;
              line-height: 1.8;
              -webkit-transition: background 0.2s ease-in-out;
              -moz-transition: background 0.2s ease-in-out;
              -ms-transition: background 0.2s ease-in-out;
              -o-transition: background 0.2s ease-in-out;
              transition: background 0.2s ease-in-out; }
              @media only screen and (max-width: 1920px) {
                main.privacy .section.two .pages .pinned .types .type, main.accessibility .section.two .pages .pinned .types .type, main.disclaimer .section.two .pages .pinned .types .type, main.rss .section.two .pages .pinned .types .type {
                  font-size: 15px;
                  padding: 12px 17px;
                  height: 46px; } }
              @media only screen and (max-width: 1440px) {
                main.privacy .section.two .pages .pinned .types .type, main.accessibility .section.two .pages .pinned .types .type, main.disclaimer .section.two .pages .pinned .types .type, main.rss .section.two .pages .pinned .types .type {
                  font-size: 14px;
                  padding: 12px 16px;
                  height: 46px; } }
              @media only screen and (max-width: 1280px) {
                main.privacy .section.two .pages .pinned .types .type, main.accessibility .section.two .pages .pinned .types .type, main.disclaimer .section.two .pages .pinned .types .type, main.rss .section.two .pages .pinned .types .type {
                  font-size: 13px;
                  height: 36px;
                  padding: 12px 8px; } }
              @media only screen and (max-width: 1024px) {
                main.privacy .section.two .pages .pinned .types .type, main.accessibility .section.two .pages .pinned .types .type, main.disclaimer .section.two .pages .pinned .types .type, main.rss .section.two .pages .pinned .types .type {
                  font-size: 11.5px;
                  padding: 14px 17px;
                  height: 43px; } }
              main.privacy .section.two .pages .pinned .types .type:hover:not(.selected) span, main.privacy .section.two .pages .pinned .types .type:focus span, main.accessibility .section.two .pages .pinned .types .type:hover:not(.selected) span, main.accessibility .section.two .pages .pinned .types .type:focus span, main.disclaimer .section.two .pages .pinned .types .type:hover:not(.selected) span, main.disclaimer .section.two .pages .pinned .types .type:focus span, main.rss .section.two .pages .pinned .types .type:hover:not(.selected) span, main.rss .section.two .pages .pinned .types .type:focus span {
                color: black;
                -webkit-transform: translateY(-100%);
                -moz-transform: translateY(-100%);
                transform: translateY(-100%); }
              main.privacy .section.two .pages .pinned .types .type .type-in, main.accessibility .section.two .pages .pinned .types .type .type-in, main.disclaimer .section.two .pages .pinned .types .type .type-in, main.rss .section.two .pages .pinned .types .type .type-in {
                overflow: hidden; }
              main.privacy .section.two .pages .pinned .types .type span, main.accessibility .section.two .pages .pinned .types .type span, main.disclaimer .section.two .pages .pinned .types .type span, main.rss .section.two .pages .pinned .types .type span {
                position: relative;
                display: inline-block;
                -webkit-transition: transform, 0.3s;
                -moz-transition: transform, 0.3s;
                -ms-transition: transform, 0.3s;
                -o-transition: transform, 0.3s;
                transition: transform, 0.3s;
                width: 100%; }
                main.privacy .section.two .pages .pinned .types .type span::before, main.accessibility .section.two .pages .pinned .types .type span::before, main.disclaimer .section.two .pages .pinned .types .type span::before, main.rss .section.two .pages .pinned .types .type span::before {
                  position: absolute;
                  content: attr(data-hover);
                  top: calc(100% + 1px);
                  font-size: 16px;
                  -webkit-transform: translate3d(0, 0, 0);
                  -moz-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
                  left: 0;
                  right: 0; }
                  @media only screen and (max-width: 1920px) {
                    main.privacy .section.two .pages .pinned .types .type span::before, main.accessibility .section.two .pages .pinned .types .type span::before, main.disclaimer .section.two .pages .pinned .types .type span::before, main.rss .section.two .pages .pinned .types .type span::before {
                      font-size: 15px; } }
                  @media only screen and (max-width: 1440px) {
                    main.privacy .section.two .pages .pinned .types .type span::before, main.accessibility .section.two .pages .pinned .types .type span::before, main.disclaimer .section.two .pages .pinned .types .type span::before, main.rss .section.two .pages .pinned .types .type span::before {
                      font-size: 14px; } }
                  @media only screen and (max-width: 1280px) {
                    main.privacy .section.two .pages .pinned .types .type span::before, main.accessibility .section.two .pages .pinned .types .type span::before, main.disclaimer .section.two .pages .pinned .types .type span::before, main.rss .section.two .pages .pinned .types .type span::before {
                      font-size: 13px; } }
                  @media only screen and (max-width: 1024px) {
                    main.privacy .section.two .pages .pinned .types .type span::before, main.accessibility .section.two .pages .pinned .types .type span::before, main.disclaimer .section.two .pages .pinned .types .type span::before, main.rss .section.two .pages .pinned .types .type span::before {
                      font-size: calc(var(--menu-links-text-font-size) - 3px); } }
              main.privacy .section.two .pages .pinned .types .type.selected, main.accessibility .section.two .pages .pinned .types .type.selected, main.disclaimer .section.two .pages .pinned .types .type.selected, main.rss .section.two .pages .pinned .types .type.selected {
                color: var(--color-four-hex);
                background-color: #fff;
                border-radius: var(--menu-border-radius);
                border-left: 2px solid var(--color-four-hex);
                border-right: 2px solid var(--color-four-hex);
                z-index: 1;
                padding: 15px 0;
                padding-left: 38px;
                left: -2px;
                box-sizing: border-box;
                line-height: 1.5;
                width: calc(100% + 6px);
                box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); }
                @media only screen and (max-width: 1920px) {
                  main.privacy .section.two .pages .pinned .types .type.selected, main.accessibility .section.two .pages .pinned .types .type.selected, main.disclaimer .section.two .pages .pinned .types .type.selected, main.rss .section.two .pages .pinned .types .type.selected {
                    height: 46px;
                    padding: 13px 0;
                    padding-left: 23px;
                    margin-left: 6px;
                    left: -8px; } }
                @media only screen and (max-width: 1440px) {
                  main.privacy .section.two .pages .pinned .types .type.selected, main.accessibility .section.two .pages .pinned .types .type.selected, main.disclaimer .section.two .pages .pinned .types .type.selected, main.rss .section.two .pages .pinned .types .type.selected {
                    padding: 12px 0px;
                    padding-left: 23px;
                    height: 46px; } }
                @media only screen and (max-width: 1280px) {
                  main.privacy .section.two .pages .pinned .types .type.selected, main.accessibility .section.two .pages .pinned .types .type.selected, main.disclaimer .section.two .pages .pinned .types .type.selected, main.rss .section.two .pages .pinned .types .type.selected {
                    padding: 12px 0;
                    padding-left: 14px;
                    height: 43px; } }
                @media only screen and (max-width: 1024px) {
                  main.privacy .section.two .pages .pinned .types .type.selected, main.accessibility .section.two .pages .pinned .types .type.selected, main.disclaimer .section.two .pages .pinned .types .type.selected, main.rss .section.two .pages .pinned .types .type.selected {
                    padding: 14px 0;
                    padding-left: 23px;
                    height: 43px; } }
                main.privacy .section.two .pages .pinned .types .type.selected:after, main.accessibility .section.two .pages .pinned .types .type.selected:after, main.disclaimer .section.two .pages .pinned .types .type.selected:after, main.rss .section.two .pages .pinned .types .type.selected:after {
                  content: "";
                  position: absolute;
                  width: 98%;
                  margin: 0 auto;
                  height: calc(100% + 4px);
                  top: -2px;
                  z-index: -1;
                  left: calc(50% - 49%); }
        main.privacy .section.two .pages .panes, main.accessibility .section.two .pages .panes, main.disclaimer .section.two .pages .panes, main.rss .section.two .pages .panes {
          color: #535E67;
          width: calc(77% - 22.5px);
          margin-left: 22px; }
          @media only screen and (max-width: 1280px) {
            main.privacy .section.two .pages .panes, main.accessibility .section.two .pages .panes, main.disclaimer .section.two .pages .panes, main.rss .section.two .pages .panes {
              width: calc(74% - 17.5px);
              margin-left: 17px; } }
          @media only screen and (max-width: 1024px) {
            main.privacy .section.two .pages .panes, main.accessibility .section.two .pages .panes, main.disclaimer .section.two .pages .panes, main.rss .section.two .pages .panes {
              width: calc(70% - 17.5px);
              margin-left: 17px; } }
          @media only screen and (max-width: 768px) {
            main.privacy .section.two .pages .panes, main.accessibility .section.two .pages .panes, main.disclaimer .section.two .pages .panes, main.rss .section.two .pages .panes {
              width: 100%;
              margin-left: 0; } }
          main.privacy .section.two .pages .panes .pane, main.accessibility .section.two .pages .panes .pane, main.disclaimer .section.two .pages .panes .pane, main.rss .section.two .pages .panes .pane {
            background-color: white;
            box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.07);
            padding: 70px 60px;
            margin-bottom: 50px;
            will-change: transform;
            position: relative;
            border-radius: var(--menu-border-radius); }
            @media only screen and (max-width: 600px) and (min-width: 480px) {
              main.privacy .section.two .pages .panes .pane, main.accessibility .section.two .pages .panes .pane, main.disclaimer .section.two .pages .panes .pane, main.rss .section.two .pages .panes .pane {
                min-width: calc(100vw - 2 * var(--page-margin-left-ml)); } }
            main.privacy .section.two .pages .panes .pane p, main.accessibility .section.two .pages .panes .pane p, main.disclaimer .section.two .pages .panes .pane p, main.rss .section.two .pages .panes .pane p {
              margin: 15px 0; }
              main.privacy .section.two .pages .panes .pane p:last-child, main.accessibility .section.two .pages .panes .pane p:last-child, main.disclaimer .section.two .pages .panes .pane p:last-child, main.rss .section.two .pages .panes .pane p:last-child {
                margin-bottom: 0; }
            main.privacy .section.two .pages .panes .pane a, main.accessibility .section.two .pages .panes .pane a, main.disclaimer .section.two .pages .panes .pane a, main.rss .section.two .pages .panes .pane a {
              color: var(--color-four-hex);
              text-decoration: none; }
            @media only screen and (min-width: 1441px) and (max-width: 1920px) {
              main.privacy .section.two .pages .panes .pane, main.accessibility .section.two .pages .panes .pane, main.disclaimer .section.two .pages .panes .pane, main.rss .section.two .pages .panes .pane {
                padding: 70px 60px;
                margin-bottom: 30px; } }
            @media only screen and (max-width: 1280px) {
              main.privacy .section.two .pages .panes .pane, main.accessibility .section.two .pages .panes .pane, main.disclaimer .section.two .pages .panes .pane, main.rss .section.two .pages .panes .pane {
                padding: 50px 40px;
                margin-bottom: 10px; } }
            @media only screen and (max-width: 480px) {
              main.privacy .section.two .pages .panes .pane, main.accessibility .section.two .pages .panes .pane, main.disclaimer .section.two .pages .panes .pane, main.rss .section.two .pages .panes .pane {
                padding: 20px 10px; } }
            @media only screen and (min-width: 481px) and (max-width: 768px) {
              main.privacy .section.two .pages .panes .pane, main.accessibility .section.two .pages .panes .pane, main.disclaimer .section.two .pages .panes .pane, main.rss .section.two .pages .panes .pane {
                margin-bottom: var(--page-margin-left-m); } }
            main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
              margin-top: 0;
              font-size: 56px;
              line-height: 1; }
              @media only screen and (max-width: 1920px) {
                main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
                  font-size: 50px; } }
              @media only screen and (max-width: 1440px) {
                main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
                  font-size: 47px;
                  line-height: 1.2; } }
              @media only screen and (max-width: 1280px) {
                main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
                  font-size: 34px; } }
              @media only screen and (max-width: 1024px) {
                main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
                  font-size: 28px; } }
              @media only screen and (max-width: 768px) {
                main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
                  font-size: 26px;
                  line-height: 1; } }
              @media only screen and (max-width: 480px) {
                main.privacy .section.two .pages .panes .pane .pane-title h2, main.accessibility .section.two .pages .panes .pane .pane-title h2, main.disclaimer .section.two .pages .panes .pane .pane-title h2, main.rss .section.two .pages .panes .pane .pane-title h2 {
                  font-size: 26px; } }
            main.privacy .section.two .pages .panes .pane .pane-text h5, main.privacy .section.two .pages .panes .pane .pane-text h6, main.accessibility .section.two .pages .panes .pane .pane-text h5, main.accessibility .section.two .pages .panes .pane .pane-text h6, main.disclaimer .section.two .pages .panes .pane .pane-text h5, main.disclaimer .section.two .pages .panes .pane .pane-text h6, main.rss .section.two .pages .panes .pane .pane-text h5, main.rss .section.two .pages .panes .pane .pane-text h6 {
              margin-bottom: 5px;
              margin-top: 5px; }

/*--------------------------------------------------------------
## Privacy page etc.
--------------------------------------------------------------*/
main.testhover .titles {
  display: block;
  position: absolute;
  top: 200px;
  transform: translate3d(-50%, 0px, 0px); }
  main.testhover .titles a {
    width: 100%;
    display: block; }
  main.testhover .titles__title {
    padding: 0; }
main.testhover .menu__item:hover .menu__item-sub::before {
  transform: rotate(22.5deg) scale3d(1, 1, 1); }
main.testhover .hover-reveal {
  position: absolute;
  z-index: -1;
  width: 50vw;
  height: 80vh;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0; }
main.testhover .hover-reveal__inner {
  overflow: hidden; }
main.testhover .hover-reveal__inner,
main.testhover .hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative; }
main.testhover .hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.post,
.page {
  margin: 0; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

main.posts1 .page-bg {
  width: 100%;
  height: 560px;
  position: absolute;
  top: 0; }
  main.posts1 .page-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
main.posts1 .section {
  position: relative; }
  main.posts1 .section.one {
    height: 560px;
    background-color: var(--color-one-hex); }
    @media only screen and (max-width: 1920px) {
      main.posts1 .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1440px) {
      main.posts1 .section.one {
        height: 466px; } }
    @media only screen and (max-width: 1280px) {
      main.posts1 .section.one {
        height: 400px; } }
    @media only screen and (max-width: 1024px) {
      main.posts1 .section.one {
        height: 350px; } }
    @media only screen and (max-width: 768px) {
      main.posts1 .section.one {
        height: 280px; } }
    main.posts1 .section.one .section-in {
      padding: 80px var(--page-margin-right) 80px var(--page-margin-left);
      background-color: rgba(16, 59, 81, 0.2);
      height: 100%; }
      @media only screen and (max-width: 1920px) {
        main.posts1 .section.one .section-in {
          padding: var(--page-margin-left-xxxl);
          padding-bottom: 50px; } }
      @media only screen and (max-width: 1440px) {
        main.posts1 .section.one .section-in {
          padding: var(--page-margin-left-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.posts1 .section.one .section-in {
          padding: var(--page-margin-left-xl);
          flex-wrap: wrap; } }
      @media only screen and (max-width: 1024px) {
        main.posts1 .section.one .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l);
          top: 74px; } }
      @media only screen and (max-width: 768px) {
        main.posts1 .section.one .section-in {
          padding: var(--page-margin-left-ml);
          background-color: transparent; } }
      @media only screen and (max-width: 480px) {
        main.posts1 .section.one .section-in {
          padding: var(--page-margin-left-m);
          padding-bottom: 0; } }
      main.posts1 .section.one .section-in .image-mob {
        display: none;
        width: 100%;
        margin-right: 0;
        position: absolute;
        height: 100%;
        left: 0;
        z-index: -1;
        top: 0;
        opacity: 0.8;
        background-size: cover;
        /* visibility: hidden; */
        background-position: center; }
        @media only screen and (max-width: 768px) {
          main.posts1 .section.one .section-in .image-mob {
            display: block; } }
    main.posts1 .section.one .small-title {
      left: 0;
      color: #fff;
      display: flex;
      justify-content: left;
      position: absolute;
      transform-origin: 0% 0%;
      will-change: transform;
      width: 45vw;
      z-index: 160;
      top: -15px; }
      @media only screen and (max-width: 768px) {
        main.posts1 .section.one .small-title {
          width: 50vw; } }
      main.posts1 .section.one .small-title a {
        color: white;
        text-decoration: none; }
      main.posts1 .section.one .small-title h6 {
        margin: 0;
        /* margin-bottom: 1em; */
        letter-spacing: 1px;
        /* margin-bottom: 1em; */
        line-height: 1;
        padding-left: 0;
        font-weight: 600;
        font-size: 19px; }
        @media only screen and (max-width: 1440px) {
          main.posts1 .section.one .small-title h6 {
            font-size: 17px; } }
        @media only screen and (max-width: 1280px) {
          main.posts1 .section.one .small-title h6 {
            font-size: 16px; } }
        @media only screen and (max-width: 1024px) {
          main.posts1 .section.one .small-title h6 {
            font-size: 15px; } }
        @media only screen and (max-width: 768px) {
          main.posts1 .section.one .small-title h6 {
            font-size: 14px;
            letter-spacing: 1; } }
        @media only screen and (max-width: 480px) {
          main.posts1 .section.one .small-title h6 {
            font-size: 13px; } }
    main.posts1 .section.one .inner-title {
      bottom: 60px;
      color: white;
      display: flex;
      align-items: top;
      justify-content: left;
      letter-spacing: -0.1vw;
      line-height: 5.1vw;
      font-size: 5.2vw;
      position: absolute;
      transform-origin: 0% 0%;
      padding-top: 1.5vw;
      will-change: transform;
      width: 65%;
      z-index: 160;
      width: calc(100% - 2*var(--page-margin-left)); }
      @media only screen and (max-width: 1920px) {
        main.posts1 .section.one .inner-title {
          bottom: 50px;
          width: calc(100% - 2*var(--page-margin-left-xxxl)); } }
      @media only screen and (max-width: 768px) {
        main.posts1 .section.one .inner-title {
          top: 68px;
          width: 80%;
          z-index: 160;
          line-height: 0.85;
          padding-top: 1vw;
          margin-top: 125px;
          bottom: unset; } }
      main.posts1 .section.one .inner-title h2 {
        margin-top: 0;
        color: white;
        opacity: 1;
        font-size: 5.2vw;
        line-height: 1.04;
        visibility: visible;
        display: none;
        cursor: pointer;
        pointer-events: all; }
        main.posts1 .section.one .inner-title h2.current {
          visibility: visible;
          display: block; }
        @media only screen and (max-width: 1024px) {
          main.posts1 .section.one .inner-title h2 {
            font-size: 5.2vw; } }
        @media only screen and (max-width: 768px) {
          main.posts1 .section.one .inner-title h2 {
            font-size: 5.5vw;
            margin-top: 0; } }
        @media only screen and (max-width: 480px) {
          main.posts1 .section.one .inner-title h2 {
            font-size: 8.5vw; } }
  main.posts1 .section.two {
    background-color: var(--bg-color-light-hex);
    overflow: hidden;
    min-height: calc(100vh - 560px); }
    @media only screen and (max-width: 1920px) {
      main.posts1 .section.two {
        min-height: calc(100vh - 466px); } }
    @media only screen and (max-width: 1440px) {
      main.posts1 .section.two {
        min-height: calc(100vh - 466px); } }
    @media only screen and (max-width: 1280px) {
      main.posts1 .section.two {
        min-height: calc(100vh - 400px); } }
    @media only screen and (max-width: 1024px) {
      main.posts1 .section.two {
        min-height: calc(100vh - 350px);
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
    @media only screen and (max-width: 768px) {
      main.posts1 .section.two {
        min-height: calc(100vh - 280px);
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
    main.posts1 .section.two .section-in {
      padding: 120px var(--page-margin-right) 210px var(--page-margin-left);
      padding-bottom: calc(var(--page-margin-left) + 20px + 40px); }
      @media only screen and (max-width: 1920px) {
        main.posts1 .section.two .section-in {
          padding: var(--page-margin-left-xxxl);
          padding-right: calc(var(--page-margin-right-xxxl) - 12px);
          padding-bottom: calc(var(--page-margin-left-xxxl) + 20px + 40px);
          padding-top: var(--page-margin-top-xxxl); } }
      @media only screen and (max-width: 1440px) {
        main.posts1 .section.two .section-in {
          padding: var(--page-margin-left-xxl);
          padding-right: calc(var(--page-margin-right-xxl) - 12px);
          padding-bottom: calc(var(--page-margin-left-xxl) + 20px + 40px);
          padding-top: var(--page-margin-top-xxl); } }
      @media only screen and (max-width: 1280px) {
        main.posts1 .section.two .section-in {
          padding: var(--page-margin-left-xl);
          flex-wrap: wrap;
          padding-right: calc(var(--page-margin-right-xl) - 12px);
          padding-bottom: calc(var(--page-margin-left-xl) + 20px + 40px);
          padding-top: var(--page-margin-top-xl); } }
      @media only screen and (max-width: 1024px) {
        main.posts1 .section.two .section-in {
          padding: var(--page-margin-top-l) var(--page-margin-left-l);
          padding-right: calc(var(--page-margin-right-l) - 12px);
          padding-bottom: calc(var(--page-margin-left-l) + 20px + 40px);
          padding-top: var(--page-margin-top-l); } }
      @media only screen and (min-width: 769px) and (max-width: 900px) {
        main.posts1 .section.two .section-in {
          padding-bottom: 0; } }
      @media only screen and (max-width: 768px) {
        main.posts1 .section.two .section-in {
          padding: var(--page-margin-left-ml);
          padding-bottom: 0; } }
      @media only screen and (max-width: 480px) {
        main.posts1 .section.two .section-in {
          padding: var(--page-margin-left-m);
          padding-bottom: 0; }
          main.posts1 .section.two .section-in p.department {
            margin-top: 31px !important; } }
    main.posts1 .section.two .custom-select-container {
      width: 100%;
      order: 0;
      color: var(--color-five-hex); }
      @media only screen and (min-width: 769px) {
        main.posts1 .section.two .custom-select-container {
          display: none; } }
      @media only screen and (max-width: 1024px) {
        main.posts1 .section.two .custom-select-container {
          padding-left: calc(26vw + 34px - 20px); } }
      @media only screen and (max-width: 768px) {
        main.posts1 .section.two .custom-select-container {
          height: 53px;
          display: flex;
          align-items: center;
          border-bottom: 1px solid #535e679c; } }
      @media only screen and (min-width: 481px) and (max-width: 768px) {
        main.posts1 .section.two .custom-select-container {
          padding-left: calc(var(--page-margin-right-ml) - 20px);
          width: 100%; } }
      @media only screen and (max-width: 480px) {
        main.posts1 .section.two .custom-select-container {
          padding-left: calc(var(--page-margin-right-m) - 20px); } }
    main.posts1 .section.two .custom-select {
      position: relative;
      margin-left: auto;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 700;
      width: 300px; }
      @media only screen and (max-width: 1280px) {
        main.posts1 .section.two .custom-select {
          width: 100%; } }
      main.posts1 .section.two .custom-select select {
        display: none; }
      main.posts1 .section.two .custom-select .select-selected {
        background-color: transparent; }
        main.posts1 .section.two .custom-select .select-selected.select-arrow-active:after {
          border-color: transparent transparent var(--color-five-hex) transparent;
          top: 7px; }
        main.posts1 .section.two .custom-select .select-selected svg {
          margin-left: 8px;
          padding-top: 1px; }
      main.posts1 .section.two .custom-select .select-items div {
        padding-bottom: 15px; }
      main.posts1 .section.two .custom-select .select-selected {
        padding: 8px 8px 8px 20px;
        cursor: pointer; }
        @media only screen and (max-width: 480px) {
          main.posts1 .section.two .custom-select .select-selected {
            padding: 8px 8px 8px var(--page-margin-left-m); } }
      main.posts1 .section.two .custom-select .select-items div {
        color: var(--color-five-hex);
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 3px; }
      main.posts1 .section.two .custom-select .select-container {
        position: fixed;
        background-color: #eeeeee75;
        top: 0;
        -webkit-backdrop-filter: blur(var(--menu-blur));
        backdrop-filter: blur(var(--menu-blur));
        width: 100vw;
        left: 0;
        color: var(--color-five-hex);
        right: 0;
        display: flex;
        height: 100vh;
        /* justify-content: center; */
        z-index: 399;
        align-items: center;
        flex-wrap: wrap;
        opacity: 0;
        visibility: hidden; }
        main.posts1 .section.two .custom-select .select-container.select-hide {
          display: none; }
      main.posts1 .section.two .custom-select .select-items {
        width: 100%; }
      main.posts1 .section.two .custom-select .same-as-selected {
        color: var(--color-four-hex); }
    main.posts1 .section.two .categories {
      width: 100%;
      display: block;
      text-align: center;
      padding: 0;
      background: transparent;
      margin: 0 auto;
      margin-bottom: 2px;
      height: 53px;
      position: relative;
      border-bottom: 1px solid #535e679c; }
      @media only screen and (max-width: 1024px) {
        main.posts1 .section.two .categories {
          height: 48px; } }
      @media only screen and (max-width: 768px) {
        main.posts1 .section.two .categories {
          display: none; } }
      main.posts1 .section.two .categories .line {
        position: absolute;
        bottom: 0;
        background-color: #01559D;
        height: 5px; }
      main.posts1 .section.two .categories .category {
        /* float: left; */
        display: inline-block;
        cursor: pointer;
        font-weight: 600;
        padding: 18px 20px;
        margin: 0 auto;
        font-size: 12px;
        color: var(--color-five-hex); }
        @media only screen and (max-width: 1024px) {
          main.posts1 .section.two .categories .category {
            padding: 14px 10px;
            font-size: 12px; } }
    main.posts1 .section.two .news-container {
      display: block; }
      main.posts1 .section.two .news-container:after {
        content: "";
        display: table;
        clear: both; }
      main.posts1 .section.two .news-container .news-item {
        float: left;
        padding-right: 12px;
        opacity: 0;
        color: var(--color-five-hex);
        margin-bottom: 12px;
        border-radius: var(--menu-border-radius);
        position: relative; }
        @media only screen and (max-width: 768px) {
          main.posts1 .section.two .news-container .news-item {
            padding-right: 0; } }
        main.posts1 .section.two .news-container .news-item:last-child {
          margin-bottom: 0; }
        main.posts1 .section.two .news-container .news-item .news-content {
          display: none; }
        main.posts1 .section.two .news-container .news-item .news-item-in {
          position: absolute;
          top: 0;
          left: 0;
          width: calc(100% - 12px);
          height: 100%;
          background: white;
          overflow: hidden;
          border-radius: var(--menu-border-radius);
          cursor: pointer; }
          @media only screen and (max-width: 768px) {
            main.posts1 .section.two .news-container .news-item .news-item-in {
              width: 100%; } }
        main.posts1 .section.two .news-container .news-item.selected-sizes {
          z-index: 1; }
          main.posts1 .section.two .news-container .news-item.selected-sizes .news-item-in {
            top: -11.5px;
            left: -10px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.full .column.one {
            border-right: 1px solid transparent; }
            main.posts1 .section.two .news-container .news-item.selected-sizes.full .column.one .news-category, main.posts1 .section.two .news-container .news-item.selected-sizes.full .column.one .news-date {
              padding-left: 60px; }
            main.posts1 .section.two .news-container .news-item.selected-sizes.full .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.posts1 .section.two .news-container .news-item.selected-sizes.full .column.one .news-date {
              padding-bottom: 11.5px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-category, main.posts1 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-date {
            padding-top: 17px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-category {
            padding-left: 60px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.one .news-date {
            padding-right: 61.5px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.third:not(.invalidate) .news-item-in .column.two {
            padding-left: 70px;
            padding-top: 65px;
            padding-right: 70px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one {
            border-right: 1px solid transparent; }
            main.posts1 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-date {
              padding-left: 60px; }
            main.posts1 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.posts1 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.one .news-date {
              padding-bottom: 11.5px; }
          main.posts1 .section.two .news-container .news-item.selected-sizes.two-thirds:not(.invalidate) .column.two {
            width: calc(75% + 10px); }
        @media only screen and (min-width: 769px) {
          main.posts1 .section.two .news-container .news-item:hover {
            z-index: 100; }
            main.posts1 .section.two .news-container .news-item:hover .column.one {
              border-right: 0 !important;
              border-bottom: 0 !important; }
              main.posts1 .section.two .news-container .news-item:hover .column.one .news-category {
                padding-top: 11.5px;
                border-bottom: 0 !important;
                border-right: 0 !important; }
              main.posts1 .section.two .news-container .news-item:hover .column.one .news-date {
                border-bottom: 0 !important; } }
        main.posts1 .section.two .news-container .news-item.selected {
          box-shadow: 0 0 60px 8px rgba(0, 0, 0, 0.2);
          z-index: 1;
          border-radius: var(--menu-border-radius); }
          main.posts1 .section.two .news-container .news-item.selected .news-item-in {
            border-radius: var(--menu-border-radius);
            top: -11.5px;
            left: -10px; }
          main.posts1 .section.two .news-container .news-item.selected.full .news-item-in {
            height: 200px;
            width: calc(100% + 20px); }
          main.posts1 .section.two .news-container .news-item.selected.full .column.one {
            width: calc(16.66% + 10px);
            border-right: 1px solid transparent; }
            main.posts1 .section.two .news-container .news-item.selected.full .column.one .news-category, main.posts1 .section.two .news-container .news-item.selected.full .column.one .news-date {
              padding-left: 60px; }
            main.posts1 .section.two .news-container .news-item.selected.full .column.one .news-category {
              padding-top: 11.5px;
              border-bottom: 1px solid transparent; }
            main.posts1 .section.two .news-container .news-item.selected.full .column.one .news-date {
              padding-bottom: 11.5px; }
          main.posts1 .section.two .news-container .news-item.selected.full .column.two {
            width: calc(83.34% + 10px); }
          @media only screen and (min-width: 769px) {
            main.posts1 .section.two .news-container .news-item.selected.third .news-item-in {
              height: 520px;
              width: calc(100% + 20px); }
              main.posts1 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-category, main.posts1 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-date {
                padding-top: 17px; }
              main.posts1 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-category {
                padding-left: 60px; }
              main.posts1 .section.two .news-container .news-item.selected.third .news-item-in .column.one .news-date {
                padding-right: 61.5px; }
              main.posts1 .section.two .news-container .news-item.selected.third .news-item-in .column.two {
                padding-left: 70px;
                padding-top: 65px;
                padding-right: 70px; } }
          @media only screen and (min-width: 769px) {
            main.posts1 .section.two .news-container .news-item.selected.two-thirds .news-item-in {
              height: 270px;
              width: calc(100% + 20px); }
            main.posts1 .section.two .news-container .news-item.selected.two-thirds .column.one {
              width: calc(25% + 10px);
              border-right: 1px solid transparent; }
              main.posts1 .section.two .news-container .news-item.selected.two-thirds .column.one .news-category, main.posts1 .section.two .news-container .news-item.selected.two-thirds .column.one .news-date {
                padding-left: 60px; }
              main.posts1 .section.two .news-container .news-item.selected.two-thirds .column.one .news-category {
                padding-top: 11.5px;
                border-bottom: 1px solid transparent; }
              main.posts1 .section.two .news-container .news-item.selected.two-thirds .column.one .news-date {
                padding-bottom: 11.5px; }
            main.posts1 .section.two .news-container .news-item.selected.two-thirds .column.two {
              width: calc(75% + 10px); } }
        main.posts1 .section.two .news-container .news-item .column.one .news-category, main.posts1 .section.two .news-container .news-item .column.one .news-date {
          font-size: 14px;
          background-color: white;
          font-weight: 600;
          letter-spacing: 1px;
          z-index: 1;
          position: relative; }
          @media only screen and (max-width: 1920px) {
            main.posts1 .section.two .news-container .news-item .column.one .news-category, main.posts1 .section.two .news-container .news-item .column.one .news-date {
              font-size: 13px; } }
          @media only screen and (max-width: 1440px) {
            main.posts1 .section.two .news-container .news-item .column.one .news-category, main.posts1 .section.two .news-container .news-item .column.one .news-date {
              font-size: 12px;
              letter-spacing: 0; } }
          @media only screen and (max-width: 1024px) {
            main.posts1 .section.two .news-container .news-item .column.one .news-category, main.posts1 .section.two .news-container .news-item .column.one .news-date {
              font-size: 11px; } }
          @media only screen and (max-width: 768px) {
            main.posts1 .section.two .news-container .news-item .column.one .news-category, main.posts1 .section.two .news-container .news-item .column.one .news-date {
              font-size: 11px; } }
          @media only screen and (max-width: 480px) {
            main.posts1 .section.two .news-container .news-item .column.one .news-category, main.posts1 .section.two .news-container .news-item .column.one .news-date {
              font-size: 9px; } }
          main.posts1 .section.two .news-container .news-item .column.one .news-category .colorbg, main.posts1 .section.two .news-container .news-item .column.one .news-date .colorbg {
            content: '';
            top: 0;
            width: 0%;
            position: absolute;
            left: 0;
            height: 0%;
            z-index: -1; }
          main.posts1 .section.two .news-container .news-item .column.one .news-category .cats, main.posts1 .section.two .news-container .news-item .column.one .news-date .cats {
            position: relative;
            pointer-events: all; }
            @media only screen and (max-width: 480px) {
              main.posts1 .section.two .news-container .news-item .column.one .news-category .cats span, main.posts1 .section.two .news-container .news-item .column.one .news-date .cats span {
                line-height: 1; } }
          main.posts1 .section.two .news-container .news-item .column.one .news-category .open-cat-dropdown, main.posts1 .section.two .news-container .news-item .column.one .news-date .open-cat-dropdown {
            -webkit-transition: color 0.2s ease-in-out;
            -moz-transition: color 0.2s ease-in-out;
            -ms-transition: color 0.2s ease-in-out;
            -o-transition: color 0.2s ease-in-out;
            transition: color 0.2s ease-in-out;
            pointer-events: all;
            display: inline-block;
            cursor: pointer;
            color: #000;
            border-radius: 0;
            outline: 0;
            background: transparent;
            padding: 0 8px;
            border: 0;
            font-size: 17px; }
            main.posts1 .section.two .news-container .news-item .column.one .news-category .open-cat-dropdown:hover, main.posts1 .section.two .news-container .news-item .column.one .news-date .open-cat-dropdown:hover {
              color: white; }
          main.posts1 .section.two .news-container .news-item .column.one .news-category .cat-dropdown, main.posts1 .section.two .news-container .news-item .column.one .news-date .cat-dropdown {
            position: absolute;
            width: auto;
            height: 100px;
            opacity: 0;
            height: 140px;
            background: #ffffff9c;
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
            margin-top: 5px;
            border: 1px solid #a9aeb3;
            border-radius: 4px;
            margin-top: 0;
            padding: 10px;
            visibility: hidden;
            white-space: nowrap; }
        main.posts1 .section.two .news-container .news-item .column.two {
          display: flex;
          align-items: center; }
          main.posts1 .section.two .news-container .news-item .column.two .news-title {
            font-size: 1.7vw;
            font-weight: 600;
            width: 100%; }
        @media only screen and (min-width: 769px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) {
            width: 33.333%;
            height: calc(540px + 12px); }
            main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column {
              width: 100%;
              overflow: visible; }
              main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
                margin-bottom: 4px;
                height: 135px;
                border-bottom: 1px solid #A9AEB3;
                margin-left: 4px;
                margin-right: 4px;
                width: calc(100% - 8px); } }
      @media only screen and (min-width: 769px) and (max-width: 1920px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
          height: calc(120px); } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
          height: calc(95px); } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one {
          height: calc(90px); } }
        @media only screen and (min-width: 769px) {
                main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
                  width: 50%;
                  height: calc(100% - 8px);
                  padding: 0 50px;
                  float: left;
                  align-items: center;
                  display: flex;
                  margin: 4px 0;
                  padding-right: 10px; } }
        @media only screen and (min-width: 769px) and (max-width: 1440px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 40px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1280px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 30px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 1.5vw 0 1.5vw;
            padding-right: 0.2vw; } }
        @media only screen and (min-width: 769px) and (max-width: 768px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0 2vw 0 2vw;
            padding-right: 0.5vw; } }
        @media only screen and (min-width: 769px) and (max-width: 480px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-date {
            padding: 0px 0px 0px 5px; } }
        @media only screen and (min-width: 769px) {
                main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.one .news-category {
                  border-right: 1px solid #A9AEB3; }
              main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
                display: flex;
                align-items: flex-start;
                padding: 60px; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 25px 40px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 30px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 25px; } }
      @media only screen and (min-width: 769px) and (min-width: 481px) and (max-width: 768px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two {
          padding: 0 3vw 0 3vw; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two .news-title {
          font-size: 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two .news-title {
          font-size: 23px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) .column.two .news-title {
          font-size: 2.3vw; } }

        @media only screen and (max-width: 1920px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) {
            height: calc(480px + 12px); } }
        @media only screen and (max-width: 1440px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) {
            height: calc(380px + 12px); } }
        @media only screen and (max-width: 1280px) {
          main.posts1 .section.two .news-container .news-item.full.third:not(.invalidate) {
            height: calc(360px + 12px); } }
        @media only screen and (min-width: 769px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            width: 66.6666%;
            float: right;
            height: 270px; }
            main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .news-item-in {
              display: flex; }
            main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column {
              width: 100%;
              overflow: visible;
              flex: 1 1 auto; }
              main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one {
                width: 25%;
                margin: 4px 0;
                border-right: 1px solid #A9AEB3; }
                main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
                  width: 100%;
                  height: calc(135px - 4px);
                  width: calc(100% - 8px);
                  padding: 0px 50px;
                  margin: 0 4px;
                  display: flex;
                  float: left;
                  align-items: center;
                  padding-right: 10px; } }
        @media only screen and (min-width: 769px) and (max-width: 1920px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            height: calc(120px - 4px); } }
        @media only screen and (min-width: 769px) and (max-width: 1440px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            height: calc(95px - 4px);
            padding: 0 40px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1280px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            height: calc(90px - 4px);
            padding: 0 30px;
            padding-right: 5px; } }
        @media only screen and (min-width: 769px) and (max-width: 1024px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-date {
            padding: 0 1.5vw 0 1.5vw;
            padding-right: 0.2vw; } }
        @media only screen and (min-width: 769px) {
                main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.one .news-category {
                  border-bottom: 1px solid #A9AEB3; }
              main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
                width: 75%;
                padding: 0 60px; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
          padding: 0 40px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
          padding: 0 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two {
          padding: 0 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1440px) {
        main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two .news-title {
          font-size: 25px; } }
      @media only screen and (min-width: 769px) and (max-width: 1280px) {
        main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two .news-title {
          font-size: 23px; } }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) .column.two .news-title {
          font-size: 2.3vw; } }

        @media only screen and (max-width: 1920px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            height: calc(240px); } }
        @media only screen and (max-width: 1440px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            height: calc(190px); } }
        @media only screen and (max-width: 1280px) {
          main.posts1 .section.two .news-container .news-item.full.two-thirds:not(.invalidate) {
            height: calc(180px); } }
        main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.posts1 .section.two .news-container .news-item.full.invalidate {
          height: 166px;
          width: 100%; }
          @media only screen and (max-width: 1920px) {
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.posts1 .section.two .news-container .news-item.full.invalidate {
              height: 155px; } }
          @media only screen and (max-width: 1440px) {
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.posts1 .section.two .news-container .news-item.full.invalidate {
              height: 123px; } }
          @media only screen and (max-width: 1280px) {
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.posts1 .section.two .news-container .news-item.full.invalidate {
              height: 116px; } }
          @media only screen and (max-width: 1024px) {
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.posts1 .section.two .news-container .news-item.full.invalidate {
              height: 126px; } }
          @media only screen and (max-width: 480px) {
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds), main.posts1 .section.two .news-container .news-item.full.invalidate {
              height: 150px; } }
          main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .news-item-in, main.posts1 .section.two .news-container .news-item.full.invalidate .news-item-in {
            display: flex; }
          main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column, main.posts1 .section.two .news-container .news-item.full.invalidate .column {
            flex: 1 1 auto; }
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one {
              width: calc(16.66% - 8px);
              height: calc(100% - 8px);
              margin: 4px 0;
              border-right: 1px solid #A9AEB3; }
              @media only screen and (max-width: 1024px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one {
                  width: calc(8% - 12px); } }
              @media only screen and (max-width: 768px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one {
                  width: calc(26% - 8px); } }
              @media only screen and (max-width: 480px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one {
                  width: calc(27% - 8px); } }
              main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                display: flex;
                align-items: center;
                width: calc(100% - 8px);
                padding: 0px 50px;
                margin: 0 4px;
                height: 50%;
                padding-right: 10px; }
                @media only screen and (max-width: 1440px) {
                  main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0 40px;
                    padding-right: 5px; } }
                @media only screen and (max-width: 1280px) {
                  main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0 30px;
                    padding-right: 5px; } }
                @media only screen and (max-width: 1024px) {
                  main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0 1.5vw 0 1.5vw;
                    padding-right: 0.2vw; } }
                @media only screen and (max-width: 480px) {
                  main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-date, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-date {
                    padding: 0px 0px 0px 5px; } }
              main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.one .news-category, main.posts1 .section.two .news-container .news-item.full.invalidate .column.one .news-category {
                border-bottom: 1px solid #A9AEB3; }
            main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
              width: 83.34%;
              padding: 0 60px; }
              @media only screen and (max-width: 1440px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0 40px; } }
              @media only screen and (max-width: 1280px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0 30px; } }
              @media only screen and (max-width: 1024px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0 25px; } }
              @media only screen and (max-width: 480px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
                  padding: 0px 15px; } }
              @media only screen and (max-width: 480px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
                  width: 73%; } }
              @media only screen and (max-width: 1440px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 25px; } }
              @media only screen and (max-width: 1280px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 23px; } }
              @media only screen and (max-width: 1024px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 2.3vw; } }
              @media only screen and (max-width: 768px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 18px; } }
              @media only screen and (max-width: 480px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two .news-title, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two .news-title {
                  font-size: 16.5px;
                  line-height: 1.3; } }
              @media only screen and (min-width: 769px) and (max-width: 1024px) {
                main.posts1 .section.two .news-container .news-item.full:not(.third):not(.two-thirds) .column.two, main.posts1 .section.two .news-container .news-item.full.invalidate .column.two {
                  width: 74%; } }
    @media only screen and (max-width: 900px) {
      main.posts1 .section.two footer {
        margin-top: calc(var(--page-margin-left-l) + 50px); } }
    @media only screen and (max-width: 768px) {
      main.posts1 .section.two footer {
        margin-top: calc(var(--page-margin-left-ml) + 100px); } }
    @media only screen and (max-width: 480px) {
      main.posts1 .section.two footer {
        margin-top: calc(var(--page-margin-left-m) + 100px); } }
    @media only screen and (max-width: 900px) {
      main.posts1 .section.two footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-l) - 30px);
        left: calc(-1 * var(--page-margin-left-l) + 10px);
        position: relative; } }
    @media only screen and (max-width: 768px) {
      main.posts1 .section.two footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-ml) - 20px);
        left: calc(-1 * var(--page-margin-left-ml) + 10px);
        position: relative; } }
    @media only screen and (max-width: 480px) {
      main.posts1 .section.two footer .bottom {
        width: calc(100% + 2*var(--page-margin-left-m) - 20px);
        left: calc(-1 * var(--page-margin-left-m) + 10px);
        position: relative; } }

.mobile-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  opacity: 0;
  visibility: hidden; }
  .mobile-bg .blue-mask {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: var(--color-one-hex);
    /* display: none; */
    opacity: 0.7;
    display: none; }
  @media only screen and (min-width: 1025px) {
    .mobile-bg {
      display: none; } }
  @media only screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 3 / 2) {
    .mobile-bg {
      display: block; } }
  .mobile-bg img {
    height: 100%;
    object-fit: cover;
    width: 100%; }

body {
  background-color: transparent !important; }

@media only screen and (max-width: 768px) {
  footer.site-footer.mobile.posts {
    margin-top: 50vh;
    margin-bottom: 10px; } }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer,
.infinite-scroll.neverending footer.site-footer.mobile.posts {
  display: none; }

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer, .infinity-end.neverending footer.site-footer.mobile.posts {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%; }

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr); }

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr); }

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr); }

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr); }

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr); }

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr); }

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr); }

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr); }

.gallery-caption {
  display: block; }

/*# sourceMappingURL=style.css.map */