/*!
	Theme Name:
	Theme URI: http://thodoristsirkas.com
	Description: Custom Wordpress theme for
	Version: 1.0.0
	Author: Nikos Kotsaris
	Author URI: http://thodoristsirkas.com
	Tags:

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*! normalize.css v7.0.0 | 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
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

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

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

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

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

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

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

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

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

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

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

/**
 * 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
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

/**
 * 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;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE.
 */
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;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

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

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

/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/** site variables **/
/** general styling **/
:root {
  --site-padding: 50px;
  --header-height: 123px;
  --footer-height: 378px;
  --viewport: 100vh;
  --milestonesSlideWidth: 0;
  --viewportWidth: 100vw;
  --font30: 30px;
  --font28: 28px;
  --font25: 25px;
  --font20: 20px;
  --font18: 18px;
}
@media (max-width: 1200px) {
  :root {
    --footer-height: 480px;
  }
}
@media (max-width: 600px) {
  :root {
    --site-padding: 16px;
    --header-height: 54px;
    --footer-height: 400px;
  }
}

/* ==========================================================================
   nikotsa theme
   ========================================================================== */
@font-face {
  font-family: "apercu-pro";
  src: url("../../assets/fonts/apercu-regular-pro.woff2") format("woff2"), url("../../assets/fonts/apercu-regular-pro.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "apercu-pro";
  src: url("../../assets/fonts/apercu-bold-pro.woff2") format("woff2"), url("../../assets/fonts/apercu-bold-pro.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Apercu Pro";
  src: url("../../assets/fonts/ApercuPro-Bold.woff2") format("woff2"), url("../../assets/fonts/ApercuPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: url("../../assets/fonts/ApercuPro-Regular.woff2") format("woff2"), url("../../assets/fonts/ApercuPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 16px;
  font-family: "apercu-pro";
}

body {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.site-header .menu .public-hide {
  display: none !important;
}
body.logged-in .site-header .menu .public-hide {
  display: block !important;
}

.hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.hero-section .hero-title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .hero-section .hero-title {
    font-size: 20px;
    line-height: 24px;
  }
}
.hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}

* p:first-child {
  margin-top: 0;
}
* a {
  font-family: inherit;
  text-decoration: none;
  color: #000;
}
* a:visited {
  color: inherit;
}
* a:hover {
  text-decoration: underline;
}
* button {
  background: none;
  font-family: inherit;
  border: 1px solid #000;
  color: #000;
  outline: 0;
}
* button:focus {
  outline: 0;
}
* ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-header {
  height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--site-padding);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #e3e3e3;
}
.site-header .logo {
  display: block;
}
.site-header .logo svg {
  width: 310px;
  height: auto;
}
@media (max-width: 600px) {
  .site-header .logo svg {
    width: 150px;
    height: auto;
  }
}
.site-header .logo .logo-img {
  width: 293px;
  height: auto;
}
@media (max-width: 600px) {
  .site-header .logo .logo-img {
    width: 126px;
    height: auto;
  }
}
.site-header .menu-cnt {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .site-header .menu-cnt .navigation {
    display: none;
  }
}
.site-header .menu-cnt .navigation ul {
  display: flex;
  font-size: var(--font30);
  line-height: 36px;
  font-weight: 300;
}
.site-header .menu-cnt .navigation ul .parent-menu-items {
  position: relative;
  margin-right: 1.1rem;
}
.site-header .menu-cnt .navigation ul .parent-menu-items > a::after {
  content: ",";
  display: inline-block;
  position: absolute;
}
.site-header .menu-cnt .navigation ul .parent-menu-items:last-child {
  margin-right: 0;
}
.site-header .menu-cnt .navigation ul .parent-menu-items:last-child a::after {
  display: none;
}
.site-header .menu-cnt .navigation ul .parent-menu-items.on-active {
  text-decoration: underline;
}
.site-header .menu-cnt .navigation ul .parent-menu-items.proj-menu-btn .sub-menu {
  display: flex;
  flex-flow: column;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu {
  position: fixed;
  top: calc( var(--header-height) );
  left: var(--site-padding);
  background: #fff;
  right: var(--site-padding);
  display: block;
  column-count: 3;
  padding: 2rem 4rem;
  border-radius: 11px;
  box-shadow: 3px 7px 12px 1px rgba(0, 0, 0, 0.64);
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu.open {
  opacity: 1;
  pointer-events: auto;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu li {
  position: relative;
  padding-left: 1.4rem;
  break-inside: avoid;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu li.current-menu-item::before {
  background: #000;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu li:hover a {
  text-decoration: none;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu li:hover::before {
  background: #000;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu li::after {
  display: none;
}
.site-header .menu-cnt .navigation ul .parent-menu-items .sub-menu li::before {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 11px;
}
.site-header .menu-cnt .icons {
  display: flex;
  margin-left: 2.8rem;
  align-items: center;
}
.site-header .menu-cnt .icons .lang-wrap {
  position: relative;
  width: 81px;
  height: 32px;
}
@media (max-width: 1200px) {
  .site-header .menu-cnt .icons .lang-wrap {
    display: none;
  }
}
.site-header .menu-cnt .icons .lang-cnt-desk {
  position: absolute;
  top: 0;
  margin-right: 0;
  background-color: #e3e3e3;
  transition: opacity 0.4s ease-in-out;
}
.site-header .menu-cnt .icons .lang-cnt-desk.fade {
  opacity: 0;
}
.site-header .menu-cnt .icons .lang-cnt-desk svg {
  position: absolute;
  top: 9px;
  width: 7px;
  right: 14px;
  transform: rotate(90deg);
  transition: transform 0.4s ease-in-out;
}
.site-header .menu-cnt .icons .lang-cnt-desk.show svg {
  transform: rotate(270deg);
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select {
  border: 1px solid #e3e3e3;
  cursor: pointer;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.reverse {
  display: flex;
  flex-flow: column-reverse;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.reverse li:first-child {
  display: none;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.reverse li:nth-child(2) {
  display: block;
  pointer-events: none;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.reverse.show li:first-child {
  display: block;
  pointer-events: auto;
  border-bottom: none;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.reverse.show li:nth-child(2) {
  border-bottom: 1px solid #000;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.show {
  border: 1px solid #000;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.show li:hover {
  background-color: #000;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.show li:hover a {
  color: #fff;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.show li:first-child {
  border-bottom: 1px solid #000;
  pointer-events: none;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select.show li:nth-child(2) {
  display: block;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select li {
  padding: 1.6rem 2.5rem 0.5rem 1.3rem;
  position: relative;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select li:first-child {
  pointer-events: none;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select li:nth-child(2) {
  display: none;
}
.site-header .menu-cnt .icons .lang-cnt-desk .lang-select li a {
  color: #000;
  font-family: inherit;
  font-size: var(--font18);
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 4px;
  left: 9px;
  bottom: 0;
  right: 0;
}
.site-header .menu-cnt .icons .search {
  width: 25px;
  cursor: pointer;
}
.site-header .menu-cnt .icons .search svg {
  width: 25px;
}
@media (max-width: 900px) {
  .site-header .menu-cnt .icons .search {
    display: none;
  }
}
.site-header .menu-cnt .icons .toggle-btn {
  opacity: 0.4;
  pointer-events: none;
  width: 36px;
  height: 23px;
  background: #000;
  border-radius: 48px;
  cursor: pointer;
  margin-left: 1.2rem;
  transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .site-header .menu-cnt .icons .toggle-btn {
    width: 24px;
    height: 16px;
    position: relative;
  }
}
.home .site-header .menu-cnt .icons .toggle-btn {
  opacity: 1;
  pointer-events: auto;
}
.site-header .menu-cnt .icons .toggle-btn.on button {
  left: 14px;
}
@media (max-width: 600px) {
  .site-header .menu-cnt .icons .toggle-btn.on button {
    left: 9px;
  }
}
.site-header .menu-cnt .icons .toggle-btn button {
  background: #e3e3e3;
  border: 1px solid #000;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  position: relative;
  top: 1px;
  left: 1px;
  cursor: pointer;
  display: block;
  padding: 0;
}
@media (max-width: 600px) {
  .site-header .menu-cnt .icons .toggle-btn button {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 1px;
  }
}
.site-header .menu-cnt .hamburger {
  display: none;
  margin-right: -15px;
}
@media (max-width: 1200px) {
  .site-header .menu-cnt .hamburger {
    display: block;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger.is-active .hamburger-box .hamburger-inner {
    top: 21px;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger.is-active .hamburger-box .hamburger-inner::before {
    top: 0px;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger.is-active .hamburger-box .hamburger-inner::after {
    top: 0px !important;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger .hamburger-box {
    width: 24px;
    height: 15px;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger .hamburger-box .hamburger-inner {
    width: 21px;
    height: 2px;
    top: 18px;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger .hamburger-box .hamburger-inner::before {
    top: -7px;
    width: 21px;
    height: 2px;
  }
}
@media (max-width: 600px) {
  .site-header .menu-cnt .hamburger .hamburger-box .hamburger-inner::after {
    width: 21px;
    height: 2px;
    top: -14px !important;
  }
}
.site-header .menu-cnt .mobile-menu-cnt {
  position: fixed;
  top: var(--header-height);
  left: var(--site-padding);
  right: var(--site-padding);
  background: #fff;
  border-radius: 11px;
  box-shadow: 3px 7px 12px 1px rgba(0, 0, 0, 0.64);
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-in-out;
}
.site-header .menu-cnt .mobile-menu-cnt.open {
  opacity: 1;
  pointer-events: auto;
}
.site-header .menu-cnt .mobile-menu-cnt .mobile-navigation ul {
  font-size: var(--font25);
  line-height: 30px;
  font-weight: 100;
}
@media (max-width: 600px) {
  .site-header .menu-cnt .mobile-menu-cnt .mobile-navigation ul {
    font-size: 20px;
    line-height: 26px;
  }
}
.site-header .menu-cnt .mobile-menu-cnt .mobile-navigation ul .sub-menu {
  display: none;
  padding-left: 3rem;
}
.site-header .menu-cnt .mobile-menu-cnt .mobile-navigation ul .sub-menu.open {
  display: block;
}
.site-header .menu-cnt .mobile-menu-cnt .mobile-navigation ul .sub-menu li {
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 1.5rem;
}
.site-header .menu-cnt .mobile-menu-cnt .mobile-navigation ul .sub-menu li::before {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 7px;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit {
  display: none;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit .website {
  display: flex;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit .website p {
  margin: 0;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit .website a {
  padding-left: 0.4rem;
  text-decoration: underline;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit .curation {
  display: flex;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit .curation p {
  margin: 0;
}
.site-header .menu-cnt .mobile-menu-cnt .website-credit .curation a {
  padding-left: 0.4rem;
  text-decoration: underline;
}
.site-header .menu-cnt .mobile-menu-cnt .lang-select {
  display: flex;
  margin-top: 1rem;
}
.site-header .menu-cnt .mobile-menu-cnt .lang-select li {
  padding-left: 1.5rem;
  font-size: var(--font20);
  line-height: 25px;
  font-weight: 100;
  position: relative;
}
.site-header .menu-cnt .mobile-menu-cnt .lang-select li.active {
  font-weight: bold;
}
.site-header .menu-cnt .mobile-menu-cnt .lang-select li.active::before {
  background-color: #000;
}
.site-header .menu-cnt .mobile-menu-cnt .lang-select li::before {
  content: "";
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  top: 4px;
}
.site-header .menu-cnt .mobile-menu-cnt .lang-select li:last-child {
  margin-left: 0.5rem;
}
.site-header .search-cnt {
  position: fixed;
  top: var(--header-height);
  left: var(--site-padding);
  right: var(--site-padding);
  background: #fff;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  padding: 0.5rem 2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease-in-out;
  height: 55px;
  border-radius: 58px;
}
.site-header .search-cnt.open {
  opacity: 1;
  pointer-events: auto;
}
.site-header .search-cnt .serach-cnt-inner {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
}
.site-header .search-cnt .serach-cnt-inner .search-btn {
  width: 30px;
  position: absolute;
  pointer-events: none;
}
.site-header .search-cnt .serach-cnt-inner form {
  display: flex;
  flex-flow: row-reverse;
  width: 100%;
}
.site-header .search-cnt .serach-cnt-inner form label {
  width: 100%;
}
.site-header .search-cnt .serach-cnt-inner form .search-field {
  height: 100%;
  width: 100%;
  padding-right: 2rem;
  border: none;
  font-family: inherit;
  font-size: 35px;
  line-height: 42px;
}
.site-header .search-cnt .serach-cnt-inner form .search-field:focus {
  outline: 0;
}
.site-header .search-cnt .serach-cnt-inner form .search-submit {
  background: #fff;
  border: #fff;
  color: #fff;
  cursor: pointer;
}
.site-header .search-cnt .serach-cnt-inner .close-search {
  width: 30px;
  line-height: 36px;
  cursor: pointer;
}

.site-main {
  min-height: calc( var(--viewport) - var(--header-height) - var(--footer-height) );
  margin-top: var(--header-height);
}

.home-main {
  background-color: #e3e3e3;
}
.home-main .normal-view {
  transition: opacity 0.4s ease-in-out;
}
.home-main .normal-view.hidden-page {
  opacity: 0;
  position: fixed;
  pointer-events: none;
}
.home-main .normal-view.fade {
  opacity: 0;
  pointer-events: none;
}
.home-main .video-cnt {
  position: relative;
  padding: 0 var(--site-padding) 2rem;
}
.home-main .video-cnt .hero-text {
  position: absolute;
  color: #fff;
  font-size: var(--font30);
  right: var(--site-padding);
  left: var(--site-padding);
  padding: 1rem;
  line-height: 36px;
  pointer-events: none;
  z-index: 10;
}
@media (max-width: 600px) {
  .home-main .video-cnt .hero-text {
    font-size: 12px;
    line-height: 18px;
    display: none;
  }
}
.home-main .video-cnt .hero-text p {
  margin: 0;
  max-width: 650px;
}
.home-main .video-cnt .video {
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 47.25%;
  height: 0;
}
@media (max-width: 600px) {
  .home-main .video-cnt .video {
    padding-bottom: 55.25%;
  }
}
.home-main .video-cnt .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-main .video-cnt .play-pause {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  right: var(--site-padding);
  bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease-in-out;
}
.home-main .video-cnt .play-pause.playing {
  background-color: transparent;
}
.home-main .video-cnt .play-pause .play {
  cursor: pointer;
  width: 100px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .home-main .video-cnt .play-pause .play {
    width: 50px;
  }
}
.home-main .video-cnt .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.home-main .video-cnt .play-pause .pause {
  width: 100px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  width: 50px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .home-main .video-cnt .play-pause .pause {
    width: 19px;
  }
}
.home-main .video-cnt .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.home-main .video-cnt .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.home-main .video-cnt .play-pause .pause.show-important {
  opacity: 1 !important;
}
.home-main .top-links-cnt {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--site-padding) 2rem;
}
@media (max-width: 600px) {
  .home-main .top-links-cnt {
    display: block;
  }
}
.home-main .top-links-cnt .link-cnt {
  width: 47.5%;
  position: relative;
  cursor: pointer;
}
.home-main .top-links-cnt .link-cnt:hover .text {
  opacity: 1;
}
@media (max-width: 600px) {
  .home-main .top-links-cnt .link-cnt {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.home-main .top-links-cnt .link-cnt .text {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  line-height: 30px;
  color: #fff;
  transition: opacity 0.4s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 600px) {
  .home-main .top-links-cnt .link-cnt .text {
    font-size: 18px;
    line-height: 23px;
    opacity: 1;
  }
}
.home-main .top-links-cnt .link-cnt .text p {
  max-width: 326px;
}
.home-main .top-links-cnt .link-cnt .img-cnt {
  display: block;
  height: 100%;
  max-height: calc( var(--viewport) - 2 * var(--header-height) );
}
@media (max-width: 600px) {
  .home-main .top-links-cnt .link-cnt .img-cnt {
    height: 63vh;
  }
}
.home-main .top-links-cnt .link-cnt .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-main .projects-slide-section {
  position: relative;
}
.home-main .projects-slide-section .counter-cnt {
  position: absolute;
  bottom: 2rem;
  right: var(--site-padding);
  padding: 1rem;
  color: #fff;
  font-size: var(--font20);
  line-height: 30px;
}
@media (max-width: 600px) {
  .home-main .projects-slide-section .counter-cnt {
    font-size: 14px;
    line-height: 17px;
  }
}
.home-main .slider {
  padding: 0 var(--site-padding) 2rem;
}
.home-main .slider .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.home-main .slider .slick-list .project-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.home-main .slider .slick-arrow {
  position: absolute;
}
.home-main .slider .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .home-main .slider .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.home-main .slider .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .home-main .slider .slick-arrow.next-arrow {
    width: 60px;
  }
}
.home-main .slider .project-slide {
  position: relative;
  cursor: pointer;
}
.home-main .slider .project-slide:hover .content {
  opacity: 1;
}
.home-main .slider .project-slide .content {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  font-weight: 100;
  color: #fff;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  padding-right: 30%;
}
@media (max-width: 600px) {
  .home-main .slider .project-slide .content {
    opacity: 1;
    font-size: 12px;
    line-height: 17px;
  }
}
.home-main .slider .project-slide .content p {
  margin: 0;
  max-width: 900px;
}
.home-main .slider .project-slide .content iframe {
  display: none;
}
.home-main .slider .project-slide .img-cnt {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 54%;
  height: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 600px) {
  .home-main .slider .project-slide .img-cnt {
    height: 63vh;
    padding-bottom: 0;
  }
}
.home-main .slider .project-slide .img-cnt img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 600px) {
  .home-main .slider .project-slide .img-cnt img {
    position: relative;
  }
}
.home-main .slider .project-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  font-size: var(--font20);
  line-height: 30px;
  color: #fff;
  font-weight: 300;
  z-index: 1;
}
@media (max-width: 600px) {
  .home-main .slider .project-slide .title {
    font-size: 14px;
    line-height: 19px;
  }
}
.home-main .slider .project-slide .title p {
  margin: 0;
}
.home-main .bottom-links-cnt {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  padding: 0 var(--site-padding) 2rem;
}
@media (max-width: 600px) {
  .home-main .bottom-links-cnt {
    display: block;
  }
}
.home-main .bottom-links-cnt .link-cnt {
  width: 47.5%;
  position: relative;
  cursor: pointer;
  margin-bottom: 4rem;
}
.home-main .bottom-links-cnt .link-cnt:hover .background-overlay {
  opacity: 1;
}
@media (max-width: 600px) {
  .home-main .bottom-links-cnt .link-cnt {
    width: auto;
    margin-bottom: 2.1rem;
  }
}
.home-main .bottom-links-cnt .link-cnt .background-overlay {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .home-main .bottom-links-cnt .link-cnt .background-overlay {
    opacity: 1;
  }
}
.home-main .bottom-links-cnt .link-cnt .link-text {
  font-size: var(--font20);
  line-height: 25px;
  color: #000;
  margin-top: 0.7rem;
  display: block;
}
@media (max-width: 600px) {
  .home-main .bottom-links-cnt .link-cnt .link-text {
    font-size: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    margin: 0;
    padding: 0.6rem;
    color: #fff;
    z-index: 11;
  }
}
.home-main .bottom-links-cnt .link-cnt .link-text p {
  margin: 0;
}
.home-main .bottom-links-cnt .link-cnt .img-cnt {
  display: block;
  height: 100%;
  max-height: calc( var(--viewport) - 2 * var(--header-height) );
}
@media (max-width: 600px) {
  .home-main .bottom-links-cnt .link-cnt .img-cnt {
    height: 63vh;
  }
}
.home-main .bottom-links-cnt .link-cnt .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-main .annual-report-cnt {
  position: relative;
  padding: 0rem var(--site-padding) 3rem;
  display: flex;
  align-items: flex-end;
}
.home-main .annual-report-cnt a:hover {
  text-decoration: none;
}
@media (max-width: 600px) {
  .home-main .annual-report-cnt {
    flex-flow: row;
  }
}
.home-main .annual-report-cnt .title {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  font-size: var(--font25);
  margin: 0;
  padding: 0.6rem;
}
@media (max-width: 900px) {
  .home-main .annual-report-cnt .title {
    font-size: var(--font20);
  }
}
.home-main .annual-report-cnt .item {
  width: 25%;
  height: 127px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 900px) {
  .home-main .annual-report-cnt .item {
    width: 27%;
  }
}
@media (max-width: 600px) {
  .home-main .annual-report-cnt .item {
    width: 100%;
  }
}
.home-main .annual-report-cnt .item:nth-of-type(2) {
  background: #8fa59f;
}
.home-main .annual-report-cnt .item:nth-of-type(3) {
  background: #bba8c6;
}
.home-main .annual-report-cnt .item:nth-of-type(4) {
  background: #4f7399;
}
.home-main .annual-report-cnt .item:nth-of-type(5) {
  background: #886006;
  width: 25%;
}
@media (max-width: 900px) {
  .home-main .annual-report-cnt .item:nth-of-type(5) {
    width: 25%;
  }
}
@media (max-width: 600px) {
  .home-main .annual-report-cnt .item:nth-of-type(5) {
    width: 100%;
  }
}
.home-main .annual-report-cnt .item .year-value {
  padding: 0.6rem;
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .home-main .annual-report-cnt .item .year-value {
    opacity: 1;
  }
}
.home-main .annual-report-cnt .item .year-value .year {
  font-size: var(--font25);
  line-height: 30px;
}
@media (max-width: 900px) {
  .home-main .annual-report-cnt .item .year-value .year {
    font-size: var(--font20);
    line-height: 25px;
  }
}
@media (max-width: 600px) {
  .home-main .annual-report-cnt .item .year-value .year {
    font-size: var(--font18);
    line-height: 25px;
  }
}
.home-main .annual-report-cnt .item .year-value .value {
  font-size: var(--font20);
  line-height: 25px;
}
@media (max-width: 900px) {
  .home-main .annual-report-cnt .item .year-value .value {
    font-size: var(--font18);
    line-height: 25px;
  }
}
@media (max-width: 600px) {
  .home-main .annual-report-cnt .item .year-value .value {
    font-size: 16px;
    line-height: 23px;
  }
}
.home-main .testimonials-cnt {
  max-width: 1115px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 2rem var(--site-padding);
}
@media (max-width: 600px) {
  .home-main .testimonials-cnt {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.home-main .testimonials-cnt .item {
  text-align: center;
  border-right: 1px solid #000;
  padding: 0 1.5rem;
  width: 21%;
  min-width: calc(162px + 0.5rem);
}
@media (max-width: 1200px) {
  .home-main .testimonials-cnt .item {
    min-width: unset;
  }
}
@media (max-width: 600px) {
  .home-main .testimonials-cnt .item {
    border-bottom: 1px solid #000;
    border-right: none;
    padding: 1.5rem 0;
    width: 60%;
  }
}
.home-main .testimonials-cnt .item:last-child {
  border-right: none;
}
@media (max-width: 600px) {
  .home-main .testimonials-cnt .item:last-child {
    border-bottom: none;
  }
}
.home-main .testimonials-cnt .item .value-description .value {
  font-size: 60px;
  line-height: 72px;
}
@media (max-width: 900px) {
  .home-main .testimonials-cnt .item .value-description .value {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (max-width: 600px) {
  .home-main .testimonials-cnt .item .value-description .value {
    font-size: 30px;
    line-height: 35px;
    max-width: 80%;
    margin: auto;
  }
}
.home-main .testimonials-cnt .item .value-description .description {
  font-size: var(--font25);
  line-height: 30px;
  max-width: 180px;
  margin: 0 auto;
}
@media (max-width: 900px) {
  .home-main .testimonials-cnt .item .value-description .description {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 600px) {
  .home-main .testimonials-cnt .item .value-description .description {
    font-size: 18px;
    line-height: 23px;
  }
}
.home-main .milesstones-section {
  padding: 2rem var(--site-padding);
  max-width: 1014px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .home-main .milesstones-section {
    display: none;
  }
}
.home-main .milesstones-section .title {
  margin: 0;
  position: absolute;
  padding: 0.9rem;
  font-size: 28px;
  line-height: 33px;
}
@media (max-width: 600px) {
  .home-main .milesstones-section .title {
    font-size: var(--font18);
    line-height: 23px;
  }
}
.home-main .milesstones-section .frame {
  width: 100%;
  padding: 0;
  background: #fff;
  border-radius: 20px;
}
.home-main .milesstones-section .frame ul.slidee {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
  width: var(--milestonesSlideWidth);
}
.home-main .milesstones-section .frame ul.slidee .slide {
  float: left;
  width: calc( var(--viewportWidth) - 11.369rem );
  max-width: 1014px;
  height: var(--milestonesSlideHeight);
  padding: 1.9rem 0 0;
}
.home-main .milesstones-section .frame ul.slidee .slide .inner {
  display: flex;
  padding: 1.5rem 1.5rem 0;
  justify-content: space-between;
  height: calc(100% - 3rem);
}
@media (max-width: 900px) {
  .home-main .milesstones-section .frame ul.slidee .slide .inner {
    flex-flow: column;
    justify-content: flex-start;
  }
}
.home-main .milesstones-section .frame ul.slidee .slide .inner .year {
  font-size: 2.5rem;
  width: 20%;
  display: flex;
  align-items: baseline;
}
@media (max-width: 900px) {
  .home-main .milesstones-section .frame ul.slidee .slide .inner .year {
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}
@media (max-width: 600px) {
  .home-main .milesstones-section .frame ul.slidee .slide .inner .year {
    font-size: 25px;
    line-height: 30px;
  }
}
.home-main .milesstones-section .frame ul.slidee .slide .inner .year p {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
  border-radius: 19px;
  display: inline-block;
}
@media (max-width: 900px) {
  .home-main .milesstones-section .frame ul.slidee .slide .inner .year p {
    border: none;
    padding-left: 0;
  }
}
.home-main .milesstones-section .frame ul.slidee .slide .inner .text-info {
  font-size: 28px;
  line-height: 33px;
  font-weight: 100;
  width: 70%;
}
@media (max-width: 600px) {
  .home-main .milesstones-section .frame ul.slidee .slide .inner .text-info {
    font-size: var(--font18);
    line-height: 23px;
  }
}
.home-main .milesstones-section .scrollbar {
  line-height: 0;
  height: 61px;
  background: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 1rem;
}
@media (max-width: 600px) {
  .home-main .milesstones-section .scrollbar {
    height: 52px;
  }
}
.home-main .milesstones-section .scrollbar .handle {
  width: 38px !important;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #000;
  cursor: pointer;
  z-index: 1;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (max-width: 600px) {
  .home-main .milesstones-section .scrollbar .handle {
    width: 26px !important;
    height: 26px;
  }
}
.home-main .milesstones-section .scrollbar .handle .mousearea {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 0;
}
.home-main .milesstones-section .scrollbar .line {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  height: 2px;
  background: #000;
  z-index: 0;
}
@media (max-width: 600px) {
  .home-main .milesstones-section .scrollbar .line {
    left: 0.7rem;
    right: 0.7rem;
  }
}
.home-main .milesstones-section .scrollbar .line .dot-start {
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: -4px;
}
.home-main .milesstones-section .scrollbar .line .dot-end {
  width: 10px;
  height: 10px;
  background: black;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 0;
}
.home-main .milesstones-section-corporate {
  overflow: hidden;
  margin: 0;
  border-radius: 20px;
  max-width: 1014px;
  margin: auto;
  padding: 2rem 0;
}
@media (max-width: 900px) {
  .home-main .milesstones-section-corporate {
    margin: 0 var(--site-padding);
  }
}
.home-main .milesstones-section-corporate .title {
  margin: 0;
  position: absolute;
  padding: 0.9rem;
  font-size: 28px;
  line-height: 33px;
  z-index: 1;
}
.home-main .milesstones-section-corporate .slider-outer {
  position: relative;
  border-radius: 20px;
  margin-bottom: 6rem;
  background-color: #fff;
}
.home-main .milesstones-section-corporate .swiper-slide {
  margin-top: 3.5rem;
}
.home-main .milesstones-section-corporate .swiper-slide .inner {
  display: flex;
  padding: 0 1.5rem;
  justify-content: space-between;
  width: calc(100% - 3rem);
}
@media (max-width: 600px) {
  .home-main .milesstones-section-corporate .swiper-slide .inner {
    flex-flow: column;
  }
}
.home-main .milesstones-section-corporate .swiper-slide .inner .year {
  font-size: 2.5rem;
  width: 20%;
  display: flex;
  align-items: baseline;
}
@media (max-width: 600px) {
  .home-main .milesstones-section-corporate .swiper-slide .inner .year {
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 1rem;
  }
}
.home-main .milesstones-section-corporate .swiper-slide .inner .year p {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
  border-radius: 19px;
  display: inline-block;
}
.home-main .milesstones-section-corporate .swiper-slide .inner .text-info {
  font-size: 28px;
  line-height: 33px;
  font-weight: 100;
  width: 70%;
}
@media (max-width: 600px) {
  .home-main .milesstones-section-corporate .swiper-slide .inner .text-info {
    font-size: 18px;
    line-height: 23px;
    width: auto;
  }
}
.home-main .milesstones-section-corporate .swiper-slide .inner .text-info p {
  margin: 0;
}
.home-main .milesstones-section-corporate .scrollbar-cnt {
  background: #fff;
  border-radius: 20px;
  position: relative;
  top: 5rem;
}
.home-main .milesstones-section-corporate .scrollbar-cnt .custom-tracker {
  position: absolute;
  left: 1rem;
  right: 1rem;
  background: #000;
  height: 2px;
  top: 50%;
}
.home-main .milesstones-section-corporate .scrollbar-cnt .custom-tracker::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 0;
}
.home-main .milesstones-section-corporate .scrollbar-cnt .custom-tracker::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 0;
}
.home-main .milesstones-section-corporate .swiper-scrollbar {
  height: 30px;
  padding: 0.907rem 0;
  bottom: 0;
  background: transparent;
  border-radius: 20px;
  left: 0px;
  right: 0px;
  width: 98%;
  margin: auto;
}
.home-main .milesstones-section-corporate .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
  min-width: 30px;
  max-width: 30px;
}
.home-main .freestyle-view {
  transition: opacity 0.4s ease-in-out;
  pointer-events: auto;
  padding: 2.5rem var(--site-padding);
  max-width: 1500px;
  margin: auto;
}
.home-main .freestyle-view.hidden-page {
  opacity: 0;
  position: fixed;
  pointer-events: none;
}
.home-main .freestyle-view.fade {
  opacity: 0;
  pointer-events: none;
}
.home-main .freestyle-view .row-1 {
  display: flex;
  position: relative;
  justify-content: flex-start;
  padding-bottom: 4.4rem;
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-1 {
    justify-content: space-between;
  }
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-1 {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-1 .item-left {
  width: calc( 100% * 377/1236 );
  background: #fff;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  border-radius: 10px;
  margin-bottom: auto;
  margin-right: 7.5rem;
  min-width: 300px;
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-1 .item-left {
    margin-right: 0;
  }
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-1 .item-left {
    min-width: auto;
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
}
.home-main .freestyle-view .row-1 .item-left:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
.home-main .freestyle-view .row-1 .item-left .first-top-link {
  padding: 1rem 1rem 2.5rem;
  display: flex;
  flex-flow: column;
  font-size: 28px;
  line-height: 33px;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .first-top-link {
    padding: 1rem 1rem 0rem;
  }
  .home-main .freestyle-view .row-1 .item-left .first-top-link .text {
    font-size: 20px;
    line-height: 24px;
  }
}
.home-main .freestyle-view .row-1 .item-left .first-top-link a {
  font-weight: 100;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .first-top-link a {
    font-size: var(--font20);
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt {
  transition: opacity 0.4s ease-in-out;
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt.fade {
  opacity: 0;
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock {
  display: flex;
  margin: 1rem;
  background: #000;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem 1rem;
  line-height: 25px;
  justify-content: space-around;
  border-radius: 6px;
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .seprate {
  font-size: 48px;
  display: flex;
  padding-top: 1rem;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .seprate {
    font-size: 30px;
    line-height: 36px;
    padding-top: 0;
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .days {
  text-align: center;
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .days .number {
  margin: 0;
  font-size: 48px;
  line-height: 57px;
  min-height: 50px;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .days .number {
    font-size: 30px;
    line-height: 36px;
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .days .text {
  margin: 0;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .days .text {
    font-size: 14px;
    line-height: 17px;
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .hours {
  text-align: center;
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .hours .number {
  margin: 0;
  font-size: 48px;
  line-height: 57px;
  min-height: 50px;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .hours .number {
    font-size: 30px;
    line-height: 36px;
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .hours .text {
  margin: 0;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .hours .text {
    font-size: 14px;
    line-height: 17px;
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .minutes {
  text-align: center;
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .minutes .number {
  margin: 0;
  font-size: 48px;
  line-height: 57px;
  min-height: 50px;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .minutes .number {
    font-size: 30px;
    line-height: 36px;
  }
}
.home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .minutes .text {
  margin: 0;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-left .clock-cnt .clock .minutes .text {
    font-size: 14px;
    line-height: 17px;
  }
}
.home-main .freestyle-view .row-1 .item-right {
  padding: 0rem 1rem 1rem 1rem;
  width: calc( 100% * 631/1236 );
  background: #fff;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  margin-bottom: auto;
}
.home-main .freestyle-view .row-1 .item-right:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-1 .item-right {
    width: calc( 100% - 2rem);
  }
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .video {
  position: relative;
  padding-bottom: 57.25%;
  height: 0;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause {
  position: absolute;
  top: 2.4rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.3s ease-in-out;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause.playing {
  background-color: transparent;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause .play {
  cursor: pointer;
  width: 50px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause .pause {
  width: 27px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .play-pause .pause.show-important {
  opacity: 1 !important;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .wath-now {
  font-size: 28px;
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .wath-now {
    font-size: 20px;
    padding: 0.4rem 0;
  }
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .wath-now a {
  padding-right: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.home-main .freestyle-view .row-1 .item-right .video-cnt-freestyle .wath-now svg {
  pointer-events: none;
  width: 21px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.home-main .freestyle-view .row-2 {
  display: flex;
  padding-bottom: 4.4rem;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-2 {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-2 .two-circles {
  width: 31%;
  min-width: 300px;
  margin-right: 7rem;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-2 .two-circles {
    margin: auto;
    padding-bottom: 3rem;
  }
}
.home-main .freestyle-view .row-2 .two-circles .circle {
  border: 2px solid #000;
  border-radius: 50%;
  padding: 2.5rem 2rem;
  text-align: center;
  font-size: var(--font28);
  line-height: 36px;
  max-width: 232px;
  margin: 0 auto 1.6rem;
  min-height: 216px;
  min-width: 231px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.home-main .freestyle-view .row-2 .two-circles .circle:hover {
  background-color: #4f7399;
  text-decoration: none;
  border-color: #4f7399;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-2 .two-circles .circle {
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    border: 3px solid #000;
  }
}
.home-main .freestyle-view .row-2 .two-circles .circle p {
  margin-bottom: 0;
}
.home-main .freestyle-view .row-2 .overview-projects {
  width: 57%;
  aspect-ratio: 4/3;
  background: #c6b2d2;
  padding: 1rem;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
}
.home-main .freestyle-view .row-2 .overview-projects:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-2 .overview-projects {
    width: calc( 100% - 2rem);
  }
}
.home-main .freestyle-view .row-2 .overview-projects .link-to-projects {
  font-size: 28px;
  line-height: 33px;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.home-main .freestyle-view .row-2 .overview-projects .link-to-projects.no-link {
  pointer-events: none;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-2 .overview-projects .link-to-projects {
    font-size: 20px;
    line-height: 26px;
  }
}
.home-main .freestyle-view .row-2 .overview-projects .slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 3.5rem 1rem 2.8rem;
  right: 0;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-2 .overview-projects .slider {
    position: static;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-2 .overview-projects .slider {
    padding: 2.5rem 0rem 0rem;
  }
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-list {
  height: 100%;
  margin: 0 calc( -1 * 1rem );
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-list .slick-track {
  height: 100%;
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-list .slick-track .project-slide {
  height: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-list .slick-track .project-slide .img-cnt-fr {
  display: block;
  height: 100%;
  max-height: 63vw;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-2 .overview-projects .slider .slick-list .slick-track .project-slide .img-cnt-fr {
    height: 72vh;
  }
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-list .slick-track .project-slide .img-cnt-fr img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-dots {
  display: flex;
  margin-top: 0.7rem;
  justify-content: center;
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-dots li {
  width: 20px;
  height: 20px;
  margin-right: 0.4rem;
  cursor: pointer;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-2 .overview-projects .slider .slick-dots li {
    width: 16px;
    height: 16px;
  }
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-dots li.slick-active button {
  background: #000;
  color: #000;
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-dots li:last-child {
  margin-right: 0;
}
.home-main .freestyle-view .row-2 .overview-projects .slider .slick-dots li button {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  color: #c6b2d2;
  border: 2px solid #000;
  font-size: 0;
  cursor: pointer;
}
.home-main .freestyle-view .row-3 {
  padding-bottom: 4.4rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-3 {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-3 .map-freestyle {
  width: 58%;
  background: #8fa59f;
  padding: 0 1rem 1rem;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  margin-bottom: auto;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-3 .map-freestyle {
    width: auto;
    margin-bottom: 3rem;
  }
}
.home-main .freestyle-view .row-3 .map-freestyle:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
.home-main .freestyle-view .row-3 .map-freestyle .title {
  font-size: var(--font25);
  padding: 0.7rem 0;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-3 .map-freestyle .title {
    font-size: var(--font20);
    line-height: 26px;
  }
}
.home-main .freestyle-view .row-3 .map-freestyle .map-cnt .map-projects {
  height: 65vh;
  min-height: 400px;
}
.home-main .freestyle-view .row-3 .map-freestyle.news-view {
  display: none !important;
}
.home-main .freestyle-view .row-3 .box-link {
  width: 30%;
  margin-bottom: auto;
  background: #6790b4;
  padding: 0 1rem 1rem;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
}
.home-main .freestyle-view .row-3 .box-link:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-3 .box-link {
    width: auto;
  }
}
.home-main .freestyle-view .row-3 .box-link .title {
  display: block;
  font-size: var(--font25);
  padding: 0.7rem 0;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-3 .box-link .title {
    font-size: 18px;
    line-height: 22px;
  }
}
.home-main .freestyle-view .row-3 .box-link .img-cnt .img-link img {
  width: 100%;
  height: auto;
}
.home-main .freestyle-view .row-3 .box-link.news-box {
  background: #8fa59f;
  width: 57%;
}
.home-main .freestyle-view .row-3 .box-link.news-box .img-cnt .img-link {
  display: block;
}
.home-main .freestyle-view .row-3 .box-link.news-box .img-cnt .img-link img {
  width: 100%;
  height: auto;
}
.home-main .freestyle-view .row-3 .box-link.news-box.map-view {
  display: none !important;
}
.home-main .freestyle-view .row-4 {
  padding-bottom: 4.4rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-4 {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-4 .first-item {
  width: calc( 100% * 508/1236 );
  margin-right: 2rem;
  font-size: 28px;
  line-height: 34px;
  background: #ff684b;
  padding: 0 1rem 1rem;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  margin-bottom: auto;
}
.home-main .freestyle-view .row-4 .first-item:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-4 .first-item {
    width: calc( 100% - 2rem );
    margin-bottom: 3rem;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-4 .first-item {
    font-size: 18px;
    line-height: 22px;
  }
}
.home-main .freestyle-view .row-4 .first-item .title {
  min-height: 35px;
  display: block;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-4 .first-item .title {
    min-height: 33px;
    height: auto;
  }
}
.home-main .freestyle-view .row-4 .first-item .img-cnt a {
  display: block;
}
.home-main .freestyle-view .row-4 .first-item .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-main .freestyle-view .row-4 .second-item {
  width: calc( 100% * 508/1236 );
  font-size: 28px;
  line-height: 34px;
  background: #fff;
  padding: 0 1rem 1rem;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  margin-bottom: auto;
}
.home-main .freestyle-view .row-4 .second-item:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-4 .second-item {
    width: calc( 100% - 2rem );
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-4 .second-item {
    font-size: 18px;
    line-height: 22px;
  }
}
.home-main .freestyle-view .row-4 .second-item .title {
  min-height: 35px;
  display: block;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-4 .second-item .title {
    min-height: 33px;
    height: auto;
  }
}
.home-main .freestyle-view .row-4 .second-item .img-cnt a {
  display: block;
}
.home-main .freestyle-view .row-4 .second-item .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-main .freestyle-view .row-5 {
  display: flex;
  padding-bottom: 2rem;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle {
  width: calc( 100% * 631/1236 - 2rem );
  padding: 0rem 1rem 1.5rem;
  background: #fff;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  margin-right: 2rem;
}
.home-main .freestyle-view .row-5 .annual-freestyle:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
.home-main .freestyle-view .row-5 .annual-freestyle.alt-mode .title {
  padding: 0.6rem;
}
.home-main .freestyle-view .row-5 .annual-freestyle.alt-mode .img-cnt {
  position: relative;
  padding-top: 60%;
}
.home-main .freestyle-view .row-5 .annual-freestyle.alt-mode .img-cnt .img-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.home-main .freestyle-view .row-5 .annual-freestyle.alt-mode .img-cnt .img-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle {
    margin-right: 0;
    width: calc( 100% - 2rem );
    margin-bottom: 3rem;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .title {
  font-size: var(--font25);
  line-height: 30px;
  margin: 0;
  padding: 0.6rem 0.6rem 4rem 0rem;
  display: block;
  position: relative;
  display: block;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .title {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 1rem;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .title:hover {
  text-decoration: none;
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt {
  padding: 0;
  height: 16.375rem;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt a:hover {
  text-decoration: none;
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item {
  width: 25%;
  align-items: baseline;
  justify-content: center;
  position: relative;
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item .title {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 0;
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item .year-value {
  padding: 0.6rem 0;
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item .year-value .value {
  font-weight: 400;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item {
    width: 100%;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(1) {
  background: #8fa59f;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(1) {
    height: 110px;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(1) {
    height: 70px;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(2) {
  background: #bba8c6;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(2) {
    height: 110px;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(2) {
    height: 70px;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(3) {
  background: #4f7399;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(3) {
    height: 110px;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(3) {
    height: 70px;
  }
}
.home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(4) {
  background: #886006;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(4) {
    height: 110px;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-5 .annual-freestyle .annual-report-cnt .item:nth-child(4) {
    height: 70px;
  }
}
.home-main .freestyle-view .row-5 .follo-us-cnt {
  width: calc( 100% * 379/1236 - 2rem );
  padding: 0rem 1rem 2.5rem;
  background: black;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  margin-bottom: auto;
  min-height: 240px;
  position: relative;
}
.home-main .freestyle-view .row-5 .follo-us-cnt:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-5 .follo-us-cnt {
    width: calc( 100% - 2rem );
  }
}
.home-main .freestyle-view .row-5 .follo-us-cnt .title {
  font-size: var(--font25);
  line-height: 30px;
  margin: 0.6rem 0 0;
  display: block;
  position: relative;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-5 .follo-us-cnt .title {
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 1rem;
  }
}
.home-main .freestyle-view .row-5 .follo-us-cnt .title a, .home-main .freestyle-view .row-5 .follo-us-cnt .title p {
  color: #fff;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .title a:hover, .home-main .freestyle-view .row-5 .follo-us-cnt .title p:hover {
  text-decoration: none;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .title p {
  pointer-events: none;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .socials-links {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .socials-links a {
  display: inline-block;
  margin: 0.5rem;
  width: 30px;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .socials-links a svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .img-cnt {
  position: relative;
  padding-top: 60%;
  display: none;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .img-cnt a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.home-main .freestyle-view .row-5 .follo-us-cnt .img-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-main .freestyle-view .row-6 {
  width: calc( 100% * 884/1236 - 2rem );
  margin-left: auto;
  padding-right: 8.5rem;
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-6 {
    width: 80%;
    padding-right: 0;
  }
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-6 {
    width: 100%;
    margin-left: 0;
  }
}
.home-main .freestyle-view .row-6 .testimonials-cnt {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 2rem 1.5rem 5.3rem;
  background: white;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  position: relative;
  border-radius: 10px;
  align-items: flex-start;
  min-width: calc( 4 * (162px + 0.5rem) + 3rem );
}
.home-main .freestyle-view .row-6 .testimonials-cnt:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt {
    flex-flow: wrap;
    min-width: unset;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt {
    justify-content: center;
    padding: 2rem 1rem 0rem;
  }
}
.home-main .freestyle-view .row-6 .testimonials-cnt .item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: none;
  padding: 0 0.5rem;
  width: 25%;
  min-width: calc(162px + 0.5rem);
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item {
    width: 46%;
    padding-bottom: 3rem;
    min-width: unset;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item {
    width: 50%;
    border-bottom: none;
    padding-bottom: 3rem;
    padding-left: 0;
    padding-right: 0;
  }
}
.home-main .freestyle-view .row-6 .testimonials-cnt .item:last-child {
  border-right: none;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item:last-child {
    border-bottom: none;
  }
}
.home-main .freestyle-view .row-6 .testimonials-cnt .item .value-description .value {
  font-size: 47px;
  line-height: 56px;
  margin-bottom: 1rem;
  border: 3px solid #000;
  border-radius: 50%;
  width: 162px;
  height: 162px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item .value-description .value {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item .value-description .value {
    font-size: 30px;
    line-height: 36px;
    max-width: 100%;
    width: 100px;
    height: 100px;
  }
}
.home-main .freestyle-view .row-6 .testimonials-cnt .item .value-description .description {
  font-size: var(--font25);
  line-height: 30px;
  max-width: auto;
  margin: 0;
  font-weight: 100;
}
@media (max-width: 1080px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item .value-description .description {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-6 .testimonials-cnt .item .value-description .description {
    font-size: 18px;
    line-height: 23px;
  }
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper {
  margin: 0;
  border-radius: 20px;
  max-width: 1014px;
  margin-left: 2rem;
  margin-top: 2rem;
}
@media (max-width: 900px) {
  .home-main .freestyle-view .row-7 .milesstones-section-swiper {
    margin-left: 0;
  }
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .title {
  display: none;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .slider-outer {
  position: relative;
  border-radius: 20px;
  margin-bottom: 1.5rem;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .slider-outer:hover {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.8);
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner {
  display: flex;
  padding: 1.5rem;
  justify-content: space-between;
  width: calc(100% - 3rem);
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner {
    flex-flow: column;
  }
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner .year {
  font-size: 2.5rem;
  width: 20%;
  display: flex;
  align-items: baseline;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner .year {
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 1rem;
  }
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner .year p {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
  border-radius: 19px;
  display: inline-block;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner .text-info {
  font-size: 28px;
  line-height: 33px;
  font-weight: 100;
  width: 70%;
}
@media (max-width: 600px) {
  .home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner .text-info {
    font-size: 18px;
    line-height: 21px;
    width: auto;
  }
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-slide .inner .text-info p {
  margin: 0;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .scrollbar-cnt {
  background: #fff;
  border-radius: 20px;
  position: relative;
  top: 0rem;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .scrollbar-cnt .custom-tracker {
  position: absolute;
  left: 1rem;
  right: 1rem;
  background: #000;
  height: 2px;
  top: 50%;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .scrollbar-cnt .custom-tracker::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 0;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .scrollbar-cnt .custom-tracker::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 0;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-scrollbar {
  height: 30px;
  padding: 0.907rem 0;
  bottom: 0;
  background: transparent;
  border-radius: 20px;
  left: 0px;
  right: 0px;
  width: 98%;
  margin: auto;
}
.home-main .freestyle-view .row-7 .milesstones-section-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 50%;
  border: 2px solid #000;
  background-color: #fff;
  min-width: 30px;
  max-width: 30px;
}

.default-about-main {
  background: #e3e3e3;
}
.default-about-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .default-about-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.default-about-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .default-about-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.default-about-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .default-about-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.default-about-main .slider-section {
  position: relative;
  overflow: hidden;
}
.default-about-main .slider-section .counter-cnt {
  position: absolute;
  bottom: 0rem;
  right: var(--site-padding);
  padding: 1rem;
  color: #fff;
  font-size: var(--font20);
  line-height: 30px;
}
@media (max-width: 600px) {
  .default-about-main .slider-section .counter-cnt {
    font-size: 14px;
    line-height: 17px;
  }
}
.default-about-main .slider .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.default-about-main .slider .slick-list .project-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.default-about-main .slider .slick-arrow {
  position: absolute;
}
.default-about-main .slider .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .default-about-main .slider .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.default-about-main .slider .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .default-about-main .slider .slick-arrow.next-arrow {
    width: 60px;
  }
}
.default-about-main .slider .project-slide {
  position: relative;
  cursor: pointer;
}
.default-about-main .slider .project-slide .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  font-weight: 100;
  color: #fff;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem 33% 1rem var(--site-padding);
}
@media (max-width: 600px) {
  .default-about-main .slider .project-slide .content {
    font-size: 14px;
    line-height: 18px;
    padding: 1rem;
  }
}
.default-about-main .slider .project-slide .content p {
  margin: 0;
  max-width: 900px;
}
.default-about-main .slider .project-slide .content iframe {
  display: none;
}
.default-about-main .slider .project-slide .img-cnt {
  display: block;
  height: calc( var(--viewport) - 1.5 * var(--header-height) );
  max-height: 63vw;
}
@media (max-width: 600px) {
  .default-about-main .slider .project-slide .img-cnt {
    height: calc( var(--viewport) - 1.5 * var(--header-height) );
  }
}
.default-about-main .slider .project-slide .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.default-about-main .slider .project-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem var(--site-padding);
  font-size: var(--font20);
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 600px) {
  .default-about-main .slider .project-slide .title {
    font-size: 14px;
    line-height: 19px;
  }
}
.default-about-main .slider .project-slide .title p {
  margin: 0;
}
.default-about-main .video-cnt {
  position: relative;
  padding: 0 var(--site-padding) 2rem;
}
.default-about-main .video-cnt .video {
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .default-about-main .video-cnt .video {
    padding-bottom: 56.25%;
  }
}
.default-about-main .video-cnt .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.default-about-main .video-cnt .play-pause {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  right: var(--site-padding);
  bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease-in-out;
}
.default-about-main .video-cnt .play-pause.playing {
  background-color: transparent;
}
.default-about-main .video-cnt .play-pause .play {
  cursor: pointer;
  width: 100px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .default-about-main .video-cnt .play-pause .play {
    width: 50px;
  }
}
.default-about-main .video-cnt .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.default-about-main .video-cnt .play-pause .pause {
  width: 100px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  width: 50px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .default-about-main .video-cnt .play-pause .pause {
    width: 19px;
  }
}
.default-about-main .video-cnt .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.default-about-main .video-cnt .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.default-about-main .video-cnt .play-pause .pause.show-important {
  opacity: 1 !important;
}
.default-about-main .featured-img {
  max-height: calc( var(--viewport) - 2 * var(--header-height) );
}
.default-about-main .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.default-about-main .right-content {
  padding: 2.4rem var(--site-padding);
}
.default-about-main .right-content .text-info {
  font-size: var(--font25);
  line-height: 30px;
  max-width: 66%;
  margin-left: auto;
  font-weight: 100;
}
@media (max-width: 600px) {
  .default-about-main .right-content .text-info {
    max-width: 100%;
    font-size: 16px;
    line-height: 19px;
  }
}
.default-about-main .right-content .text-info p:last-child {
  margin-bottom: 0;
}
.default-about-main .bottom-group {
  padding: 0 var(--site-padding) 2.4rem;
  max-width: 66%;
  margin-right: auto;
}
@media (max-width: 600px) {
  .default-about-main .bottom-group {
    max-width: 100%;
  }
}
.default-about-main .bottom-group .image img {
  width: 100%;
  height: auto;
}
.default-about-main .bottom-group .image-caption {
  font-weight: 100;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-family: inherit;
}
.default-about-main .bottom-group .text-info-bottom {
  margin-top: 2.5rem;
  font-size: var(--font25);
  font-weight: 100;
  line-height: 30px;
}
@media (max-width: 600px) {
  .default-about-main .bottom-group .text-info-bottom {
    font-size: 16px;
    line-height: 19px;
  }
}
.default-about-main .drawers {
  margin: 5rem var(--site-padding) 0;
  border-top: 4px solid #000;
  padding-bottom: 6rem;
}
.default-about-main .drawers .info {
  border-bottom: 2px solid;
  overflow: hidden;
}
.default-about-main .drawers .info .title-cnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 0.5rem;
  cursor: pointer;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.default-about-main .drawers .info .title-cnt .title {
  margin: 0;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
.default-about-main .drawers .info .title-cnt svg {
  pointer-events: none;
  transition: transform 0.4s ease-in-out;
}
.default-about-main .drawers .info .text-cnt {
  max-height: 0;
}
.default-about-main .drawers .info .text-cnt .text {
  font-weight: 300;
  display: flex;
  flex-flow: column;
  width: 70%;
  margin-left: auto;
  font-size: 20px;
  line-height: 24px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (max-width: 600px) {
  .default-about-main .drawers .info .text-cnt .text {
    width: auto;
  }
}
.default-about-main .drawers .info .text-cnt .text .btns-cnt {
  margin-top: 2rem;
}
.default-about-main .drawers .info .text-cnt .text a {
  text-transform: uppercase;
  border: 2px solid #000;
  display: inline-block;
  margin-right: auto;
  padding: 0.75rem 1rem;
  background: #fff;
  border-radius: 24px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  font-weight: 400;
}
.default-about-main .drawers .info .text-cnt .text a:last-child {
  margin-right: 0;
}
.default-about-main .drawers .info .text-cnt .text a:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
.default-about-main .drawers .info .text-cnt .text ul {
  list-style: disc;
  padding-left: 1.1rem;
}
.default-about-main .drawers .info.active .title-cnt svg {
  transform: rotateX(180deg);
  transform-origin: center;
}

.team-main {
  padding: 0 var(--site-padding);
  background: #e3e3e3;
}
.team-main .team-cnt {
  max-width: 1079px;
  margin: auto;
  display: flex;
  flex-flow: wrap;
  position: relative;
  padding-top: 2rem;
}
.team-main .team-cnt .member {
  width: calc(33% - ( 42px - 14px) );
  margin-right: 42px;
  margin-bottom: 2rem;
  position: relative;
}
@media (max-width: 600px) {
  .team-main .team-cnt .member {
    width: 100%;
    margin-right: 0;
  }
}
.team-main .team-cnt .member:hover .title-position {
  opacity: 1;
}
.team-main .team-cnt .member:nth-child(3n) {
  margin-right: 0;
}
.team-main .team-cnt .member .title-position {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0.7rem;
  color: white;
  font-size: var(--font20);
  line-height: 30px;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}
@media (max-width: 600px) {
  .team-main .team-cnt .member .title-position {
    opacity: 1;
    line-height: 24px;
  }
  .team-main .team-cnt .member .title-position .position {
    font-weight: 100;
  }
}
.team-main .team-cnt .member .img-cnt {
  display: block;
  width: 100%;
  height: 100%;
}
.team-main .team-cnt .member .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-members-main {
  background: #e3e3e3;
  padding: 2rem var(--site-padding);
}
.single-members-main .cnt {
  display: flex;
  justify-content: space-between;
  max-width: 1300px;
  margin: auto;
  padding-bottom: 2.5rem;
}
@media (max-width: 600px) {
  .single-members-main .cnt {
    display: block;
  }
}
.single-members-main .cnt .img-cnt {
  width: 30%;
}
@media (max-width: 600px) {
  .single-members-main .cnt .img-cnt {
    width: 100%;
  }
}
.single-members-main .cnt .img-cnt .inner img {
  width: 100%;
  height: auto;
}
.single-members-main .cnt .content-cnt {
  width: 66%;
  font-size: var(--font25);
  line-height: 30px;
}
@media (max-width: 600px) {
  .single-members-main .cnt .content-cnt {
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    margin-top: 2rem;
  }
}
.single-members-main .cnt .content-cnt .title-position {
  margin-bottom: 1rem;
}
.single-members-main .cnt .content-cnt .title-position .title {
  font-weight: bold;
}
.single-members-main .cnt .content-cnt .title-position .position {
  font-weight: 100;
}
.single-members-main .cnt .content-cnt .text-info {
  font-weight: 100;
}
.single-members-main .back-to-team {
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}
@media (max-width: 600px) {
  .single-members-main .back-to-team {
    font-size: 20px;
    line-height: 24px;
  }
}
.single-members-main .back-to-team a {
  background: #fff;
  text-transform: uppercase;
  padding: 1rem 1.6rem;
  cursor: pointer;
  border: 1px solid #000;
}
.single-members-main .back-to-team a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

.cert-main {
  background: #e3e3e3;
}
.cert-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .cert-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.cert-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .cert-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.cert-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .cert-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.cert-main .slider-section {
  position: relative;
  overflow: hidden;
}
.cert-main .slider-section .counter-cnt {
  position: absolute;
  bottom: 0rem;
  right: var(--site-padding);
  padding: 1rem;
  color: #fff;
  font-size: var(--font20);
  line-height: 30px;
  z-index: 1;
}
@media (max-width: 600px) {
  .cert-main .slider-section .counter-cnt {
    font-size: 14px;
    line-height: 17px;
    bottom: 0;
  }
}
.cert-main .slider .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.cert-main .slider .slick-list .project-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.cert-main .slider .slick-arrow {
  position: absolute;
}
.cert-main .slider .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .cert-main .slider .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.cert-main .slider .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .cert-main .slider .slick-arrow.next-arrow {
    width: 60px;
  }
}
.cert-main .slider .project-slide {
  position: relative;
  cursor: pointer;
}
.cert-main .slider .project-slide .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  font-weight: 100;
  color: #fff;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem 33% 1rem var(--site-padding);
}
@media (max-width: 600px) {
  .cert-main .slider .project-slide .content {
    font-size: 14px;
    line-height: 18px;
    padding: 1rem;
  }
}
.cert-main .slider .project-slide .content p {
  margin: 0;
  max-width: 900px;
}
.cert-main .slider .project-slide .content iframe {
  display: none;
}
.cert-main .slider .project-slide .img-cnt {
  display: block;
  height: calc( var(--viewport) - 1.5 * var(--header-height) );
  max-height: 63vw;
}
@media (max-width: 600px) {
  .cert-main .slider .project-slide .img-cnt {
    height: calc( var(--viewport) - 1.5 * var(--header-height) );
  }
}
.cert-main .slider .project-slide .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cert-main .slider .project-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem var(--site-padding);
  font-size: var(--font20);
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}
@media (max-width: 600px) {
  .cert-main .slider .project-slide .title {
    font-size: 14px;
    line-height: 19px;
  }
}
.cert-main .slider .project-slide .title p {
  margin: 0;
}
.cert-main .video-cnt {
  position: relative;
  padding: 0 var(--site-padding) 2rem;
}
.cert-main .video-cnt .video {
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .cert-main .video-cnt .video {
    padding-bottom: 56.25%;
  }
}
.cert-main .video-cnt .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cert-main .video-cnt .play-pause {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  right: var(--site-padding);
  bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease-in-out;
}
.cert-main .video-cnt .play-pause.playing {
  background-color: transparent;
}
.cert-main .video-cnt .play-pause .play {
  cursor: pointer;
  width: 100px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .cert-main .video-cnt .play-pause .play {
    width: 50px;
  }
}
.cert-main .video-cnt .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.cert-main .video-cnt .play-pause .pause {
  width: 100px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  width: 50px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .cert-main .video-cnt .play-pause .pause {
    width: 19px;
  }
}
.cert-main .video-cnt .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.cert-main .video-cnt .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.cert-main .video-cnt .play-pause .pause.show-important {
  opacity: 1 !important;
}
.cert-main .featured-img {
  max-height: calc( var(--viewport) - 2 * var(--header-height) );
}
.cert-main .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cert-main .matrix {
  padding: 2.5rem var(--site-padding);
  font-size: var(--font20);
  line-height: 25px;
}
@media (max-width: 600px) {
  .cert-main .matrix .year-cnt {
    font-size: 16px;
    line-height: 19px;
  }
}
.cert-main .matrix .year-cnt p {
  margin-bottom: 0;
  border-bottom: 2px solid #000;
  margin-top: 0.4rem;
}
.cert-main .matrix .year-cnt .values {
  font-weight: 100;
  text-transform: uppercase;
}
.cert-main .matrix .year-cnt .values li {
  padding: 0.3rem 0;
  border-bottom: 1px solid #000;
}
.cert-main .matrix .year-cnt .values li .link-cnt {
  display: flex;
  justify-content: space-between;
}
.cert-main .matrix .year-cnt .values li .link-cnt:hover {
  text-decoration: none;
}
.cert-main .matrix .year-cnt .values li span {
  font-size: var(--font25);
}

.ourpartnerts-main {
  background: #e3e3e3;
}
.ourpartnerts-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .ourpartnerts-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.ourpartnerts-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .ourpartnerts-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.ourpartnerts-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .ourpartnerts-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.ourpartnerts-main .slider-section {
  position: relative;
}
.ourpartnerts-main .slider-section .counter-cnt {
  position: absolute;
  bottom: 2rem;
  right: var(--site-padding);
  padding: 1rem;
  color: #fff;
  font-size: var(--font20);
  line-height: 30px;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider-section .counter-cnt {
    font-size: 14px;
    line-height: 17px;
  }
}
.ourpartnerts-main .slider {
  padding: 0 var(--site-padding) 2rem;
}
.ourpartnerts-main .slider .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.ourpartnerts-main .slider .slick-list .project-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.ourpartnerts-main .slider .slick-arrow {
  position: absolute;
}
.ourpartnerts-main .slider .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.ourpartnerts-main .slider .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider .slick-arrow.next-arrow {
    width: 60px;
  }
}
.ourpartnerts-main .slider .project-slide {
  position: relative;
  cursor: pointer;
}
.ourpartnerts-main .slider .project-slide:hover .content {
  opacity: 1;
}
.ourpartnerts-main .slider .project-slide .content {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  font-weight: 100;
  color: #fff;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider .project-slide .content {
    opacity: 1;
    font-size: 12px;
    line-height: 17px;
  }
}
.ourpartnerts-main .slider .project-slide .content p {
  margin: 0;
  max-width: 900px;
}
.ourpartnerts-main .slider .project-slide .content iframe {
  display: none;
}
.ourpartnerts-main .slider .project-slide .img-cnt {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 54%;
  height: 0;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider .project-slide .img-cnt {
    height: 63vh;
    padding-bottom: 0;
  }
}
.ourpartnerts-main .slider .project-slide .img-cnt img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider .project-slide .img-cnt img {
    position: relative;
  }
}
.ourpartnerts-main .slider .project-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  font-size: var(--font20);
  line-height: 30px;
  color: #fff;
  font-weight: 300;
  z-index: 1;
}
@media (max-width: 600px) {
  .ourpartnerts-main .slider .project-slide .title {
    font-size: 14px;
    line-height: 19px;
  }
}
.ourpartnerts-main .slider .project-slide .title p {
  margin: 0;
}
.ourpartnerts-main .video-cnt {
  position: relative;
  padding: 0 var(--site-padding) 2rem;
}
.ourpartnerts-main .video-cnt .video {
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .ourpartnerts-main .video-cnt .video {
    padding-bottom: 56.25%;
  }
}
.ourpartnerts-main .video-cnt .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ourpartnerts-main .video-cnt .play-pause {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  right: var(--site-padding);
  bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease-in-out;
}
.ourpartnerts-main .video-cnt .play-pause.playing {
  background-color: transparent;
}
.ourpartnerts-main .video-cnt .play-pause .play {
  cursor: pointer;
  width: 100px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .ourpartnerts-main .video-cnt .play-pause .play {
    width: 50px;
  }
}
.ourpartnerts-main .video-cnt .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.ourpartnerts-main .video-cnt .play-pause .pause {
  width: 100px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  width: 50px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .ourpartnerts-main .video-cnt .play-pause .pause {
    width: 19px;
  }
}
.ourpartnerts-main .video-cnt .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.ourpartnerts-main .video-cnt .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.ourpartnerts-main .video-cnt .play-pause .pause.show-important {
  opacity: 1 !important;
}
.ourpartnerts-main .featured-img {
  padding: 0rem 0 2rem;
}
.ourpartnerts-main .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: calc( var(--viewport) * var(--header-height) );
}
.ourpartnerts-main .logos-cnt {
  display: flex;
  flex-flow: wrap;
  padding: 4.5rem var(--site-padding);
  gap: 54px;
}
@media (max-width: 600px) {
  .ourpartnerts-main .logos-cnt {
    gap: 30px;
  }
}
.ourpartnerts-main .logos-cnt .logo {
  width: calc( 100% / 6 - 45px );
  margin-bottom: 2.9rem;
}
@media (max-width: 600px) {
  .ourpartnerts-main .logos-cnt .logo {
    margin: 0;
    width: calc( 33% - 19px );
    padding-bottom: 0;
  }
}
.ourpartnerts-main .logos-cnt .logo a {
  display: block;
  height: 100%;
  width: 100%;
}
.ourpartnerts-main .logos-cnt .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 150px;
  max-width: 150px;
}
.ourpartnerts-main .main-content {
  font-size: var(--font30);
  line-height: 36px;
  padding: 0 var(--site-padding);
}
.ourpartnerts-main .main-content p {
  width: 66%;
  margin-left: auto;
}
@media (max-width: 600px) {
  .ourpartnerts-main .main-content {
    font-size: 20px;
    line-height: 24px;
  }
  .ourpartnerts-main .main-content p {
    width: auto;
  }
}
.ourpartnerts-main .sections .section-cnt {
  padding: 2rem var(--site-padding);
}
.ourpartnerts-main .sections .section-cnt .text-info {
  font-size: var(--font20);
  font-weight: 200;
}
.ourpartnerts-main .sections .section-cnt .text-info strong {
  font-weight: 400;
}
.ourpartnerts-main .sections .section-cnt .text-info ul, .ourpartnerts-main .sections .section-cnt .text-info ol {
  list-style: disc;
}
.ourpartnerts-main .sections .section-cnt .logos-cnt {
  display: flex;
  flex-flow: wrap;
  padding: 2rem 0;
  gap: 54px;
}
@media (max-width: 600px) {
  .ourpartnerts-main .sections .section-cnt .logos-cnt {
    padding: 1rem 0;
    gap: 30px;
  }
}
.ourpartnerts-main .sections .section-cnt .logos-cnt .logo {
  width: calc( 100% / 6 - 45px );
  margin-bottom: 2.9rem;
}
@media (max-width: 600px) {
  .ourpartnerts-main .sections .section-cnt .logos-cnt .logo {
    margin: 0;
    width: calc( 33% - 19px );
    padding-bottom: 0;
  }
}
.ourpartnerts-main .sections .section-cnt .logos-cnt .logo a {
  display: block;
  height: 100%;
  width: 100%;
}
.ourpartnerts-main .sections .section-cnt .logos-cnt .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 150px;
  max-width: 150px;
}

.services-main {
  padding: 2rem var(--site-padding);
  background: #e3e3e3;
}
.services-main .services-cnt {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .services-main .services-cnt {
    display: block;
  }
}
.services-main .services-cnt .service {
  width: calc(33% - ( 2rem + 9px) );
  margin-right: 18px;
  margin-bottom: 4rem;
  background: #fff;
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
  padding: 1rem;
  box-shadow: 0.3rem 0.3rem 0.3rem 1px rgba(0, 0, 0, 0.51);
  position: relative;
  transition: box-shadow 0.2s ease-in-out;
}
@media (max-width: 900px) {
  .services-main .services-cnt .service {
    width: calc(30% - ( 2rem + -10px) );
  }
}
@media (max-width: 600px) {
  .services-main .services-cnt .service {
    width: auto;
    margin-right: 0;
  }
}
.services-main .services-cnt .service:hover {
  box-shadow: 0.3rem 0.3rem 0.3rem 1px rgba(0, 0, 0, 0.8);
}
.services-main .services-cnt .service .background-overlay {
  display: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition: opacity 0.4s ease-in-out;
}
.services-main .services-cnt .service:nth-child(3n) {
  margin-right: 0;
}
.services-main .services-cnt .service .title {
  margin-bottom: 1rem;
  min-height: 80px;
  position: relative;
}
@media (max-width: 600px) {
  .services-main .services-cnt .service .title {
    min-height: 40px;
  }
}
.services-main .services-cnt .service .title a {
  font-size: var(--font25);
  line-height: 30px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (max-width: 600px) {
  .services-main .services-cnt .service .title a {
    font-size: 20px;
    line-height: 24px;
  }
}
.services-main .services-cnt .service .img-cnt {
  position: relative;
  padding-top: 100%;
}
.services-main .services-cnt .service .img-cnt a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.services-main .services-cnt .service .img-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.people-main {
  background: #e3e3e3;
}
.people-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .people-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.people-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .people-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.people-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .people-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.people-main .featured-img {
  padding: 0rem 0 2rem;
}
.people-main .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: calc( var(--viewport) * var(--header-height) );
}
.people-main .right-content {
  padding: 2.4rem var(--site-padding) 7.4rem;
}
.people-main .right-content .text-info {
  font-size: var(--font25);
  line-height: 30px;
  max-width: 66%;
  margin-left: auto;
  font-weight: 100;
}
@media (max-width: 600px) {
  .people-main .right-content .text-info {
    font-size: 18px;
    line-height: 21px;
    max-width: 100%;
  }
}
.people-main .right-content .text-info .video-cnt-content {
  position: relative;
  padding-top: 56.25%;
}
.people-main .right-content .text-info .video-cnt-content iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.people-main .right-content .text-info ul {
  list-style: circle;
}
.people-main .right-content .text-info strong {
  font-weight: 400;
}
.people-main .right-content .text-info p:last-child {
  margin-bottom: 0;
}
.people-main .bullet-points {
  max-width: 1300px;
  margin: auto;
  list-style: disc;
  font-size: var(--font25);
  line-height: 40px;
  font-weight: 100;
  column-count: 2;
  padding: 0 var(--site-padding) 2rem;
}
@media (max-width: 600px) {
  .people-main .bullet-points {
    padding: 0 var(--site-padding) 2rem 2.5rem;
    column-count: 1;
    font-size: 20px;
    line-height: 24px;
  }
}
.people-main .bullet-points li {
  pointer-events: none;
}

.contact-main {
  padding: 0 var(--site-padding);
  background: #e3e3e3;
}
.contact-main .hero-section {
  padding: 2.4rem 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 600px) {
  .contact-main .hero-section {
    flex-flow: column;
    padding: 1.4rem 0 var(--site-padding) var(--site-padding);
  }
}
.contact-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .contact-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.contact-main .img-cnt {
  padding: 0rem 0 4rem;
  position: relative;
}
.contact-main .img-cnt .map {
  height: calc( var(--viewport) - 1 * var(--header-height) );
  min-height: 600px;
}
@media (max-width: 600px) {
  .contact-main .img-cnt .map {
    min-height: auto;
    height: 62vh;
  }
}

.single-services {
  background: #e3e3e3;
}
.single-services .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .single-services .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.single-services .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .single-services .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.single-services .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .single-services .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.single-services .featured-img {
  max-height: calc( var(--viewport) - 2 * var(--header-height) );
}
.single-services .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-services .slider-section {
  position: relative;
  overflow: hidden;
}
.single-services .slider-section .counter-cnt {
  position: absolute;
  bottom: 0rem;
  right: var(--site-padding);
  padding: 1rem;
  color: #fff;
  font-size: var(--font20);
  line-height: 30px;
  z-index: 1;
}
@media (max-width: 600px) {
  .single-services .slider-section .counter-cnt {
    font-size: 14px;
    line-height: 17px;
    bottom: 0;
  }
}
.single-services .slider .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.single-services .slider .slick-list .project-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.single-services .slider .slick-arrow {
  position: absolute;
}
.single-services .slider .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .single-services .slider .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.single-services .slider .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .single-services .slider .slick-arrow.next-arrow {
    width: 60px;
  }
}
.single-services .slider .project-slide {
  position: relative;
  cursor: pointer;
}
.single-services .slider .project-slide .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  font-weight: 100;
  color: #fff;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem 33% 1rem var(--site-padding);
  z-index: 1;
}
@media (max-width: 600px) {
  .single-services .slider .project-slide .content {
    font-size: 14px;
    line-height: 19px;
    padding: 1rem;
  }
}
.single-services .slider .project-slide .content p {
  margin: 0;
  max-width: 900px;
}
.single-services .slider .project-slide .content iframe {
  display: none;
}
.single-services .slider .project-slide .img-cnt {
  position: relative;
  overflow: hidden;
  padding-bottom: 48%;
  height: 0;
  display: block;
}
@media (max-width: 600px) {
  .single-services .slider .project-slide .img-cnt {
    padding-bottom: 84%;
  }
}
.single-services .slider .project-slide .img-cnt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-services .slider .project-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem var(--site-padding);
  font-size: var(--font20);
  line-height: 30px;
  color: #fff;
  font-weight: 300;
  z-index: 1;
}
@media (max-width: 600px) {
  .single-services .slider .project-slide .title {
    font-size: 14px;
    line-height: 19px;
  }
}
.single-services .slider .project-slide .title p {
  margin: 0;
}
.single-services .video-cnt {
  position: relative;
  padding: 0 var(--site-padding) 2rem;
}
.single-services .video-cnt .video {
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .single-services .video-cnt .video {
    padding-bottom: 55.25%;
  }
}
.single-services .video-cnt .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-services .video-cnt .play-pause {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  right: var(--site-padding);
  bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.single-services .video-cnt .play-pause.playing {
  background-color: none;
}
.single-services .video-cnt .play-pause .play {
  cursor: pointer;
  width: 100px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .single-services .video-cnt .play-pause .play {
    width: 50px;
  }
}
.single-services .video-cnt .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.single-services .video-cnt .play-pause .pause {
  width: 100px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  width: 50px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .single-services .video-cnt .play-pause .pause {
    width: 19px;
  }
}
.single-services .video-cnt .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.single-services .video-cnt .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.single-services .video-cnt .play-pause .pause.show-important {
  opacity: 1 !important;
}
.single-services .main-text {
  padding: 4rem var(--site-padding) 2.4rem;
  max-width: 66%;
  margin-right: auto;
  font-size: var(--font25);
  font-weight: 100;
  line-height: 30px;
}
@media (max-width: 600px) {
  .single-services .main-text {
    padding: 1rem var(--site-padding) 1.4rem;
    font-size: 20px;
    line-height: 24px;
    max-width: 100%;
  }
}
.single-services .related-projects {
  padding: var(--site-padding);
}
@media (max-width: 600px) {
  .single-services .related-projects {
    padding: 1.5rem var(--site-padding) 2rem;
  }
}
.single-services .related-projects .projects-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .single-services .related-projects .projects-wrap {
    display: block;
  }
}
.single-services .related-projects .projects-wrap .project-cnt {
  width: calc( 33.3% - 10.5px );
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: calc( 33.3% - 10.5px );
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .single-services .related-projects .projects-wrap .project-cnt {
    width: 100%;
    padding-top: 100%;
  }
}
.single-services .related-projects .projects-wrap .project-cnt:hover .title-cnt {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.single-services .related-projects .projects-wrap .project-cnt:nth-child(3n) {
  margin-right: 0;
}
.single-services .related-projects .projects-wrap .project-cnt.fade {
  opacity: 0;
  pointer-events: none;
}
.single-services .related-projects .projects-wrap .project-cnt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.single-services .related-projects .projects-wrap .project-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-services .related-projects .projects-wrap .project-cnt .title-cnt {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem;
  opacity: 0;
}
@media (max-width: 600px) {
  .single-services .related-projects .projects-wrap .project-cnt .title-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
}
.single-services .related-projects .load-more-cnt {
  text-align: center;
}
.single-services .related-projects .load-more-cnt .load-more {
  display: inline-block;
  padding: 0.7rem;
  text-transform: uppercase;
  background: #fff;
  cursor: pointer;
}
.single-services .related-projects .load-more-cnt .load-more:hover {
  background: #000;
  color: #fff;
}

.news-main {
  padding: 2rem var(--site-padding);
  background: #e3e3e3;
}
.news-main .news-cnt {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .news-main .news-cnt {
    display: block;
  }
}
.news-main .news-cnt .post {
  width: calc(33% - ( 0rem + 9px) );
  margin-right: 18px;
  margin-bottom: 4rem;
  background: #fff;
  height: 100%;
  overflow: hidden;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.71);
  position: relative;
}
.news-main .news-cnt .post:hover {
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.91);
}
.news-main .news-cnt .post:hover .title-date {
  opacity: 1;
}
@media (max-width: 900px) {
  .news-main .news-cnt .post {
    width: calc(30% - ( 0rem + -10px) );
  }
}
@media (max-width: 600px) {
  .news-main .news-cnt .post {
    width: auto;
    margin-right: 0;
    padding-top: 0;
  }
}
.news-main .news-cnt .post .title-date {
  font-size: var(--font25);
  line-height: 30px;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  transition: opacity 0.4s ease-in-out;
  background: rgba(255, 255, 255, 0.76);
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 900px) {
  .news-main .news-cnt .post .title-date {
    font-size: 1rem;
    line-height: 20px;
  }
}
@media (max-width: 600px) {
  .news-main .news-cnt .post .title-date {
    position: static;
    margin-top: 1rem;
    opacity: 1;
  }
}
.news-main .news-cnt .post:nth-child(3n) {
  margin-right: 0;
}
.news-main .news-cnt .post .date {
  margin-bottom: 0;
  pointer-events: none;
}
.news-main .news-cnt .post .title-link {
  margin-bottom: 1rem;
  min-height: 55px;
  position: relative;
  display: block;
}
@media (max-width: 600px) {
  .news-main .news-cnt .post .title-link {
    min-height: auto;
  }
}
.news-main .news-cnt .post .title-link a {
  font-size: var(--font25);
  line-height: 30px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.news-main .news-cnt .post .img-cnt {
  position: relative;
  padding-top: 100%;
}
.news-main .news-cnt .post .img-cnt .img-link {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.news-main .news-cnt .post .img-cnt .img-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-single-main {
  background: #e3e3e3;
}
.news-single-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .news-single-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.news-single-main .hero-section .date {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .news-single-main .hero-section .date {
    font-size: 20px;
    line-height: 24px;
  }
}
.news-single-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .news-single-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.news-single-main .video-cnt {
  position: relative;
  padding: 0 var(--site-padding) 2rem;
}
.news-single-main .video-cnt .hero-text {
  position: absolute;
  color: #fff;
  font-size: var(--font30);
  right: var(--site-padding);
  left: var(--site-padding);
  padding: 1rem;
  line-height: 36px;
  pointer-events: none;
  z-index: 10;
}
@media (max-width: 600px) {
  .news-single-main .video-cnt .hero-text {
    font-size: 12px;
    line-height: 18px;
    display: none;
  }
}
.news-single-main .video-cnt .hero-text p {
  margin: 0;
  max-width: 650px;
}
.news-single-main .video-cnt .video {
  background-color: #000;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .news-single-main .video-cnt .video {
    padding-bottom: 55.25%;
  }
}
.news-single-main .video-cnt .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-single-main .video-cnt .play-pause {
  position: absolute;
  top: 0;
  left: var(--site-padding);
  right: var(--site-padding);
  bottom: 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 0.3s ease-in-out;
}
.news-single-main .video-cnt .play-pause.playing {
  background-color: transparent;
}
.news-single-main .video-cnt .play-pause .play {
  cursor: pointer;
  width: 100px;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .news-single-main .video-cnt .play-pause .play {
    width: 50px;
  }
}
.news-single-main .video-cnt .play-pause .play.hide {
  pointer-events: none;
  opacity: 0;
}
.news-single-main .video-cnt .play-pause .pause {
  width: 100px;
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  opacity: 1;
  width: 50px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
  .news-single-main .video-cnt .play-pause .pause {
    width: 19px;
  }
}
.news-single-main .video-cnt .play-pause .pause.hide {
  pointer-events: none;
  opacity: 0;
}
.news-single-main .video-cnt .play-pause .pause.fade {
  opacity: 0;
  pointer-events: none;
}
.news-single-main .video-cnt .play-pause .pause.show-important {
  opacity: 1 !important;
}
.news-single-main .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-single-main .right-content {
  padding: 2.4rem var(--site-padding);
}
.news-single-main .right-content .text-info {
  font-size: var(--font25);
  line-height: 30px;
  max-width: 66%;
  margin-left: auto;
  font-weight: 100;
}
@media (max-width: 600px) {
  .news-single-main .right-content .text-info {
    font-size: 18px;
    line-height: 21px;
    max-width: 100%;
  }
}
.news-single-main .right-content .text-info .video-cnt-content {
  position: relative;
  padding-top: 56.25%;
}
.news-single-main .right-content .text-info .video-cnt-content iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.news-single-main .right-content .text-info ul {
  list-style: circle;
}
.news-single-main .right-content .text-info p:last-child {
  margin-bottom: 0;
}
.news-single-main .related-projects {
  padding: var(--site-padding);
}
@media (max-width: 600px) {
  .news-single-main .related-projects {
    padding: 1.5rem var(--site-padding) 2rem;
  }
}
.news-single-main .related-projects .title {
  font-size: var(--font20);
  text-transform: capitalize;
}
.news-single-main .related-projects .projects-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .news-single-main .related-projects .projects-wrap {
    display: block;
  }
}
.news-single-main .related-projects .projects-wrap .project-cnt {
  width: calc( 33.3% - 10.5px );
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: calc( 33.3% - 10.5px );
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .news-single-main .related-projects .projects-wrap .project-cnt {
    width: 100%;
    padding-top: 100%;
  }
}
.news-single-main .related-projects .projects-wrap .project-cnt:hover .title-cnt {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.news-single-main .related-projects .projects-wrap .project-cnt:nth-child(3n) {
  margin-right: 0;
}
.news-single-main .related-projects .projects-wrap .project-cnt.fade {
  opacity: 0;
  pointer-events: none;
}
.news-single-main .related-projects .projects-wrap .project-cnt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.news-single-main .related-projects .projects-wrap .project-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-single-main .related-projects .projects-wrap .project-cnt .title-cnt {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem;
  opacity: 0;
}
@media (max-width: 600px) {
  .news-single-main .related-projects .projects-wrap .project-cnt .title-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
}

.projects-archive {
  background: #e3e3e3;
  padding: 2rem var(--site-padding);
}
.projects-archive .projects-index .projects-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .projects-archive .projects-index .projects-wrap {
    display: block;
  }
}
.projects-archive .projects-index .projects-wrap .project-cnt {
  width: calc( 33.3% - 10.5px );
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: calc( 33.3% - 10.5px );
}
@media (max-width: 600px) {
  .projects-archive .projects-index .projects-wrap .project-cnt {
    width: 100%;
    margin-right: 0;
    padding-top: 100%;
  }
}
.projects-archive .projects-index .projects-wrap .project-cnt:hover .title-cnt {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.projects-archive .projects-index .projects-wrap .project-cnt:nth-child(3n) {
  margin-right: 0;
}
.projects-archive .projects-index .projects-wrap .project-cnt.fade {
  opacity: 0;
  pointer-events: none;
}
.projects-archive .projects-index .projects-wrap .project-cnt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.projects-archive .projects-index .projects-wrap .project-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.projects-archive .projects-index .projects-wrap .project-cnt .title-cnt {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem;
  opacity: 0;
}
@media (max-width: 600px) {
  .projects-archive .projects-index .projects-wrap .project-cnt .title-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
}
.projects-archive .projects-index .load-more-cnt {
  text-align: center;
}
.projects-archive .projects-index .load-more-cnt .load-more {
  display: inline-block;
  padding: 0.7rem;
  text-transform: uppercase;
  background: #fff;
  cursor: pointer;
}
.projects-archive .projects-index .load-more-cnt .load-more:hover {
  background: #000;
  color: #fff;
}

.site-footer {
  padding: 0 var(--site-padding);
  background: #fff;
  height: var(--footer-height);
}
.site-footer .top {
  display: flex;
  justify-content: space-between;
  padding-top: 3.4rem;
}
@media (max-width: 1200px) {
  .site-footer .top {
    flex-flow: column;
    padding-top: 1.4rem;
  }
}
.site-footer .top .form-cnt {
  border: 1px solid #000;
  padding: 0 0.8rem;
  height: 168px;
  margin-right: 1rem;
  max-width: 607px;
}
@media (max-width: 1200px) {
  .site-footer .top .form-cnt {
    border: none;
    padding: 0;
    max-width: 100%;
    height: auto;
  }
}
.site-footer .top .form-cnt .title {
  margin: 0;
  font-size: var(--font20);
  margin-bottom: 0.6rem;
  margin-top: 1.4rem;
}
@media (max-width: 1200px) {
  .site-footer .top .form-cnt .title {
    margin-top: 1.2rem;
  }
}
@media (max-width: 600px) {
  .site-footer .top .form-cnt .title {
    margin-top: 0.6rem;
  }
}
.site-footer .top .form-cnt form p {
  margin: 0;
}
.site-footer .top .form-cnt form .wpcf7-list-item {
  margin: 0.5rem 0 0 0;
}
.site-footer .top .form-cnt form .wpcf7-list-item label {
  display: flex;
  align-items: center;
}
.site-footer .top .form-cnt form .wpcf7-list-item label input {
  margin-right: 0.5rem;
}
.site-footer .top .form-cnt form .mail-input {
  font-size: var(--font20);
  max-width: 420px;
  border: 1px solid #000;
  height: 61px;
  padding-left: 1rem;
}
@media (max-width: 1200px) {
  .site-footer .top .form-cnt form .mail-input {
    max-width: 77%;
  }
}
@media (max-width: 600px) {
  .site-footer .top .form-cnt form .mail-input {
    font-size: 14px;
    height: 35px;
    max-width: 69%;
  }
}
.site-footer .top .form-cnt form .mail-input:focus {
  outline: 0;
}
.site-footer .top .form-cnt form .checkbox-container.label-right .field-wrap .nf-field-label {
  width: 7%;
}
.site-footer .top .form-cnt form .submit-input {
  border: 1px solid #000;
  font-size: var(--font20);
  text-transform: uppercase;
  margin-left: 0.6rem;
  height: 65px;
  background: #fff;
  padding: 2px 2.64rem;
}
html[lang=el] .site-footer .top .form-cnt form .submit-input {
  padding: 2px 0.64rem;
}
.site-footer .top .form-cnt form .submit-input:hover {
  background: #000;
  color: #fff;
}
@media (max-width: 1200px) {
  .site-footer .top .form-cnt form .submit-input {
    margin-left: 0;
  }
}
@media (max-width: 600px) {
  .site-footer .top .form-cnt form .submit-input {
    padding: 2px 0.64rem;
    font-size: 14px;
    height: 39px;
  }
}
.site-footer .top .form-cnt form .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  right: 0;
  top: 5rem;
  color: #000;
  padding-top: 0.4rem;
}
.site-footer .top .form-cnt form .wpcf7-response-output {
  padding-left: 0;
  border: none;
  margin-left: 0;
  padding-top: 0.5rem;
}
.site-footer .top .form-cnt form .termsandconditions {
  top: 0.6rem;
}
.site-footer .top .form-cnt form .termsandconditions .wpcf7-list-item {
  margin-left: 0;
}
.site-footer .top .form-cnt form .wpcf7-spinner {
  display: none;
}
.site-footer .top .footer-info {
  display: flex;
  font-size: var(--font20);
  line-height: 29px;
  font-weight: 300;
}
.site-footer .top .footer-info .footer-menu {
  margin-right: 4.6rem;
}
@media (max-width: 1200px) {
  .site-footer .top .footer-info .footer-menu {
    display: none;
  }
}
@media (max-width: 1200px) {
  .site-footer .top .footer-info .address-social {
    flex-flow: column-reverse;
    display: flex;
  }
}
@media (max-width: 600px) {
  .site-footer .top .footer-info .address-social .address {
    font-size: 14px;
    line-height: 19px;
  }
}
.site-footer .top .footer-info .address-social .social {
  margin-top: 1rem;
}
@media (max-width: 1200px) {
  .site-footer .top .footer-info .address-social .social {
    margin-top: 0;
    margin-bottom: 1rem;
    margin-top: 1.4rem;
  }
}
.site-footer .top .footer-info .address-social .social a {
  margin-right: 0.7rem;
}
.site-footer .top .footer-info .address-social .social a:hover {
  text-decoration: none;
}
.site-footer .top .footer-info .address-social .social a:last-child {
  margin-right: 0;
}
.site-footer .top .footer-info .address-social .social a svg {
  width: 25px;
  height: 25px;
}
.site-footer .bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 3rem;
}
@media (max-width: 1200px) {
  .site-footer .bottom {
    margin-top: 2rem;
  }
}
.site-footer .bottom .copyrights {
  font-size: var(--font18);
  font-weight: 300;
}
@media (max-width: 600px) {
  .site-footer .bottom .copyrights {
    font-size: 14px;
    line-height: 19px;
  }
}
.site-footer .bottom .copyrights p {
  margin-bottom: 0.4rem;
}
.site-footer .bottom .copyrights .website-credit {
  display: flex;
}
@media (max-width: 600px) {
  .site-footer .bottom .copyrights .website-credit {
    flex-flow: column;
  }
}
.site-footer .bottom .copyrights .website-credit .website {
  margin-right: 1.2rem;
}
.site-footer .bottom .copyrights .website-credit .website, .site-footer .bottom .copyrights .website-credit .curation {
  display: flex;
}
.site-footer .bottom .copyrights .website-credit .website p, .site-footer .bottom .copyrights .website-credit .curation p {
  margin: 0;
}
.site-footer .bottom .copyrights .website-credit .website a, .site-footer .bottom .copyrights .website-credit .curation a {
  margin-left: 0.5rem;
}
.site-footer .bottom .back-to-top {
  font-size: var(--font20);
  line-height: 24px;
  min-width: 179px;
}
@media (max-width: 1200px) {
  .site-footer .bottom .back-to-top {
    display: none;
  }
}
.site-footer .bottom .back-to-top button {
  text-transform: uppercase;
  padding: 0.9rem 1.2rem;
  cursor: pointer;
}
.site-footer .bottom .back-to-top button:hover {
  background-color: #000;
  color: #fff;
}

.sectors-main {
  padding: 2rem var(--site-padding);
  background: #e3e3e3;
}
.sectors-main .sectors-cnt {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .sectors-main .sectors-cnt {
    display: block;
  }
}
.sectors-main .sectors-cnt .sector {
  width: calc(33% - ( 2rem + 9px) );
  margin-right: 18px;
  margin-bottom: 4rem;
  background: #fff;
  border-radius: 20px;
  height: 100%;
  overflow: hidden;
  padding: 1rem;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.51);
  position: relative;
  transition: box-shadow 0.2s ease-in-out;
}
@media (max-width: 900px) {
  .sectors-main .sectors-cnt .sector {
    width: calc(30% - ( 2rem + -10px) );
  }
}
@media (max-width: 600px) {
  .sectors-main .sectors-cnt .sector {
    width: auto;
    margin-right: 0;
  }
}
.sectors-main .sectors-cnt .sector:hover {
  box-shadow: 0.3rem 0.3rem 0.3rem 1px rgba(0, 0, 0, 0.8);
}
.sectors-main .sectors-cnt .sector .background-overlay {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition: opacity 0.4s ease-in-out;
}
.sectors-main .sectors-cnt .sector:nth-child(3n) {
  margin-right: 0;
}
.sectors-main .sectors-cnt .sector .title {
  margin-bottom: 1rem;
  min-height: 80px;
  position: relative;
}
@media (max-width: 600px) {
  .sectors-main .sectors-cnt .sector .title {
    min-height: 40px;
  }
}
.sectors-main .sectors-cnt .sector .title a {
  font-size: var(--font25);
  line-height: 30px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (max-width: 600px) {
  .sectors-main .sectors-cnt .sector .title a {
    font-size: 20px;
    line-height: 24px;
  }
}
.sectors-main .sectors-cnt .sector .img-cnt {
  position: relative;
  padding-top: 100%;
}
.sectors-main .sectors-cnt .sector .img-cnt a {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.sectors-main .sectors-cnt .sector .img-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-sectors {
  background: #e3e3e3;
}
.single-sectors .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .single-sectors .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.single-sectors .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .single-sectors .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.single-sectors .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .single-sectors .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.single-sectors .featured-img {
  max-height: calc( var(--viewport) - 2 * var(--header-height) );
}
@media (max-width: 600px) {
  .single-sectors .featured-img {
    height: 63vh;
    max-height: 100%;
  }
}
.single-sectors .featured-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-sectors .slider-section {
  position: relative;
  overflow: hidden;
}
.single-sectors .slider-section .counter-cnt {
  position: absolute;
  bottom: 0rem;
  right: var(--site-padding);
  padding: 1rem;
  color: #fff;
  font-size: var(--font20);
  line-height: 30px;
}
@media (max-width: 600px) {
  .single-sectors .slider-section .counter-cnt {
    font-size: 14px;
    line-height: 17px;
  }
}
.single-sectors .slider .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.single-sectors .slider .slick-list .sector-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.single-sectors .slider .slick-arrow {
  position: absolute;
}
.single-sectors .slider .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .single-sectors .slider .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.single-sectors .slider .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 126px;
  height: 126px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .single-sectors .slider .slick-arrow.next-arrow {
    width: 60px;
  }
}
.single-sectors .slider .sector-slide {
  position: relative;
  cursor: pointer;
}
.single-sectors .slider .sector-slide .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  padding: 1rem;
  font-size: var(--font25);
  font-weight: 100;
  color: #fff;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem 33% 1rem var(--site-padding);
  z-index: 1;
}
@media (max-width: 600px) {
  .single-sectors .slider .sector-slide .content {
    font-size: 14px;
    line-height: 19px;
    padding: 1rem;
  }
}
.single-sectors .slider .sector-slide .content p {
  margin: 0;
  max-width: 635px;
}
.single-sectors .slider .sector-slide .img-cnt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .single-sectors .slider .sector-slide .img-cnt {
    height: 63vh;
    max-height: 100%;
  }
}
.single-sectors .slider .sector-slide .img-cnt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-sectors .slider .sector-slide .title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem var(--site-padding);
  font-size: var(--font20);
  line-height: 30px;
  color: #fff;
  font-weight: 300;
  z-index: 1;
}
@media (max-width: 600px) {
  .single-sectors .slider .sector-slide .title {
    font-size: 14px;
    line-height: 19px;
  }
}
.single-sectors .slider .sector-slide .title p {
  margin: 0;
}
.single-sectors .related-projects {
  padding: var(--site-padding);
}
@media (max-width: 600px) {
  .single-sectors .related-projects {
    padding: 1.5rem var(--site-padding) 2rem;
  }
}
.single-sectors .related-projects .intro {
  font-size: var(--font25);
  line-height: 30px;
  font-weight: bold;
  text-transform: capitalize;
}
@media (max-width: 600px) {
  .single-sectors .related-projects .intro {
    font-size: 20px;
    line-height: 24px;
  }
}
.single-sectors .related-projects .projects-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .single-sectors .related-projects .projects-wrap {
    display: block;
  }
}
.single-sectors .related-projects .projects-wrap .project-cnt {
  width: calc( 33.3% - 10.5px );
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: calc( 33.3% - 10.5px );
}
@media (max-width: 600px) {
  .single-sectors .related-projects .projects-wrap .project-cnt {
    width: 100%;
    padding-top: 100%;
  }
}
.single-sectors .related-projects .projects-wrap .project-cnt:hover .title-cnt {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.single-sectors .related-projects .projects-wrap .project-cnt:nth-child(3n) {
  margin-right: 0;
}
.single-sectors .related-projects .projects-wrap .project-cnt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.single-sectors .related-projects .projects-wrap .project-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-sectors .related-projects .projects-wrap .project-cnt .title-cnt {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem;
  opacity: 0;
}
@media (max-width: 600px) {
  .single-sectors .related-projects .projects-wrap .project-cnt .title-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
}

.single-proj-main {
  background-color: #e3e3e3;
}
.single-proj-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .single-proj-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.single-proj-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
@media (max-width: 600px) {
  .single-proj-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.single-proj-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .single-proj-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.single-proj-main .hero-image img {
  max-height: calc( var(--viewport) - var(--header-height) );
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.single-proj-main .info-board-cnt {
  padding: var(--site-padding);
}
.single-proj-main .info-board-cnt .row {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
  font-size: var(--font20);
  height: 51px;
}
@media (max-width: 600px) {
  .single-proj-main .info-board-cnt .row {
    font-size: 14px;
    line-height: 16px;
    height: auto;
  }
}
.single-proj-main .info-board-cnt .row .lable-cnt {
  width: 30%;
}
.single-proj-main .info-board-cnt .row .lable-cnt .label {
  margin: 0;
}
.single-proj-main .info-board-cnt .row .description-cnt {
  width: 70%;
  font-weight: 100;
}
.single-proj-main .info-board-cnt .row .description-cnt .description {
  margin: 0;
  max-width: 500px;
}
.single-proj-main .content-cnt .content {
  padding: 0rem var(--site-padding) 1rem;
}
.single-proj-main .content-cnt .content ul {
  list-style: circle;
}
.single-proj-main .content-cnt .content .video-cnt-content {
  position: relative;
  padding-top: 56.25%;
}
.single-proj-main .content-cnt .content .video-cnt-content iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.single-proj-main .content-cnt .content p {
  max-width: 70%;
  margin-left: auto;
  font-size: var(--font20);
  font-weight: 200;
}
@media (max-width: 600px) {
  .single-proj-main .content-cnt .content p {
    max-width: 100%;
    font-size: 14px;
    line-height: 16px;
  }
}
.single-proj-main .video-wrapper {
  max-height: calc( var(--viewport) - 1.5 * var(--header-height) );
  margin-bottom: 5rem;
}
@media (max-width: 600px) {
  .single-proj-main .video-wrapper {
    margin-bottom: 3rem;
  }
}
.single-proj-main .video-wrapper .vimeo-cnt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0 var(--site-padding);
}
.single-proj-main .video-wrapper .vimeo-cnt iframe {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: calc( var(--viewport) - 1.5 * var(--header-height) );
}
.single-proj-main .slider-cnt {
  padding: 0 var(--site-padding) 2rem;
  overflow: hidden;
}
.single-proj-main .slider-cnt .slick-list {
  margin: 0 calc( -1 * var(--site-padding) );
}
.single-proj-main .slider-cnt .slick-list .slick-slide {
  margin-left: var(--site-padding);
  margin-right: var(--site-padding);
}
.single-proj-main .slider-cnt .slick-arrow {
  position: absolute;
}
.single-proj-main .slider-cnt .slick-arrow path {
  fill: #000 !important;
}
.single-proj-main .slider-cnt .slick-arrow.prev-arrow {
  top: 50%;
  left: var(--site-padding);
  z-index: 10;
  width: 96px;
  height: 100px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .single-proj-main .slider-cnt .slick-arrow.prev-arrow {
    width: 60px;
  }
}
.single-proj-main .slider-cnt .slick-arrow.next-arrow {
  top: 50%;
  right: var(--site-padding);
  z-index: 10;
  width: 96px;
  height: 100px;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 600px) {
  .single-proj-main .slider-cnt .slick-arrow.next-arrow {
    width: 60px;
  }
}
.single-proj-main .slider-cnt .img-cnt {
  display: block;
}
@media (max-width: 600px) {
  .single-proj-main .slider-cnt .img-cnt {
    height: auto;
  }
}
.single-proj-main .slider-cnt .img-cnt .inner {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
@media (max-width: 600px) {
  .single-proj-main .slider-cnt .img-cnt .inner {
    padding-bottom: 100%;
  }
}
.single-proj-main .slider-cnt .img-cnt .inner img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  max-width: 66%;
  transform: translateX(-50%);
}
@media (max-width: 600px) {
  .single-proj-main .slider-cnt .img-cnt .inner img {
    max-width: 100%;
    left: 0;
    transform: translateX(0);
  }
}
.single-proj-main .related-projects {
  padding: var(--site-padding);
}
@media (max-width: 600px) {
  .single-proj-main .related-projects {
    padding: 1.5rem var(--site-padding) 2rem;
  }
}
.single-proj-main .related-projects .title {
  font-size: var(--font20);
  text-transform: capitalize;
}
.single-proj-main .related-projects .projects-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .single-proj-main .related-projects .projects-wrap {
    display: block;
  }
}
.single-proj-main .related-projects .projects-wrap .project-cnt {
  width: calc( 33.3% - 10.5px );
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: calc( 33.3% - 10.5px );
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .single-proj-main .related-projects .projects-wrap .project-cnt {
    width: 100%;
    padding-top: 100%;
  }
}
.single-proj-main .related-projects .projects-wrap .project-cnt:hover .title-cnt {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.single-proj-main .related-projects .projects-wrap .project-cnt:nth-child(3n) {
  margin-right: 0;
}
.single-proj-main .related-projects .projects-wrap .project-cnt.fade {
  opacity: 0;
  pointer-events: none;
}
.single-proj-main .related-projects .projects-wrap .project-cnt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.single-proj-main .related-projects .projects-wrap .project-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-proj-main .related-projects .projects-wrap .project-cnt .title-cnt {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem;
  opacity: 0;
}
@media (max-width: 600px) {
  .single-proj-main .related-projects .projects-wrap .project-cnt .title-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
}

.location-main .map-cnt {
  padding: var(--site-padding);
  position: relative;
}
.location-main .map-cnt .map-projects {
  height: 66vh;
}
.location-main .map-cnt .map-projects .thum-created {
  overflow: visible !important;
}
.location-main .map-cnt .map-projects .thum-created.show-down .map-thumb {
  transform: translate(-50%, 100%);
}
.location-main .map-cnt .map-projects .thum-created .map-thumb {
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-50%, -100%);
  padding-bottom: 2rem;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  pointer-events: none;
}
.location-main .map-cnt .map-projects .thum-created .map-thumb.show {
  opacity: 1;
}
.location-main .map-cnt .project-images {
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 150px;
  height: 150px;
  overflow: hidden;
  pointer-events: none;
}
.location-main .map-cnt .project-images .img-cnt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.location-main .map-cnt .project-images .img-cnt .inner {
  height: 100%;
}
.location-main .map-cnt .project-images .img-cnt.show {
  display: block;
}
.location-main .map-cnt .project-images .img-cnt img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.location-main .related-projects {
  padding: var(--site-padding);
}
.location-main .related-projects .intro {
  font-size: var(--font25);
  line-height: 30px;
  font-weight: bold;
  text-transform: capitalize;
}
.location-main .related-projects .projects-wrap {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 600px) {
  .location-main .related-projects .projects-wrap {
    display: block;
  }
}
.location-main .related-projects .projects-wrap .project-cnt {
  width: calc( 33.3% - 10.5px );
  margin-right: 1rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: calc( 33.3% - 10.5px );
}
@media (max-width: 600px) {
  .location-main .related-projects .projects-wrap .project-cnt {
    width: 100%;
    margin-right: 0;
    padding-top: 100%;
  }
}
.location-main .related-projects .projects-wrap .project-cnt:hover .title-cnt {
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
.location-main .related-projects .projects-wrap .project-cnt:nth-child(3n) {
  margin-right: 0;
}
.location-main .related-projects .projects-wrap .project-cnt.fade {
  opacity: 0;
  pointer-events: none;
}
.location-main .related-projects .projects-wrap .project-cnt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.location-main .related-projects .projects-wrap .project-cnt a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.location-main .related-projects .projects-wrap .project-cnt .title-cnt {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease-in-out;
  color: #fff;
  font-size: var(--font20);
  padding: 0.6rem;
  opacity: 0;
}
@media (max-width: 600px) {
  .location-main .related-projects .projects-wrap .project-cnt .title-cnt {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
  }
}
.location-main .related-projects .load-more-cnt {
  text-align: center;
}
.location-main .related-projects .load-more-cnt .load-more {
  display: inline-block;
  padding: 0.7rem;
  text-transform: uppercase;
  background: #fff;
  cursor: pointer;
}
.location-main .related-projects .load-more-cnt .load-more:hover {
  background: #000;
  color: #fff;
}

.search .site-main, .page-template-default .site-main {
  padding: 2rem var(--site-padding) 4rem;
}
.search .site-main .post-thumbnail, .page-template-default .site-main .post-thumbnail {
  display: block;
}
.search .site-main .post-thumbnail img, .page-template-default .site-main .post-thumbnail img {
  width: auto;
  height: auto;
  max-width: 900px;
}
.search .site-main .entry-summary, .page-template-default .site-main .entry-summary {
  margin-top: 1rem;
  max-width: 900px;
  font-size: var(--font18);
  line-height: 22px;
}
@media (max-width: 900px) {
  .search .site-main .entry-summary, .page-template-default .site-main .entry-summary {
    font-size: 1rem;
    line-height: 20px;
  }
}

.memorial-main {
  padding: 2.4rem var(--site-padding);
  background: #e3e3e3;
}
.memorial-main .page-title {
  font-size: 27px;
  font-weight: 300;
  position: relative;
}
@media (max-width: 600px) {
  .memorial-main .page-title {
    font-size: 25px;
    line-height: 30px;
  }
}
.memorial-main .page-title p {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 600px) {
  .memorial-main .page-title p {
    position: static;
  }
}
.memorial-main .person-cnt {
  padding-bottom: 2.4rem;
}
.memorial-main .person-cnt .name-cnt {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 4.5rem;
}
@media (max-width: 600px) {
  .memorial-main .person-cnt .name-cnt {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0;
  }
}
.memorial-main .person-cnt .name-cnt p {
  width: 60%;
  margin-left: auto;
}
@media (max-width: 600px) {
  .memorial-main .person-cnt .name-cnt p {
    width: 100%;
  }
}
.memorial-main .person-cnt .two-col {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .memorial-main .person-cnt .two-col {
    flex-flow: column;
  }
}
.memorial-main .person-cnt .two-col .left {
  width: 25%;
}
@media (max-width: 600px) {
  .memorial-main .person-cnt .two-col .left {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.memorial-main .person-cnt .two-col .left img {
  width: 100%;
  height: auto;
}
.memorial-main .person-cnt .two-col .right {
  width: 60%;
  font-size: 25px;
  line-height: 30px;
  font-weight: 200;
}
@media (max-width: 600px) {
  .memorial-main .person-cnt .two-col .right {
    width: 100%;
    font-size: 20px;
    line-height: 25px;
  }
}

.ircontact-main {
  background-color: #e3e3e3;
}
.ircontact-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .ircontact-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.ircontact-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
.ircontact-main .hero-section .title p {
  max-width: 300px;
  font-weight: 100;
}
@media (max-width: 600px) {
  .ircontact-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.ircontact-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .ircontact-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.ircontact-main .ir-contact-form-wrapper {
  padding: var(--site-padding);
  font-family: inherit;
}
.ircontact-main .ir-contact-form-wrapper .ninja-forms-req-symbol {
  color: #000;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-fields-required {
  display: none;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content {
  max-width: 100%;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content .nf-error.field-wrap .nf-field-element::after {
  display: none;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content textarea {
  border: 2px solid #000;
  border-radius: 11px;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content textarea.ninja-forms-field {
  height: 158px;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content input:not([type=button]) {
  border: 2px solid #000;
  border-radius: 11px;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content input[type=button] {
  background: #fff;
  color: #000;
  transition: all 0.5s;
  border: 2px solid #000;
  padding: 1rem 2rem;
  font-weight: 600;
  cursor: pointer;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content input[type=button]:hover {
  background: #000;
  color: #fff;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content .list-select-wrap .nf-field-element > div {
  border: 2px solid #000;
  border-radius: 11px;
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content .nf-row nf-cells {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .ircontact-main .ir-contact-form-wrapper .nf-form-content .nf-row nf-cells {
    flex-flow: column;
  }
}
.ircontact-main .ir-contact-form-wrapper .nf-form-content .nf-cell {
  width: 49% !important;
}
@media (max-width: 600px) {
  .ircontact-main .ir-contact-form-wrapper .nf-form-content .nf-cell {
    width: auto !important;
  }
}
.ircontact-main .ir-contact-form-wrapper .ir-contact-form-element .checkbox-cnt-nk .field-wrap {
  align-items: flex-start;
}
.ircontact-main .ir-contact-form-wrapper .ir-contact-form-element .checkbox-cnt-nk .field-wrap .nf-field-label, .ircontact-main .ir-contact-form-wrapper .ir-contact-form-element .checkbox-cnt-nk .field-wrap .nf-field-element, .ircontact-main .ir-contact-form-wrapper .ir-contact-form-element .checkbox-cnt-nk .field-wrap .nf-field-description {
  width: auto;
}
.ircontact-main .ir-contact-form-wrapper .ir-contact-form-element .checkbox-cnt-nk .ninja-forms-req-symbol {
  display: none;
}

.feedbackform-main {
  background-color: #e3e3e3;
}
.feedbackform-main .hero-section {
  padding: 2.4rem var(--site-padding);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .feedbackform-main .hero-section {
    flex-flow: column;
    padding: 1.4rem var(--site-padding);
  }
}
.feedbackform-main .hero-section .title {
  font-size: var(--font30);
  line-height: 36px;
  padding-right: 2rem;
}
.feedbackform-main .hero-section .title p {
  max-width: 300px;
  font-weight: 100;
}
@media (max-width: 600px) {
  .feedbackform-main .hero-section .title {
    font-size: 20px;
    line-height: 24px;
  }
}
.feedbackform-main .hero-section .hero-content {
  width: 66%;
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .feedbackform-main .hero-section .hero-content {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
  }
}
.feedbackform-main .feedback-form-wrapper {
  padding: var(--site-padding);
  font-family: inherit;
}
.feedbackform-main .feedback-form-wrapper .ninja-forms-req-symbol {
  color: #000;
}
.feedbackform-main .feedback-form-wrapper .nf-form-fields-required {
  display: none;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content {
  max-width: 100%;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content .nf-error.field-wrap .nf-field-element::after {
  display: none;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content textarea {
  border: 2px solid #000;
  border-radius: 11px;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content textarea.ninja-forms-field {
  height: 158px;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content input:not([type=button]) {
  border: 2px solid #000;
  border-radius: 11px;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content input[type=button] {
  background: #fff;
  color: #000;
  transition: all 0.5s;
  border: 2px solid #000;
  padding: 1rem 2rem;
  font-weight: 600;
  cursor: pointer;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content input[type=button]:hover {
  background: #000;
  color: #fff;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content .list-select-wrap .nf-field-element > div {
  border: 2px solid #000;
  border-radius: 11px;
}
.feedbackform-main .feedback-form-wrapper .nf-form-content .nf-row nf-cells {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .feedbackform-main .feedback-form-wrapper .nf-form-content .nf-row nf-cells {
    flex-flow: column;
  }
}
.feedbackform-main .feedback-form-wrapper .nf-form-content .nf-cell {
  width: 49% !important;
}
@media (max-width: 600px) {
  .feedbackform-main .feedback-form-wrapper .nf-form-content .nf-cell {
    width: auto !important;
  }
}
.feedbackform-main .feedback-form-wrapper .feedback-form-element .checkbox-cnt-nk .field-wrap {
  align-items: flex-start;
}
.feedbackform-main .feedback-form-wrapper .feedback-form-element .checkbox-cnt-nk .field-wrap .nf-field-label, .feedbackform-main .feedback-form-wrapper .feedback-form-element .checkbox-cnt-nk .field-wrap .nf-field-element, .feedbackform-main .feedback-form-wrapper .feedback-form-element .checkbox-cnt-nk .field-wrap .nf-field-description {
  width: auto;
}
.feedbackform-main .feedback-form-wrapper .feedback-form-element .checkbox-cnt-nk .ninja-forms-req-symbol {
  display: none;
}

.error404 .site-main {
  background-color: #e3e3e3;
}
.error404 .site-main .page-header {
  padding: var(--site-padding);
}

.cookie-cnt {
  display: none;
  position: fixed;
  bottom: 0;
  right: var(--site-padding);
  left: var(--site-padding);
  background: #fff;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  border-radius: 26px;
  padding: 1rem;
  z-index: 100;
  margin-bottom: 1rem;
}
.cookie-cnt.hide {
  display: none;
  pointer-events: none;
}
.cookie-cnt .policy {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
}
@media (max-width: 600px) {
  .cookie-cnt .policy {
    font-size: 1rem;
    line-height: 20px;
  }
}
.cookie-cnt .cookie-text {
  font-size: 30px;
  line-height: 36px;
  font-weight: 100;
  max-width: 600px;
  margin-bottom: 1.2rem;
}
@media (max-width: 600px) {
  .cookie-cnt .cookie-text {
    font-size: 1rem;
    line-height: 20px;
  }
}
.cookie-cnt .btn-cnt button {
  font-size: 20px;
  text-transform: uppercase;
  padding: 0.4rem 1rem;
  border-radius: 10px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .cookie-cnt .btn-cnt button {
    font-size: 1rem;
    line-height: 20px;
  }
}
.cookie-cnt .btn-cnt button:hover {
  background: #000;
  color: #fff;
}
.cookie-cnt .btn-cnt button:first-child {
  margin-right: 1rem;
}
.cookie-cnt .close-btn {
  width: 30px;
  position: absolute;
  right: 1rem;
  cursor: pointer;
}
@media (max-width: 600px) {
  .cookie-cnt .close-btn {
    width: 1rem;
  }
}

.notice-cnt {
  position: fixed;
  top: calc( var(--header-height) - 1rem );
  left: var(--site-padding);
  right: var(--site-padding);
  z-index: 11;
  background: black;
  color: white;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.67);
  border-radius: 10px;
  padding: 1rem 3rem 2rem 1rem;
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
  pointer-events: auto;
  z-index: 100;
}
.notice-cnt.hide {
  opacity: 0;
  pointer-events: none;
}
.notice-cnt .close {
  position: absolute;
  right: 2rem;
  cursor: pointer;
}
.notice-cnt .close svg {
  width: 1.5rem;
}
@media (max-width: 600px) {
  .notice-cnt .close svg {
    width: 1rem;
  }
}
.notice-cnt .content {
  font-size: var(--font30);
  line-height: 36px;
}
@media (max-width: 600px) {
  .notice-cnt .content {
    font-size: 1rem;
    line-height: 20px;
  }
}
.notice-cnt .content .title {
  font-weight: bold;
}
.notice-cnt .content .text {
  font-weight: 300;
}
.notice-cnt .content .text svg {
  width: 1.5rem;
}
@media (max-width: 600px) {
  .notice-cnt .content .text svg {
    width: 1rem;
  }
}
.notice-cnt .content .text svg path {
  fill: white !important;
}

.filters-cnt {
  display: flex;
  justify-content: space-between;
  padding: 0rem;
  margin: 0.7rem 0;
}
@media (max-width: 600px) {
  .filters-cnt {
    flex-flow: column;
  }
}
.filters-cnt .filter {
  position: relative;
  width: 45%;
  background: white;
  font-size: 20px;
  line-height: 24px;
  padding: 0.6rem 1rem;
  border-radius: 11px;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  cursor: pointer;
}
.filters-cnt .filter:first-child {
  margin-right: 1rem;
}
@media (max-width: 600px) {
  .filters-cnt .filter {
    width: auto;
  }
  .filters-cnt .filter:first-child {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.filters-cnt .filter .label {
  pointer-events: none;
}
.filters-cnt .filter.open .arrow {
  transform: rotateX(0);
}
.filters-cnt .filter.open .list-wrap {
  display: block;
}
.filters-cnt .filter .arrow {
  transform: rotateX(180deg);
  transition: transform 0.4s ease-in-out;
  pointer-events: none;
}
.filters-cnt .filter .arrow svg {
  width: 18px;
}
.filters-cnt .filter .list-wrap {
  display: none;
  position: absolute;
  padding: 0.6rem 0.5rem;
  left: 0;
  right: 0;
  top: 2.9rem;
  background: #fff;
  border-radius: 10px;
  z-index: 10;
  overflow: hidden;
}
.filters-cnt .filter ul {
  font-weight: 100;
  text-transform: capitalize;
  background: #fff;
  max-height: 150px;
  overflow-y: scroll;
  margin-right: calc( -1 * var(--scrollbar-width) - .5rem );
  padding-right: 1rem;
}
.filters-cnt .filter ul .filter-item {
  height: 38px;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 10px;
  position: relative;
  padding-left: 1.6rem;
}
.filters-cnt .filter ul .filter-item.active::before {
  background-color: #000;
}
.filters-cnt .filter ul .filter-item::before {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid #000;
  position: absolute;
  left: 6px;
  top: 13px;
}
.filters-cnt .filter ul .filter-item:hover {
  border-color: #000;
}
.filters-cnt .filter ul .filter-item:hover::before {
  background-color: #000;
}
.filters-cnt .filter ul .filter-item:active::before {
  background-color: #000;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/** 
* hover color classes 
**/
.grey-color {
  color: #989898;
}

.black-color {
  color: #000;
}

/*
* fade in an element with opacity 0
*/
.fade {
  transition: 1.5s;
  opacity: 1;
}

/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  -webkit-clip-path: none;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}